@commercetools-frontend-extensions/export-resources-modal 3.4.3-next.1 → 3.5.0-next.3

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

@@ -30,18 +30,14 @@ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWit
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var moment = require('moment');
-var _flatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat');
-var gqlQueryBuilder = require('gql-query-builder');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var omitEmpty = require('omit-empty-es');
 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 _flatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat');
 var _flatMapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat-map');
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
-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');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
@@ -68,17 +64,14 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
-var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceProperty);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
+var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceProperty);
 var _flatMapInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatMapInstanceProperty);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
-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 _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
@@ -230,6 +223,11 @@ var messages = reactIntl.defineMessages({
     id: 'ExportResourcesModal.customTypeKeyAndTypeId',
     description: 'Label for "Custom type key and typeId" checkbox',
     defaultMessage: 'Custom type key and typeId'
+  },
+  unexpectedError: {
+    id: 'ExportResourcesModal.unexpectedError',
+    description: 'Generic notification message when starting export process fails',
+    defaultMessage: 'An error occurred while starting the export process. Please try again or contact support if the problem persists.'
   }
 });
 
@@ -290,11 +288,11 @@ const FIELD_DEFINITIONS_URLS = {
   category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values'
 };
 
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
 let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportTypeError, _Error);
-  var _super = _createSuper$3(UnexpectedExportTypeError);
+  var _super = _createSuper$4(UnexpectedExportTypeError);
   function UnexpectedExportTypeError(exportType) {
     var _this;
     _classCallCheck(this, UnexpectedExportTypeError);
@@ -305,11 +303,11 @@ let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedExportTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
 let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   _inherits(MissingExportResourceProviderError, _Error);
-  var _super = _createSuper$2(MissingExportResourceProviderError);
+  var _super = _createSuper$3(MissingExportResourceProviderError);
   function MissingExportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingExportResourceProviderError);
@@ -320,11 +318,11 @@ let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   return _createClass(MissingExportResourceProviderError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
 let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportOperationStateError, _Error);
-  var _super = _createSuper$1(UnexpectedExportOperationStateError);
+  var _super = _createSuper$2(UnexpectedExportOperationStateError);
   function UnexpectedExportOperationStateError(state) {
     var _this;
     _classCallCheck(this, UnexpectedExportOperationStateError);
@@ -335,11 +333,11 @@ let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedExportOperationStateError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
 let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedResourceTypeError, _Error);
-  var _super = _createSuper(UnexpectedResourceTypeError);
+  var _super = _createSuper$1(UnexpectedResourceTypeError);
   function UnexpectedResourceTypeError(resourceType) {
     var _this;
     _classCallCheck(this, UnexpectedResourceTypeError);
@@ -350,6 +348,21 @@ let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedResourceTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
+let InvalidResponseError = /*#__PURE__*/function (_Error) {
+  _inherits(InvalidResponseError, _Error);
+  var _super = _createSuper(InvalidResponseError);
+  function InvalidResponseError(message) {
+    var _this;
+    _classCallCheck(this, InvalidResponseError);
+    _this = _super.call(this, message);
+    _this.name = 'InvalidResponseError';
+    return _this;
+  }
+  return _createClass(InvalidResponseError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
 function useExportResourcesContext() {
   const context = React.useContext(ExportResourcesContext);
   if (!context) {
@@ -358,7 +371,39 @@ function useExportResourcesContext() {
   return context;
 }
 
-const _excluded$1 = ["name"];
+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: {}
+  };
+  if (uiKit.TextInput.isEmpty(fileName)) {
+    errors.fileName.missing = true;
+  } else if (!/^[a-zA-Z0-9-_.]+$/.test(fileName)) {
+    errors.fileName.invalidInput = true;
+  }
+  if (locales.length < 1) {
+    errors.locales.missing = true;
+  }
+  if (step === 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;
+    }
+  }
+  return omitEmpty__default["default"](errors);
+}
+
 function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$4(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$4(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function resourceTypeToDisplayName(_ref) {
@@ -383,27 +428,12 @@ function resourceTypeToDisplayName(_ref) {
   }
   return isUpperCase ? displayName : displayName.toLowerCase();
 }
-function resourceTypeToOperationName(resourceType) {
-  switch (resourceType) {
-    case EXPORTABLE_RESOURCES.CATEGORY:
-      return 'categories';
-    case EXPORTABLE_RESOURCES.PRODUCT:
-      return 'products';
-    case EXPORTABLE_RESOURCES.DISCOUNT_CODE:
-      return 'discountCodes';
-    default:
-      throw UnexpectedResourceTypeError(resourceType);
-  }
-}
 function mapLocalesToOptions(locales) {
   return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
     value: locale,
     label: locale
   }));
 }
-function replaceSpecialCharsWithUnderscore(string) {
-  return string.replace(/[^a-zA-Z0-9]/g, '_');
-}
 function isFilledArray(maybeArray) {
   return _Array$isArray__default["default"](maybeArray) && maybeArray.length;
 }
@@ -428,31 +458,6 @@ function flattenNestedFields(fields) {
   })) || [];
   return _flatInstanceProperty__default["default"](result).call(result);
 }
