@commercetools-frontend-extensions/export-resources-modal 3.2.1 → 3.3.0

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

@@ -29,12 +29,16 @@ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWit
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
+var _flatMapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat-map');
+var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var uiKit = require('@commercetools-frontend/ui-kit');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var omitEmpty = require('omit-empty-es');
 var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
 var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@commercetools-uikit/design-system');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var moment = require('moment');
@@ -66,10 +70,14 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
+var _flatMapInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatMapInstanceProperty);
+var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
 var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
 var _spliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_spliceInstanceProperty);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
@@ -106,7 +114,7 @@ const OUTPUT_FORMAT_OPTIONS = [{
   label: 'JSON'
 }];
 
-const COLUMN_DEFINITIONS_URLS = {
+const FIELD_DEFINITIONS_URLS = {
   category: 'https://docs-proxy-sarm-product-import-csv.commercetools.vercel.app/merchant-center/import-categories#supported-headers-and-values'
 };
 
@@ -172,21 +180,28 @@ let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
 
 const _excluded$1 = ["name"];
 function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$5(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function resourceTypeToPlural(_ref) {
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$5(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$5(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function resourceTypeToDisplayName(_ref) {
   let resourceType = _ref.resourceType,
     _ref$isUpperCase = _ref.isUpperCase,
-    isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase;
+    isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase,
+    _ref$isPlural = _ref.isPlural,
+    isPlural = _ref$isPlural === void 0 ? false : _ref$isPlural;
+  let displayName;
   switch (resourceType) {
     case EXPORTABLE_RESOURCES.CATEGORY:
-      return isUpperCase ? 'Categories' : 'categories';
+      displayName = isPlural ? 'Categories' : 'Category';
+      break;
     case EXPORTABLE_RESOURCES.PRODUCT:
-      return isUpperCase ? 'Products' : 'products';
+      displayName = isPlural ? 'Products' : 'Product';
+      break;
     case EXPORTABLE_RESOURCES.DISCOUNT_CODE:
-      return isUpperCase ? 'Discount codes' : 'discount codes';
+      displayName = isPlural ? 'Discount codes' : 'Discount code';
+      break;
     default:
       throw UnexpectedResourceTypeError(resourceType);
   }
+  return isUpperCase ? displayName : displayName.toLowerCase();
 }
 function resourceTypeToOperationName(resourceType) {
   switch (resourceType) {
@@ -258,21 +273,51 @@ function unflattenNestedFields(flattenedFields) {
   });
   return reconstructed;
 }
-function getSelectedFields(fields) {
+function getSelectedGeneralFields(fields) {
   return _filterInstanceProperty__default["default"](fields).call(fields, field => field.isChecked);
 }
-function getFieldNames(fields) {
-  return _mapInstanceProperty__default["default"](fields).call(fields, field => field.name);
+function getSelectedCustomFields(customFields) {
+  return _mapInstanceProperty__default["default"](customFields).call(customFields, customType => {
+    var _context4;
+    return _objectSpread$5(_objectSpread$5({}, customType), {}, {
+      fields: _filterInstanceProperty__default["default"](_context4 = customType.fields).call(_context4, field => field.isChecked)
+    });
+  });
+}
+function flattenCustomFields(customFields) {
+  return _flatMapInstanceProperty__default["default"](customFields).call(customFields, customType => customType.fields);
 }
 function checkRequiredFields(fields) {
   return _mapInstanceProperty__default["default"](fields).call(fields, field => field.isRequired ? _objectSpread$5(_objectSpread$5({}, field), {}, {
     isChecked: true
   }) : field);
 }
-const getExportLogsLink = (projectKey, msg) => jsxRuntime.jsx(uiKit.Link, {
-  to: "/".concat(projectKey, "/operations/export/logs"),
-  children: msg
-});
+function getExportLogsLink(projectKey, msg) {
+  return jsxRuntime.jsx(uiKit.Link, {
+    to: "/".concat(projectKey, "/operations/export/logs"),
+    children: msg
+  });
+}
+function setInitialCheckedStateForCustomFields(customFields) {
+  return _mapInstanceProperty__default["default"](customFields).call(customFields, customType => {
+    var _context5;
+    return _objectSpread$5(_objectSpread$5({}, customType), {}, {
+      fields: _mapInstanceProperty__default["default"](_context5 = customType.fields).call(_context5, field => _objectSpread$5(_objectSpread$5({}, field), {}, {
+        isChecked: false
+      }))
+    });
+  });
+}
+function buildGeneralFieldColumns(generalFields) {
+  return _mapInstanceProperty__default["default"](generalFields).call(generalFields, field => field.name);
+}
+function buildCustomFieldColumns(customFields) {
+  const columns = _flatMapInstanceProperty__default["default"](customFields).call(customFields, customType => {
+    var _context6;
+    return _mapInstanceProperty__default["default"](_context6 = customType.fields).call(_context6, field => "custom.fields.".concat(field.name));
+  });
+  return [...new _Set__default["default"](columns)];
+}
 
 /*
  * This function is responsible for constructing the GraphQL query based on the export settings
@@ -282,18 +327,28 @@ const getExportLogsLink = (projectKey, msg) => jsxRuntime.jsx(uiKit.Link, {
  * - For 'selected', it creates a query that fetches only the fields and locales of the selected resources. The ids of the selected resources are included in the query.
  * - The 'filtered' case is a placeholder for future development where a query will be constructed based on certain filtering criteria using the `where` parameter.
  */
-function buildGraphQuery(exportSettings) {
+function buildGraphQLQuery(exportSettings) {
   var _context;
   const operation = resourceTypeToOperationName(exportSettings.resourceType);
+  const generalFields = buildGeneralFieldsForGraphQLQuery({
+    fields: exportSettings.fields,
+    locales: exportSettings.locales
+  });
+  const results = [...generalFields];
+  if (exportSettings.customFields && exportSettings.customFields.length > 0) {
+    const customFields = buildCustomFieldsForGraphQLQuery({
+      customFields: exportSettings.customFields
+    });
+    results.push({
+      custom: customFields
+    });
+  }
   switch (exportSettings.exportType) {
     case EXPORT_TYPES.ALL:
       return gqlQueryBuilder.query({
         operation,
         fields: [{
-          results: buildFields({
-            fields: exportSettings.fields,
-            locales: exportSettings.locales
-          })
+          results
         }],
         variables: {}
       });
@@ -301,10 +356,7 @@ function buildGraphQuery(exportSettings) {
       return gqlQueryBuilder.query({
         operation,
         fields: [{
-          results: buildFields({
-            fields: exportSettings.fields,
-            locales: exportSettings.locales
-          })
+          results
         }],
         variables: {
           where: "id in (".concat(_mapInstanceProperty__default["default"](_context = exportSettings.selectedResourceIds).call(_context, id => "\"".concat(id, "\"")).join(', '), ")")
@@ -332,7 +384,7 @@ function buildGraphQuery(exportSettings) {
  * More details can be found in the related PR: https://github.com/commercetools/commercetools-exporter/pull/103
  */
 
-function buildFields(_ref) {
+function buildGeneralFieldsForGraphQLQuery(_ref) {
   var _context2;
   let fields = _ref.fields,
     locales = _ref.locales;
@@ -344,7 +396,7 @@ function buildFields(_ref) {
     });else {
       if (isFilledArray(field.fields)) {
         return {
-          [field.name]: buildFields({
+          [field.name]: buildGeneralFieldsForGraphQLQuery({
             fields: field.fields,
             locales
           })
@@ -354,31 +406,48 @@ function buildFields(_ref) {
     }
   })).call(_context2);
 }
+function buildCustomFieldsForGraphQLQuery(_ref2) {
+  _ref2.customFields;
+  // const customFieldNames = customFields.map((customField) => customField.name)
+  return [{
+    type: ['key']
+  }, {
+    operation: 'customFieldsRaw',
+    fields: ['name', 'value'],
+    // TODO: Add custom fields filter to the variables when they are supported on the Export API side
+    variables: {
+      // includeNames: customFieldNames,
+    }
+  }];
+}
 
 function validate(_ref) {
   let values = _valuesInstanceProperty__default["default"](_ref),
     step = _ref.step;
+  const fileName = values.fileName,
+    locales = values.locales,
+    fields = values.fields,
+    customFields = values.customFields;
   const errors = {
     fileName: {},
     locales: {},
     fields: {}
   };
-  // Always validate these fields (first and second steps)
-  if (uiKit.TextInput.isEmpty(values.fileName)) {
+  if (uiKit.TextInput.isEmpty(fileName)) {
     errors.fileName.missing = true;
-  } else if (!/^[a-zA-Z0-9-_.]+$/.test(values.fileName)) {
+  } else if (!/^[a-zA-Z0-9-_.]+$/.test(fileName)) {
     errors.fileName.invalidInput = true;
   }
-  if (values.locales.length < 1) {
+  if (locales.length < 1) {
     errors.locales.missing = true;
   }
-  //
-
-  // Only validate these fields on the 2nd step
   if (step === 2) {
-    var _context;
-    const checkedFields = _filterInstanceProperty__default["default"](_context = values.fields).call(_context, field => field.isChecked);
-    if (checkedFields.length < 2) {
+    const checkedGeneralFieldsCount = _filterInstanceProperty__default["default"](fields).call(fields, field => field.isChecked).length;
+    const checkedCustomFieldsCount = _reduceInstanceProperty__default["default"](customFields).call(customFields, (count, customType) => {
+      var _context;
+      return count + _filterInstanceProperty__default["default"](_context = customType.fields).call(_context, field => field.isChecked).length;
+    }, 0);
+    if (checkedGeneralFieldsCount + checkedCustomFieldsCount < 2) {
       errors.fields.missing = true;
     }
   }
@@ -391,6 +460,10 @@ const categoryColumnExtension = columns => {
   if (parentKeyIndex !== -1) {
     _spliceInstanceProperty__default["default"](extendedColumns).call(extendedColumns, parentKeyIndex + 1, 0, 'parent.typeId');
   }
+  const firstCustomFieldIndex = _findIndexInstanceProperty__default["default"](extendedColumns).call(extendedColumns, column => _startsWithInstanceProperty__default["default"](column).call(column, 'custom.fields.'));
+  if (firstCustomFieldIndex !== -1) {
+    _spliceInstanceProperty__default["default"](extendedColumns).call(extendedColumns, firstCustomFieldIndex, 0, 'custom.type.key', 'custom.type.typeId');
+  }
   return extendedColumns;
 };
 const defaultColumnExtension = columns => columns;
@@ -399,7 +472,9 @@ const columnExtensionByResourceType = {
   category: categoryColumnExtension
 };
 
-const extendColumns = (columns, resourceType) => {
+const extendColumns = _ref => {
+  let resourceType = _ref.resourceType,
+    columns = _ref.columns;
   const extensionFunction = columnExtensionByResourceType[resourceType] || columnExtensionByResourceType.default;
   return extensionFunction(columns);
 };
@@ -455,11 +530,6 @@ var messages = reactIntl.defineMessages({
     description: 'resources are selected and will be exported',
     defaultMessage: '<b>{count}</b> {resourceType} are selected and will be exported.'
   },
-  columnsMessage: {
-    id: 'ExportResourcesModal.columnsMessage',
-    description: 'Exported columns and attributes based on table settings',
-    defaultMessage: 'Exported columns/attributes based on table settings: {columnsCount}'
-  },
   exportBasedOnMyViewsMessage: {
     id: 'ExportResourcesModal.exportBasedOnMyViewsMessage',
     description: 'Select Export setttings based on my views',
@@ -505,9 +575,9 @@ var messages = reactIntl.defineMessages({
     description: 'Label for "My Views" Select Field',
     defaultMessage: 'My Views'
   },
-  selectColumnsToExport: {
-    id: 'ExportResourcesModal.selectColumnsToExport',
-    defaultMessage: 'Select columns to export'
+  selectFieldsToExport: {
+    id: 'ExportResourcesModal.selectFieldsToExport',
+    defaultMessage: 'Select fields to export'
   },
   back: {
     id: 'ExportResourcesModal.back',
@@ -524,15 +594,25 @@ var messages = reactIntl.defineMessages({
     description: 'Label for "Continue" button',
     defaultMessage: 'Continue'
   },
-  columnDefinitions: {
-    id: 'ExportResourcesModal.columnDefinitions',
-    description: 'Label for "Column Definitions" link',
-    defaultMessage: 'Column definitions'
+  fieldDefinitions: {
+    id: 'ExportResourcesModal.fieldDefinitions',
+    description: 'Label for "Field definitions" link',
+    defaultMessage: 'Field definitions'
   },
   allGeneralFields: {
     id: 'ExportResourcesModal.allGeneralFields',
     description: 'Label for "All general fields" checkbox',
     defaultMessage: 'All general fields'
+  },
+  allCustomFields: {
+    id: 'ExportResourcesModal.allCustomFields',
+    description: 'Label for "All custom fields" checkbox',
+    defaultMessage: 'All custom fields'
+  },
+  customTypeKeyAndTypeId: {
+    id: 'ExportResourcesModal.customTypeKeyAndTypeId',
+    description: 'Label for "Custom type key and typeId" checkbox',
+    defaultMessage: 'Custom type key and typeId'
   }
 });
 
@@ -598,12 +678,14 @@ const useInitialValues = props => {
     var _context2;
     return {
       outputFormat: props.outputFormat,
-      fileName: _concatInstanceProperty__default["default"](_context2 = "".concat(resourceTypeToPlural({
+      fileName: _concatInstanceProperty__default["default"](_context2 = "".concat(resourceTypeToDisplayName({
         resourceType: props.resourceType,
-        isUpperCase: true
+        isUpperCase: true,
+        isPlural: true
       }), "_Export_")).call(_context2, todayFormatted),
       locales: [locale],
-      fields: checkRequiredFields(fields)
+      fields: checkRequiredFields(fields),
+      customFields: setInitialCheckedStateForCustomFields(props.customFields)
     };
   }, [props, locale, todayFormatted, fields]);
 };
@@ -648,19 +730,27 @@ const useStartExportOperation = props => {
     }),
     projectKey = _useApplicationContex.projectKey;
   const startExportOperation = async values => {
-    const graphQuery = buildGraphQuery({
-      resourceType: props.resourceType,
-      exportType: props.exportType,
-      selectedResourceIds: props.selectedResourceIds,
-      fields: unflattenNestedFields(getSelectedFields(values.fields)),
-      locales: values.locales
-    });
     try {
+      const selectedGeneralFields = getSelectedGeneralFields(values.fields);
+      const selectedCustomFields = getSelectedCustomFields(values.customFields);
+      const generalColumns = buildGeneralFieldColumns(selectedGeneralFields);
+      const customColumns = buildCustomFieldColumns(selectedCustomFields);
+      const graphQuery = buildGraphQLQuery({
+        resourceType: props.resourceType,
+        exportType: props.exportType,
+        selectedResourceIds: props.selectedResourceIds,
+        fields: unflattenNestedFields(selectedGeneralFields),
+        customFields: flattenCustomFields(selectedCustomFields),
+        locales: values.locales
+      });
       const response = await createExportOperation({
         fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
         fileFormat: values.outputFormat,
         locales: values.locales,
-        columns: extendColumns(getFieldNames(getSelectedFields(values.fields)), props.resourceType),
+        columns: extendColumns({
+          resourceType: props.resourceType,
+          columns: [...generalColumns, ...customColumns]
+        }),
         projectKey,
         graphQuery,
         asyncDispatchFn: asyncDispatch
@@ -701,13 +791,15 @@ const useStartExportOperation = props => {
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function ExportTextMessage() {
+  const intl = reactIntl.useIntl();
   const _useExportResourcesCo = useExportResourcesContext(),
     resourceType = _useExportResourcesCo.resourceType,
     totalResourcesCount = _useExportResourcesCo.totalResourcesCount,
     selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
     exportType = _useExportResourcesCo.exportType;
-  const resourceTypePlural = resourceTypeToPlural({
-    resourceType: resourceType
+  const resourceTypePlural = resourceTypeToDisplayName({
+    resourceType: resourceType,
+    isPlural: true
   });
   let message;
   let count;
@@ -727,7 +819,7 @@ function ExportTextMessage() {
     "data-testid": "export-description",
     intlMessage: _objectSpread$2(_objectSpread$2({}, message), {}, {
       values: {
-        count: count,
+        count: intl.formatNumber(count),
         resourceType: resourceTypePlural,
         b: getBold
       }
@@ -812,34 +904,43 @@ const ExportFileSettingsStep = () => {
 };
 
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context12, _context13; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context12 = ownKeys$1(Object(t), !0)).call(_context12, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context13 = ownKeys$1(Object(t))).call(_context13, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const StyledCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
   target: "e1ocu3bb2"
 } )({
-  name: "1jtoq3b",
-  styles: "border-radius:4px 0px 0px 4px;&>div{height:490px;overflow-y:auto;}"
+  name: "yqmzw4",
+  styles: "&>div{height:490px;overflow-y:auto;}"
 } );
 const StyledCardLeft = /*#__PURE__*/_styled__default["default"](StyledCard, {
   target: "e1ocu3bb1"
-} )({
-  name: "65buvr",
-  styles: "background-color:#f9f9fb"
-} );
+} )("background-color:#f9f9fb;border-top:", _ref => {
+  let isTopRow = _ref.isTopRow;
+  return isTopRow ? uiKit.designTokens.borderForCardWhenRaised : 'none';
+}, ";border-radius:", _ref2 => {
+  let isTopRow = _ref2.isTopRow;
+  return isTopRow ? '4px 0px 0px 0px' : '0px 0px 0px 4px';
+}, ";" + ("" ));
 const StyledCardRight = /*#__PURE__*/_styled__default["default"](StyledCard, {
   target: "e1ocu3bb0"
-} )({
-  name: "1oktwfs",
-  styles: "border-radius:0px 4px 4px 0px;border-left:0"
-} );
+} )("border-left:0;border-top:", _ref3 => {
+  let isTopRow = _ref3.isTopRow;
+  return isTopRow ? uiKit.designTokens.borderForCardWhenRaised : 'none';
+}, ";border-radius:", _ref4 => {
+  let isTopRow = _ref4.isTopRow;
+  return isTopRow ? '0px 4px 0px 0px' : '0px 0px 4px 0px';
+}, ";" + ("" ));
 const ExportFieldsSelectionStep = () => {
-  var _context, _context2, _context4;
+  var _context, _context2, _context3, _formik$values$custom;
   const intl = reactIntl.useIntl();
   const _useExportResourcesCo = useExportResourcesContext(),
     formik = _useExportResourcesCo.formik,
     setCurrentStep = _useExportResourcesCo.setCurrentStep,
     resourceType = _useExportResourcesCo.resourceType;
-  const areAllFieldsChecked = _everyInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).fields).call(_context, field => field.isChecked);
-  const isAtLeastOneFieldChecked = _someInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](formik).fields).call(_context2, field => field.isChecked);
+  const areAllGeneralFieldsChecked = _everyInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).fields).call(_context, field => field.isChecked);
+  const isAtLeastOneGeneralFieldChecked = _someInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](formik).fields).call(_context2, field => field.isChecked);
+  const allCustomFields = _flatMapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](formik).customFields).call(_context3, customType => customType.fields);
+  const areAllCustomFieldsChecked = _everyInstanceProperty__default["default"](allCustomFields).call(allCustomFields, field => field.isChecked);
+  const isAtLeastOneCustomFieldChecked = _someInstanceProperty__default["default"](allCustomFields).call(allCustomFields, field => field.isChecked);
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     scale: "xl",
     children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -847,25 +948,26 @@ const ExportFieldsSelectionStep = () => {
       children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
         justifyContent: "space-between",
         children: [jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: messages.selectColumnsToExport
+          intlMessage: messages.selectFieldsToExport
         }), jsxRuntime.jsx(uiKit.Link, {
           isExternal: true,
           tone: "secondary",
-          intlMessage: messages.columnDefinitions,
-          to: COLUMN_DEFINITIONS_URLS[resourceType]
+          intlMessage: messages.fieldDefinitions,
+          to: FIELD_DEFINITIONS_URLS[resourceType]
         })]
       }), jsxRuntime.jsxs(uiKit.Grid, {
-        gridAutoFlow: "column",
-        gridTemplateColumns: "".concat(uiKit.customProperties.constraint5, " auto"),
+        gridAutoFlow: "row",
+        gridTemplateColumns: "".concat(uiKit.designTokens.constraint5, " auto"),
         children: [jsxRuntime.jsx(uiKit.Grid.Item, {
           children: jsxRuntime.jsx(StyledCardLeft, {
+            isTopRow: true,
             insetScale: "l",
             children: jsxRuntime.jsx(uiKit.CheckboxInput, {
-              isIndeterminate: !areAllFieldsChecked && isAtLeastOneFieldChecked,
-              isChecked: areAllFieldsChecked,
+              isIndeterminate: !areAllGeneralFieldsChecked && isAtLeastOneGeneralFieldChecked,
+              isChecked: areAllGeneralFieldsChecked,
               onChange: e => {
-                var _context3;
-                formik.setFieldValue('fields', _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](formik).fields).call(_context3, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
+                var _context4;
+                formik.setFieldValue('fields', _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](formik).fields).call(_context4, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
                   isChecked: field.isRequired ? true : e.target.checked
                 })));
               },
@@ -876,21 +978,58 @@ const ExportFieldsSelectionStep = () => {
           })
         }), jsxRuntime.jsx(uiKit.Grid.Item, {
           children: jsxRuntime.jsx(StyledCardRight, {
+            isTopRow: true,
             insetScale: "l",
-            children: _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](formik).fields).call(_context4, field => jsxRuntime.jsx(uiKit.CheckboxInput, {
-              isReadOnly: field.isRequired,
-              isChecked: field.isChecked,
-              onChange: e => {
-                var _context5;
-                formik.setFieldValue('fields', _mapInstanceProperty__default["default"](_context5 = _valuesInstanceProperty__default["default"](formik).fields).call(_context5, _field => field.name === _field.name ? _objectSpread$1(_objectSpread$1({}, _field), {}, {
-                  isChecked: e.target.checked
-                }) : _field));
-              },
-              children: jsxRuntime.jsxs(uiKit.Text.Body, {
-                children: [field.label, " ", field.isRequired && '*']
+            children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+              scale: "s",
+              children: jsxRuntime.jsx(GeneralFieldsSelection, {
+                fields: _valuesInstanceProperty__default["default"](formik).fields,
+                setFieldValue: formik.setFieldValue
               })
-            }, field.name))
+            })
           })
+        }), ((_formik$values$custom = _valuesInstanceProperty__default["default"](formik).customFields) === null || _formik$values$custom === void 0 ? void 0 : _formik$values$custom.length) > 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(StyledCardLeft, {
+              insetScale: "l",
+              children: jsxRuntime.jsx(uiKit.CheckboxInput, {
+                isIndeterminate: !areAllCustomFieldsChecked && isAtLeastOneCustomFieldChecked,
+                isChecked: areAllCustomFieldsChecked,
+                onChange: e => {
+                  var _context5;
+                  formik.setFieldValue('customFields', _mapInstanceProperty__default["default"](_context5 = _valuesInstanceProperty__default["default"](formik).customFields).call(_context5, customType => {
+                    var _context6;
+                    return _objectSpread$1(_objectSpread$1({}, customType), {}, {
+                      fields: _mapInstanceProperty__default["default"](_context6 = customType.fields).call(_context6, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
+                        isChecked: e.target.checked
+                      }))
+                    });
+                  }));
+                },
+                children: jsxRuntime.jsx(uiKit.Text.Body, {
+                  intlMessage: messages.allCustomFields
+                })
+              })
+            })
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(StyledCardRight, {
+              insetScale: "l",
+              children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                scale: "s",
+                children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
+                  isReadOnly: true,
+                  onChange: () => {},
+                  isChecked: isAtLeastOneCustomFieldChecked,
+                  children: jsxRuntime.jsxs(uiKit.Text.Body, {
+                    children: [intl.formatMessage(messages.customTypeKeyAndTypeId), " *"]
+                  })
+                }), jsxRuntime.jsx(CustomFieldsSelection, {
+                  customFields: _valuesInstanceProperty__default["default"](formik).customFields,
+                  setFieldValue: formik.setFieldValue
+                })]
+              })
+            })
+          })]
         })]
       })]
     }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
@@ -907,6 +1046,72 @@ const ExportFieldsSelectionStep = () => {
     })]
   });
 };
