@commercetools-frontend-extensions/export-resources-modal 1.3.2 → 1.3.4

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

@@ -22,22 +22,21 @@ import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possi
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
-import { TextInput, Text, CollapsiblePanel, Tag, Spacings, AngleRightIcon, customProperties as customProperties$1, Constraints, SelectInput, RadioInput, Card, SelectField, TextField, CheckboxInput, ContentNotification, Link } from '@commercetools-frontend/ui-kit';
+import { TextInput, Text, CollapsiblePanel, Tag, Spacings, AngleRightIcon, customProperties as customProperties$1, Constraints, SelectInput, Link, RadioInput, Card, SelectField, TextField, CheckboxInput } from '@commercetools-frontend/ui-kit';
 import omitEmpty from 'omit-empty-es';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { customProperties, useTheme } from '@commercetools-uikit/design-system';
 import PropTypes from 'prop-types';
-import React, { Children, useContext, createContext } from 'react';
+import { Children, useContext, createContext } from 'react';
 import { css } from '@emotion/react';
 import _styled from '@emotion/styled/base';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
-import { showApiErrorNotification } from '@commercetools-frontend/actions-global';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
+import { useShowNotification, showApiErrorNotification } from '@commercetools-frontend/actions-global';
 import { useFormik } from 'formik';
 import moment from 'moment';