-function unflattenNestedFields(flattenedFields) {
-  const reconstructed = [];
-  _forEachInstanceProperty__default["default"](flattenedFields).call(flattenedFields, field => {
-    const fieldNames = field.name.split('.');
-    let currentLevel = reconstructed;
-    _forEachInstanceProperty__default["default"](fieldNames).call(fieldNames, (name, index) => {
-      let existingField = _findInstanceProperty__default["default"](currentLevel).call(currentLevel, f => f.name === name);
-      if (!existingField) {
-        existingField = {
-          name,
-          fields: []
-        };
-        currentLevel.push(existingField);
-      }
-      if (index === fieldNames.length - 1) {
-        field.name;
-          const otherProps = _objectWithoutProperties(field, _excluded$1);
-        _Object$assign__default["default"](existingField, otherProps);
-      } else {
-        currentLevel = existingField.fields;
-      }
-    });
-  });
-  return reconstructed;
-}
 function getSelectedGeneralFields(fields) {
   return _filterInstanceProperty__default["default"](fields).call(fields, field => field.isChecked);
 }
@@ -464,9 +469,6 @@ function getSelectedCustomFields(customFields) {
     });
   });
 }
-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$4(_objectSpread$4({}, field), {}, {
     isChecked: true
@@ -488,175 +490,49 @@ function setInitialCheckedStateForCustomFields(customFields) {
     });
   });
 }