+const GeneralFieldsSelection = _ref5 => {
+  let fields = _ref5.fields,
+    setFieldValue = _ref5.setFieldValue;
+  return _mapInstanceProperty__default["default"](fields).call(fields, field => jsxRuntime.jsx(uiKit.CheckboxInput, {
+    isChecked: field.isChecked,
+    isReadOnly: field.isRequired,
+    onChange: e => {
+      setFieldValue('fields', _mapInstanceProperty__default["default"](fields).call(fields, _field => field.name === _field.name ? _objectSpread$1(_objectSpread$1({}, _field), {}, {
+        isChecked: e.target.checked
+      }) : _field));
+    },
+    children: jsxRuntime.jsxs(uiKit.Text.Body, {
+      children: [field.label, " ", field.isRequired && '*']
+    })
+  }, field.name));
+};
+const CustomFieldsSelection = _ref6 => {
+  let customFields = _ref6.customFields,
+    setFieldValue = _ref6.setFieldValue;
+  return _mapInstanceProperty__default["default"](customFields).call(customFields, customType => {
+    var _context7, _context8, _context10;
+    const areAllFieldsChecked = _everyInstanceProperty__default["default"](_context7 = customType.fields).call(_context7, field => field.isChecked);
+    const isAtLeastOneFieldChecked = _someInstanceProperty__default["default"](_context8 = customType.fields).call(_context8, field => field.isChecked);
+    return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "s",
+      children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
+        isIndeterminate: !areAllFieldsChecked && isAtLeastOneFieldChecked,
+        isChecked: areAllFieldsChecked,
+        onChange: e => {
+          setFieldValue('customFields', _mapInstanceProperty__default["default"](customFields).call(customFields, _customType => {
+            var _context9;
+            return _customType.typeKey === customType.typeKey ? _objectSpread$1(_objectSpread$1({}, _customType), {}, {
+              fields: _mapInstanceProperty__default["default"](_context9 = _customType.fields).call(_context9, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
+                isChecked: e.target.checked
+              }))
+            }) : _customType;
+          }));
+        },
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          children: customType.typeLabel
+        })
+      }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+        scale: "l",
+        children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Spacings.Stack, {
+          scale: "s",
+          children: _mapInstanceProperty__default["default"](_context10 = customType.fields).call(_context10, field => jsxRuntime.jsx(uiKit.CheckboxInput, {
+            isChecked: field.isChecked,
+            onChange: e => {
+              setFieldValue('customFields', _mapInstanceProperty__default["default"](customFields).call(customFields, _customType => {
+                var _context11;
+                return _customType.typeKey === customType.typeKey ? _objectSpread$1(_objectSpread$1({}, _customType), {}, {
+                  fields: _mapInstanceProperty__default["default"](_context11 = _customType.fields).call(_context11, _field => _field.name === field.name ? _objectSpread$1(_objectSpread$1({}, _field), {}, {
+                    isChecked: e.target.checked
+                  }) : _field)
+                }) : _customType;
+              }));
+            },
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              children: field.label
+            })
+          }, field.name))
+        })]
+      })]
+    }, customType.typeKey);
+  });
+};
 
 const ExportResourcesContext = /*#__PURE__*/React.createContext();
 