-import { MC_API_PROXY_TARGETS } from '@commercetools-frontend/constants';
 
 const EXPORT_OPERATION_STATES = {
   PROCESSING: 'processing',
@@ -204,7 +203,7 @@ function buildGraphQuery(exportSettings) {
  * 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 language aka localised fields, a unique request format is used
- * This format combines the field and the language, separated by '_____'. This approach is adopted as our system disallows the use of hyphens `-` in these situations
+ * This format combines the field and the language, separated by '______'. This approach is adopted as our system disallows the use of hyphens `-` in these situations
  *
  * Fields that don't vary by language 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.
@@ -221,7 +220,7 @@ function buildFields(_ref) {
   return _flatInstanceProperty(_context2 = _mapInstanceProperty(fields).call(fields, field => {
     if (field.isLocalized) return _mapInstanceProperty(languages).call(languages, language => {
       var _context3, _context4, _context5;
-      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty(_context3 = "".concat(field.key, "_____")).call(_context3, language));
+      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty(_context3 = "".concat(field.key, "______")).call(_context3, language));
       return _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(alias, ": ")).call(_context5, field.key, "(locale: \"")).call(_context4, language, "\")");
     });else {
       if (isFilledArray(field.fields)) {
@@ -367,7 +366,7 @@ var messages = defineMessages({
   exportOperationSuccessMessage: {
     id: 'ExportResourcesModal.exportOperationSuccessMessage',
     description: 'Success message',
-    defaultMessage: 'Your export has started. Go to <logsLink>Export logs</logsLink> to view the progress of your export and download it.'
+    defaultMessage: '<b>Your export has started.</b> <newline></newline><logsLink>Go to Export logs</logsLink> to view the progress and download the file.'
   },
   exportConfirmationLabel: {
     id: 'ExportResourcesModal.exportConfirmationLabel',
@@ -414,6 +413,10 @@ function getBold(msg) {
   });
 }
 
+function getNewLine() {
+  return jsx("br", {});
+}
+
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const smallTopPadding = /*#__PURE__*/css("padding-top:", customProperties.spacingXs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:smallTopPadding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMkIiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gKHsgaXNOZXdUaGVtZSB9KSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7aXNOZXdUaGVtZSA/IDAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbiAgJiA+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG4iXX0= */");
 const tagListContainer = _ref => {
@@ -461,8 +464,8 @@ TagList.propTypes = process.env.NODE_ENV !== "production" ? {
   'data-testid': PropTypes.string
 } : {};
 
-function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$b(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$b(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 function AppliedFilters(_ref) {
   let filters = _ref.filters,
     onFilterRemove = _ref.onFilterRemove;
@@ -472,7 +475,7 @@ function AppliedFilters(_ref) {
     condensed: true,
     isDefaultClosed: !Boolean(filters.length),
     header: jsx(Text.Body, {
-      intlMessage: _objectSpread$b(_objectSpread$b({}, messages.appliedFiltersMessage), {}, {
+      intlMessage: _objectSpread$a(_objectSpread$a({}, messages.appliedFiltersMessage), {}, {
         values: {
           filtersCount: filters.length
         }
@@ -501,7 +504,7 @@ function AppliedFilters(_ref) {
         color: "neutral60"
       }), jsx(Text.Body, {
         isBold: true,
-        intlMessage: _objectSpread$b(_objectSpread$b({}, messages.appliedFiltersMessage), {}, {
+        intlMessage: _objectSpread$a(_objectSpread$a({}, messages.appliedFiltersMessage), {}, {
           values: {
             filtersCount: filters.length
           }
@@ -525,8 +528,8 @@ AppliedFilters.propTypes = process.env.NODE_ENV !== "production" ? {
   onFilterRemove: PropTypes.func.isRequired
 } : {};
 
-function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const IconPlaceholder = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1oion860"
 } : {
@@ -541,7 +544,7 @@ function AppliedSearchTerms(_ref) {
     condensed: true,
     isDefaultClosed: !Boolean(appliedSearchTerms.length),
     header: jsx(Text.Body, {
-      intlMessage: _objectSpread$a(_objectSpread$a({}, messages.appliedSearchTermsMessage), {}, {
+      intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedSearchTermsMessage), {}, {
         values: {
           searchTermsCount: appliedSearchTerms.length
         }
@@ -562,7 +565,7 @@ function AppliedSearchTerms(_ref) {
         color: "neutral60"
       }), jsx(Text.Body, {
         isBold: true,
-        intlMessage: _objectSpread$a(_objectSpread$a({}, messages.appliedSearchTermsMessage), {}, {
+        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedSearchTermsMessage), {}, {
           values: {
             searchTermsCount: appliedSearchTerms.length
           }
@@ -602,14 +605,14 @@ function ExportBasedOnMyViewsSelectField() {
   });
 }
 
-function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
-      return jsx(FormattedMessage, _objectSpread$9({}, messages.missingFileNameError));
+      return jsx(FormattedMessage, _objectSpread$8({}, messages.missingFileNameError));
     case 'invalidInput':
-      return jsx(FormattedMessage, _objectSpread$9({}, messages.invalidFileNameError));
+      return jsx(FormattedMessage, _objectSpread$8({}, messages.invalidFileNameError));
     default:
       return null;
   }
@@ -617,7 +620,7 @@ function renderFileNameError(key) {
 function renderLanguageError(key) {
   switch (key) {
     case 'missing':
-      return jsx(FormattedMessage, _objectSpread$9({}, messages.missingLanguageError));
+      return jsx(FormattedMessage, _objectSpread$8({}, messages.missingLanguageError));
     default:
       return null;
   }
@@ -650,8 +653,12 @@ async function createExportOperation(_ref) {
   return response;
 }
 
-function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$7(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+const getExportLogsLink = (projectKey, msg) => jsx(Link, {
+  to: "/".concat(projectKey, "/operations/export/logs"),
+  children: msg
+});
 function ExportConfirmationModal(props) {
   const _useApplicationContex = useApplicationContext(applicationContext => {
       var _applicationContext$p, _applicationContext$p2;
@@ -667,8 +674,8 @@ function ExportConfirmationModal(props) {
     allResourcesCount = _useExportResourcesCo.allResourcesCount,
     matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
     selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-    resourceType = _useExportResourcesCo.resourceType,
-    setExportOperationStarted = _useExportResourcesCo.setExportOperationStarted;
+    resourceType = _useExportResourcesCo.resourceType;
+  const showNotification = useShowNotification();
   const intl = useIntl();
   const asyncDispatch = useAsyncDispatch();
   const resourceTypePlural = resourceTypeToPlural({
@@ -700,7 +707,6 @@ function ExportConfirmationModal(props) {
     onClose: props.closeModal,
     onCancel: props.closeModal,
     onConfirm: async () => {
-      setExportOperationStarted(false);
       const graphQuery = buildGraphQuery({
         resourceType: resourceType,
         selectedResourceIds: selectedResourceIds,
@@ -718,7 +724,16 @@ function ExportConfirmationModal(props) {
         switch (response.state) {
           case EXPORT_OPERATION_STATES.PROCESSING:
           case EXPORT_OPERATION_STATES.COMPLETED:
-            setExportOperationStarted(true);
+            showNotification({
+              kind: 'success',
+              domain: DOMAINS.SIDE,
+              text: intl.formatMessage(messages.exportOperationSuccessMessage, {
+                newline: getNewLine,
+                logsLink: msg => getExportLogsLink(projectKey, msg),
+                b: getBold
+              })
+            });
+            props.onCloseParentModal();
             break;
           default:
             throw new UnexpectedExportOperationStateError(response.state);
@@ -731,7 +746,7 @@ function ExportConfirmationModal(props) {
     },
     children: jsxs("div", {
       children: [jsx(Text.Body, {
-        intlMessage: _objectSpread$8(_objectSpread$8({}, messages.confirmationBodyPlan), {}, {
+        intlMessage: _objectSpread$7(_objectSpread$7({}, messages.confirmationBodyPlan), {}, {
           values: {
             resourceType: resourceTypePlural,
             projectName: projectName,
@@ -748,18 +763,19 @@ function ExportConfirmationModal(props) {
 ExportConfirmationModal.propTypes = process.env.NODE_ENV !== "production" ? {
   isOpen: PropTypes.bool.isRequired,
   resourceType: PropTypes.string.isRequired,
-  closeModal: PropTypes.func.isRequired
+  closeModal: PropTypes.func.isRequired,
+  onCloseParentModal: PropTypes.func.isRequired
 } : {};
 
-function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$7(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$7(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$6(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 function normalizeFields(fields) {
   const result = _mapInstanceProperty(fields).call(fields, field => {
     if (isFilledArray(field.fields)) {
       var _context;
       return _mapInstanceProperty(_context = normalizeFields(field.fields)).call(_context, nestedField => {
         var _context2;
-        return _objectSpread$7(_objectSpread$7({}, nestedField), {}, {
+        return _objectSpread$6(_objectSpread$6({}, nestedField), {}, {
           key: _concatInstanceProperty(_context2 = "".concat(field.key, ".")).call(_context2, nestedField.key)
         });
       });
@@ -789,7 +805,7 @@ function ExportFields(_ref2) {
     condensed: true,
     isDefaultClosed: !Boolean(fields.length),
     header: jsx(Text.Body, {
-      intlMessage: _objectSpread$7(_objectSpread$7({}, messages.columnsMessage), {}, {
+      intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
         values: {
           columnsCount: fields.length
         }
@@ -810,7 +826,7 @@ function ExportFields(_ref2) {
         color: "neutral60"
       }), jsx(Text.Body, {
         isBold: true,
-        intlMessage: _objectSpread$7(_objectSpread$7({}, messages.columnsMessage), {}, {
+        intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
           values: {
             columnsCount: fields.length
           }
@@ -835,8 +851,8 @@ ExportFields.propTypes = process.env.NODE_ENV !== "production" ? {
   })).isRequired
 } : {};
 
-function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 function ExportSelectionRadioButtons() {
   const _useTheme = useTheme(),
     isNewTheme = _useTheme.isNewTheme;
@@ -865,7 +881,7 @@ function ExportSelectionRadioButtons() {
         "data-testid": 'test-all-resources',
         children: jsx(Text.Body, {
           isBold: !isNewTheme,
-          intlMessage: _objectSpread$6(_objectSpread$6({}, messages.exportAllResources), {}, {
+          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportAllResources), {}, {
             values: {
               resourceType: resourceTypePlural,
               count: allResourcesCount
@@ -878,7 +894,7 @@ function ExportSelectionRadioButtons() {
         isDisabled: !Boolean(matchingResourcesCount),
         children: jsx(Text.Body, {
           isBold: !isNewTheme,
-          intlMessage: _objectSpread$6(_objectSpread$6({}, messages.exportOnlyMatchingResources), {}, {
+          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportOnlyMatchingResources), {}, {
             values: {
               count: matchingResourcesCount || intl.formatMessage(messages.nothingApplied)
             }
@@ -890,7 +906,7 @@ function ExportSelectionRadioButtons() {
         isDisabled: !Boolean(selectedResourceIds.length),
         children: jsx(Text.Body, {
           isBold: !isNewTheme,
-          intlMessage: _objectSpread$6(_objectSpread$6({}, messages.exportOnlySelectedResources), {}, {
+          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportOnlySelectedResources), {}, {
             values: {
               resourceType: resourceTypePlural,
               count: selectedResourceIds.length
@@ -902,8 +918,8 @@ function ExportSelectionRadioButtons() {
   });
 }
 
-function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 function ExportTextMessage() {
   const _useExportResourcesCo = useExportResourcesContext(),
     resourceType = _useExportResourcesCo.resourceType,
@@ -917,7 +933,7 @@ function ExportTextMessage() {
   switch (_valuesInstanceProperty(formik).exportSelectionType) {
     case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
       return jsx(Text.Body, {
-        intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportAllMessage), {}, {
+        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportAllMessage), {}, {
           values: {
             count: allResourcesCount,
             resourceType: resourceTypePlural,
@@ -927,7 +943,7 @@ function ExportTextMessage() {
       });
     case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
       return jsx(Text.Body, {
-        intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportMatchingMessage), {}, {
+        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportMatchingMessage), {}, {
           values: {
             count: matchingResourcesCount,
             resourceType: resourceTypePlural,
@@ -937,7 +953,7 @@ function ExportTextMessage() {
       });
     case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
       return jsx(Text.Body, {
-        intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportSelectedMessage), {}, {
+        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportSelectedMessage), {}, {
           values: {
             count: selectedResourceIds.length,
             resourceType: resourceTypePlural,
@@ -1012,8 +1028,8 @@ const ExportSelection = () => {
   });
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const ExportProperties = props => {
   const _useTheme = useTheme(),
     isNewTheme = _useTheme.isNewTheme;
@@ -1030,7 +1046,7 @@ const ExportProperties = props => {
   return jsx(CollapsiblePanel, {
     header: jsx(Text.Body, {
       isBold: true,
-      intlMessage: _objectSpread$4({}, messages.propertiesPanelLabel)
+      intlMessage: _objectSpread$3({}, messages.propertiesPanelLabel)
     }),
     children: props.renderProperties()
   });
@@ -1039,8 +1055,8 @@ ExportProperties.propTypes = process.env.NODE_ENV !== "production" ? {
   renderProperties: PropTypes.func
 } : {};
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const outputFormatOptions = [{
   value: OUTPUT_FORMATS.JSON,
   label: 'JSON'
@@ -1074,12 +1090,12 @@ function ExportFileSettings(props) {
     children: [jsx(PageContentNarrow, {
       children: jsxs(Spacings.Stack, {
         scale: "xl",
-        children: [jsx(SelectField, _objectSpread$3(_objectSpread$3({
+        children: [jsx(SelectField, _objectSpread$2(_objectSpread$2({
           isDisabled: true
         }, formik.getFieldProps('outputFormat')), {}, {
           title: intl.formatMessage(messages.outputFormat),
           options: outputFormatOptions
-        })), jsx(TextField, _objectSpread$3(_objectSpread$3({
+        })), jsx(TextField, _objectSpread$2(_objectSpread$2({
           title: intl.formatMessage(messages.fileName)
         }, formik.getFieldProps('fileName')), {}, {
           touched: formik.touched.fileName,
@@ -1087,7 +1103,7 @@ function ExportFileSettings(props) {
           renderError: renderFileNameError
         })), jsxs(Spacings.Stack, {
           scale: "xs",
-          children: [jsx(SelectField, _objectSpread$3(_objectSpread$3({
+          children: [jsx(SelectField, _objectSpread$2(_objectSpread$2({
             id: "languages",
             title: intl.formatMessage(messages.localLanguage),
             options: mapLanguagesToOptions(languages),
@@ -1124,13 +1140,13 @@ function ExportFileSettings(props) {
     scale: "l",
     children: [jsxs(Spacings.Inline, {
       scale: "l",
-      children: [jsx(SelectField, _objectSpread$3(_objectSpread$3({
+      children: [jsx(SelectField, _objectSpread$2(_objectSpread$2({
         isDisabled: true
       }, formik.getFieldProps('outputFormat')), {}, {
         title: intl.formatMessage(messages.outputFormat),
         options: outputFormatOptions,
         horizontalConstraint: 7
-      })), jsx(TextField, _objectSpread$3(_objectSpread$3({
+      })), jsx(TextField, _objectSpread$2(_objectSpread$2({
         title: intl.formatMessage(messages.fileName)
       }, formik.getFieldProps('fileName')), {}, {
         touched: formik.touched.fileName,
@@ -1139,7 +1155,7 @@ function ExportFileSettings(props) {
         horizontalConstraint: 7
       }))]
     }), jsx(Spacings.Inline, {
-      children: jsx(SelectField, _objectSpread$3(_objectSpread$3({
+      children: jsx(SelectField, _objectSpread$2(_objectSpread$2({
         id: "languages",
         title: jsxs(Spacings.Inline, {
           scale: "s",
@@ -1181,42 +1197,6 @@ ExportFileSettings.propTypes = process.env.NODE_ENV !== "production" ? {
   renderProperties: PropTypes.func
 } : {};
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-const getExportLogsLink = (projectKey, msg) => jsx(Link, {
-  to: "/".concat(projectKey, "/operations/export/logs"),
-  children: msg
-});
-function ExportOperationSuccessMessage(_ref) {
-  let isShown = _ref.isShown;
-  const _useApplicationContex = useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
-      };
-    }),
-    projectKey = _useApplicationContex.projectKey;
-  if (!isShown) return null;
-  return jsx("div", {
-    css: styles.successMessage,
-    "data-testid": "export-started-message",
-    children: jsx(Constraints.Horizontal, {
-      max: 16,
-      children: jsx(ContentNotification, {
-        type: "success",
-        intlMessage: _objectSpread$2(_objectSpread$2({}, messages.exportOperationSuccessMessage), {}, {
-          values: {
-            logsLink: msg => getExportLogsLink(projectKey, msg)
-          }
-        })
-      })
-    })
-  });
-}
-ExportOperationSuccessMessage.propTypes = process.env.NODE_ENV !== "production" ? {
-  isShown: PropTypes.bool.isRequired
-} : {};
-
 const ExportResourcesContext = /*#__PURE__*/createContext();
 
 const ExportResourcesModalShape = PropTypes.shape({
@@ -1269,19 +1249,13 @@ const ExportResourcesContextProvider = props => {
     },
     validate
   });
-  const _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    exportOperationStarted = _React$useState2[0],
-    setExportOperationStarted = _React$useState2[1];
   return jsx(ExportResourcesContext.Provider, {
     value: {
       formik,
       resourceType: props.resourceType,
       allResourcesCount: props.allResourcesCount,
       matchingResourcesCount: props.matchingResourcesCount,
-      selectedResourceIds: props.selectedResourceIds,
-      exportOperationStarted,
-      setExportOperationStarted
+      selectedResourceIds: props.selectedResourceIds
     },
     children: props.children
   });
@@ -1305,8 +1279,7 @@ const ExportResourcesModal = _ref => {
   return jsx(ExportResourcesContextProvider, _objectSpread(_objectSpread({}, props), {}, {
     children: jsx(ExportResourcesContext.Consumer, {
       children: _ref2 => {
-        let formik = _ref2.formik,
-          exportOperationStarted = _ref2.exportOperationStarted;
+        let formik = _ref2.formik;
         return jsxs(FormModalPage, {
           title: intl.formatMessage(messages.modalTitle, {
             resourceType: resourceTypePlural
@@ -1323,14 +1296,13 @@ const ExportResourcesModal = _ref => {
             resourceType: props.resourceType
           }),
           onPrimaryButtonClick: confirmationModal.openModal,
-          children: [jsx(ExportOperationSuccessMessage, {
-            isShown: exportOperationStarted
-          }), jsx(ExportFileSettings, {
+          children: [jsx(ExportFileSettings, {
             renderProperties: renderProperties
           }), jsx(ExportConfirmationModal, {
             resourceType: props.resourceType,
             isOpen: confirmationModal.isModalOpen,
-            closeModal: confirmationModal.closeModal
+            closeModal: confirmationModal.closeModal,
+            onCloseParentModal: props.closeModal
           })]
         });
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -63,6 +63,6 @@
     "test:watch": "jest --config jest.test.config.js --watch",
     "build:bundles": "pnpm build",
     "build:watch": "preconstruct watch",
-    "extract-intl": "formatjs extract --format $(pwd)/../intl-formatter.js --out-file $(pwd)/src/i18n/data/core.json 'src/**/!(*.spec).js'"
+    "extract-intl": "formatjs extract --format transifex --out-file $(pwd)/src/i18n/data/core.json 'src/**/!(*.spec).js'"
   }
 }