-function buildGeneralFieldColumns(generalFields) {
+function extractGeneralFieldNames(generalFields) {
   return _mapInstanceProperty__default["default"](generalFields).call(generalFields, field => field.name);
 }
-function buildCustomFieldColumns(customFields) {
-  const columns = _flatMapInstanceProperty__default["default"](customFields).call(customFields, customType => {
+function extractCustomFieldNamesWithPrefix(customFields) {
+  const fields = _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)];
+  return [...new _Set__default["default"](fields)];
 }
 
-/*
- * This function is responsible for constructing the GraphQL query based on the export settings
- *
- * Depending on the type of export selection (all, selected, or filtered) it constructs different types of queries:
- * - For 'all', it generates a query that fetches all fields and locales specified in the export settings.
- * - 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 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
-        }],
-        variables: {}
-      });
-    case EXPORT_TYPES.SELECTED:
-      return gqlQueryBuilder.query({
-        operation,
-        fields: [{
-          results
-        }],
-        variables: {
-          where: "id in (".concat(_mapInstanceProperty__default["default"](_context = exportSettings.selectedResourceIds).call(_context, id => "\"".concat(id, "\"")).join(', '), ")")
-        }
-      });
-    case EXPORT_TYPES.FILTERED:
-      // TODO: gql query for exporting filtered resources.
-      throw new UnexpectedExportTypeError(exportSettings.exportType);
-    default:
-      throw new UnexpectedExportTypeError(exportSettings.exportType);
-  }
+// TODO: remove this function when filters are passed directly from parent views
+// This function is temporary and will be removed in the future
+// Later, filters will be passed directly from parent views (category, product...) instead of being built within the Export resources modal
+// The `selectedResourceIds` prop will also be removed
+function tmpBuildFilters(selectedResourceIds) {
+  if (!selectedResourceIds || (selectedResourceIds === null || selectedResourceIds === void 0 ? void 0 : selectedResourceIds.length) === 0) return undefined;
+  const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => "\"".concat(id, "\"")).join(', ');
+  return ["id in (".concat(formattedIds, ")")];
 }
 
-/*
- * This function builds the necessary field structure for our GraphQL queries, tt is specifically designed to handle different types of fields
- *
- * For fields whose values change depending on the locale aka localised fields, a unique request format is used
- * This format combines the field and the locale, separated by '______'. This approach is adopted as our system disallows the use of hyphens `-` in these situations
- *
- * Fields that don't vary by locale but contain additional subfields (known as 'nested fields') are also addressed
- * In these cases the function is used recursively on these subfields to generate the appropriate request.
- *
- * Overall, this function enables us to accurately request different types of data, including those varying by locale or containing subfields.
- *
- * More details can be found in the related PR: https://github.com/commercetools/commercetools-exporter/pull/103
- */
-
-function buildGeneralFieldsForGraphQLQuery(_ref) {
-  var _context2;
-  let fields = _ref.fields,
-    locales = _ref.locales;
-  return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](fields).call(fields, field => {
-    if (field.isLocalized) return _mapInstanceProperty__default["default"](locales).call(locales, locale => {
-      var _context3, _context4, _context5;
-      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.name, "______")).call(_context3, locale));
-      return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, field.name, "(locale: \"")).call(_context4, locale, "\")");
-    });else {
-      if (isFilledArray(field.fields)) {
-        return {
-          [field.name]: buildGeneralFieldsForGraphQLQuery({
-            fields: field.fields,
-            locales
-          })
-        };
-      }
-      return field.name;
-    }
-  })).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,
+const categoryFieldExtension = fields => {
+  return _reduceInstanceProperty__default["default"](fields).call(fields, (acc, field) => {
+    if (field === 'parent.key') {
+      return [...acc, field, 'parent.typeId'];
     }
-  }];
-}
-
-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: {}
-  };
-  if (uiKit.TextInput.isEmpty(fileName)) {
-    errors.fileName.missing = true;
-  } else if (!/^[a-zA-Z0-9-_.]+$/.test(fileName)) {
-    errors.fileName.invalidInput = true;
-  }
-  if (locales.length < 1) {
-    errors.locales.missing = true;
-  }
-  if (step === 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;
+    if (_startsWithInstanceProperty__default["default"](field).call(field, 'custom.fields.') && !_includesInstanceProperty__default["default"](acc).call(acc, 'custom.type.key')) {
+      return [...acc, 'custom.type.key', 'custom.type.typeId', field];
     }
-  }
-  return omitEmpty__default["default"](errors);
-}
-
-const categoryColumnExtension = columns => {
-  const extendedColumns = [...columns];
-  const parentKeyIndex = _findIndexInstanceProperty__default["default"](columns).call(columns, column => column === 'parent.key');
-  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;
+    return [...acc, field];
+  }, []);
 };