@@ -931,14 +1136,22 @@ PropTypes__default["default"].shape({
       isRequired: PropTypes__default["default"].bool
     }))
   })).isRequired,
+  customFields: PropTypes__default["default"].shape({
+    typeKey: PropTypes__default["default"].string.isRequired,
+    typeLabel: PropTypes__default["default"].string.isRequired,
+    fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      name: PropTypes__default["default"].string.isRequired,
+      label: PropTypes__default["default"].string
+    })).isRequired
+  }),
   exportType: PropTypes__default["default"].string,
   renderProperties: PropTypes__default["default"].func
 }).isRequired;
 
 const ExportResourcesProvider = props => {
+  const initialValues = useInitialValues(props);
   const _useStartExportOperat = useStartExportOperation(props),
     startExportOperation = _useStartExportOperat.startExportOperation;
-  const initialValues = useInitialValues(props);
   const _React$useState = React__default["default"].useState(1),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentStep = _React$useState2[0],
@@ -994,8 +1207,9 @@ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Objec
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ExportResourcesModal = props => {
   const intl = reactIntl.useIntl();
-  const resourceTypePlural = resourceTypeToPlural({
-    resourceType: props.resourceType
+  const resourceTypePlural = resourceTypeToDisplayName({
+    resourceType: props.resourceType,
+    isPlural: true
   });
   return jsxRuntime.jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
     children: jsxRuntime.jsx(applicationComponents.InfoDialog, {
@@ -1015,7 +1229,8 @@ ExportResourcesModal.defaultProps = {
   isOpen: false,
   selectedResourceIds: [],
   exportType: EXPORT_TYPES.ALL,
-  outputFormat: OUTPUT_FORMATS.CSV
+  outputFormat: OUTPUT_FORMATS.CSV,
+  customFields: []
 };
 
 exports.EXPORTABLE_RESOURCES = EXPORTABLE_RESOURCES;