-const defaultColumnExtension = columns => columns;
-const columnExtensionByResourceType = {
-  default: defaultColumnExtension,
-  category: categoryColumnExtension
+const defaultFieldExtension = fields => fields;
+const fieldExtensionByResourceType = {
+  default: defaultFieldExtension,
+  category: categoryFieldExtension
 };
 
-const extendColumns = _ref => {
+const extendFields = _ref => {
   let resourceType = _ref.resourceType,
-    columns = _ref.columns;
-  const extensionFunction = columnExtensionByResourceType[resourceType] || columnExtensionByResourceType.default;
-  return extensionFunction(columns);
+    fields = _ref.fields;
+  const extensionFunction = fieldExtensionByResourceType[resourceType] || fieldExtensionByResourceType.default;
+  return extensionFunction(fields);
 };
 
 const _excluded = ["isSelectedByDefault"];
@@ -693,12 +569,13 @@ const useInitialValues = props => {
 };
 
 async function createExportOperation(_ref) {
-  let fileName = _ref.fileName,
+  let projectKey = _ref.projectKey,
+    resourceType = _ref.resourceType,
+    fileName = _ref.fileName,
     fileFormat = _ref.fileFormat,
-    columns = _ref.columns,
+    fields = _ref.fields,
     locales = _ref.locales,
-    projectKey = _ref.projectKey,
-    graphQuery = _ref.graphQuery,
+    filters = _ref.filters,
     asyncDispatchFn = _ref.asyncDispatchFn;
   const uri = "/proxy/export/".concat(projectKey, "/export-operations");
   const response = await asyncDispatchFn(sdk.actions.post({
@@ -709,13 +586,15 @@ async function createExportOperation(_ref) {
       accept: 'application/json'
     },
     payload: {
+      resourceType,
       fileName,
       fileFormat,
-      columns,
+      fields,
       locales,
-      query: graphQuery
+      filters
     }
   }));
+  if (!response.state) throw new InvalidResponseError('Invalid response');
   return response;
 }
 
@@ -735,26 +614,20 @@ const useStartExportOperation = props => {
     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 generalFields = extractGeneralFieldNames(selectedGeneralFields);
+      const customFields = extractCustomFieldNamesWithPrefix(selectedCustomFields);
+      const filters = tmpBuildFilters(props.selectedResourceIds);
       const response = await createExportOperation({
+        projectKey,
+        resourceType: props.resourceType,
         fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
         fileFormat: values.outputFormat,
         locales: values.locales,
-        columns: extendColumns({
+        fields: extendFields({
           resourceType: props.resourceType,
-          columns: [...generalColumns, ...customColumns]
+          fields: [...generalFields, ...customFields]
         }),
-        projectKey,
-        graphQuery,
+        filters,
         asyncDispatchFn: asyncDispatch
       });
       switch (response.state) {
@@ -776,10 +649,12 @@ const useStartExportOperation = props => {
         default:
           throw new UnexpectedExportOperationStateError(response.state);
       }
-    } catch (errors) {
+    } catch (error) {
       // TODO: custom error messages for each error type
-      actionsGlobal.showApiErrorNotification({
-        errors
+      showNotification({
+        text: intl.formatMessage(messages.unexpectedError),
+        kind: 'error',
+        domain: constants.DOMAINS.PAGE
       });
     } finally {
       if (typeof props.onClose === 'function') props.onClose();
@@ -1010,9 +885,7 @@ const ExportFieldsSelectionStep = () => {
                     isChecked: field.isRequired ? true : e.target.checked
                   })));
                 },
-                children: jsxRuntime.jsx(uiKit.Text.Body, {
-                  intlMessage: messages.allGeneralFields
-                })
+                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.allGeneralFields))
               })
             })
           }), jsxRuntime.jsx(uiKit.Grid.Item, {
@@ -1045,9 +918,7 @@ const ExportFieldsSelectionStep = () => {
                       });
                     }));
                   },
-                  children: jsxRuntime.jsx(uiKit.Text.Body, {
-                    intlMessage: messages.allCustomFields
-                  })
+                  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.allCustomFields))
                 })
               })
             }), jsxRuntime.jsx(uiKit.Grid.Item, {
@@ -1055,13 +926,11 @@ const ExportFieldsSelectionStep = () => {
                 insetScale: "l",
                 children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
                   scale: "s",
-                  children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
+                  children: [jsxRuntime.jsxs(uiKit.CheckboxInput, {
                     isReadOnly: true,
                     onChange: () => {},
                     isChecked: isAtLeastOneCustomFieldChecked,
-                    children: jsxRuntime.jsxs(uiKit.Text.Body, {
-                      children: [intl.formatMessage(messages.customTypeKeyAndTypeId), ' ', "*"]
-                    })
+                    children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages.customTypeKeyAndTypeId)), ' ', "*"]
                   }), jsxRuntime.jsx(CustomFieldsSelection, {
                     customFields: _valuesInstanceProperty__default["default"](formik).customFields,
                     setFieldValue: formik.setFieldValue
@@ -1078,7 +947,7 @@ const ExportFieldsSelectionStep = () => {
 const GeneralFieldsSelection = _ref5 => {
   let fields = _ref5.fields,
     setFieldValue = _ref5.setFieldValue;
-  return _mapInstanceProperty__default["default"](fields).call(fields, field => jsxRuntime.jsx(uiKit.CheckboxInput, {
+  return _mapInstanceProperty__default["default"](fields).call(fields, field => jsxRuntime.jsxs(uiKit.CheckboxInput, {
     isChecked: field.isChecked,
     isReadOnly: field.isRequired,
     onChange: e => {
@@ -1086,9 +955,7 @@ const GeneralFieldsSelection = _ref5 => {
         isChecked: e.target.checked
       }) : _field));
     },
-    children: jsxRuntime.jsxs(uiKit.Text.Body, {
-      children: [field.label, " ", field.isRequired && '*']
-    })
+    children: [field.label, " ", field.isRequired && '*']
   }, field.name));
 };
 const CustomFieldsSelection = _ref6 => {