@commercetools-frontend-extensions/export-resources-modal 0.0.0-canary-20240507102123 → 0.0.0-canary-20240508124931

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

@@ -11,13 +11,13 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var reactIntl = require('react-intl');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var uiKit = require('@commercetools-frontend/ui-kit');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-uikit/design-system');
-var reactIntl = require('react-intl');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var applicationComponents = require('@commercetools-frontend/application-components');
-var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
@@ -39,6 +39,7 @@ var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var shared = require('@commercetools-local/shared');
 var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
@@ -53,6 +54,8 @@ var react = require('@emotion/react');
 var get = require('lodash/get');
 var PropTypes = require('prop-types');
 var formik = require('formik');
+var sentry = require('@commercetools-frontend/sentry');
+var i18n = require('@commercetools-frontend/i18n');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -219,21 +222,6 @@ var messages = reactIntl.defineMessages({
     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'
-  },
   unexpectedError: {
     id: 'ExportResourcesModal.unexpectedError',
     description: 'Generic notification message when starting export process fails',
@@ -323,11 +311,11 @@ const FIELD_DEFINITIONS_URLS = {
   category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values'
 };
 
-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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function () { return !!t; })(); }
+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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
 let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportTypeError, _Error);
-  var _super = _createSuper$4(UnexpectedExportTypeError);
+  var _super = _createSuper$2(UnexpectedExportTypeError);
   function UnexpectedExportTypeError(exportType) {
     var _this;
     _classCallCheck(this, UnexpectedExportTypeError);
@@ -338,11 +326,11 @@ let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedExportTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
+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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
 let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   _inherits(MissingExportResourceProviderError, _Error);
-  var _super = _createSuper$3(MissingExportResourceProviderError);
+  var _super = _createSuper$1(MissingExportResourceProviderError);
   function MissingExportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingExportResourceProviderError);
@@ -353,11 +341,11 @@ let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   return _createClass(MissingExportResourceProviderError);
 }( /*#__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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
+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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportOperationStateError, _Error);
-  var _super = _createSuper$2(UnexpectedExportOperationStateError);
+  var _super = _createSuper(UnexpectedExportOperationStateError);
   function UnexpectedExportOperationStateError(state) {
     var _this;
     _classCallCheck(this, UnexpectedExportOperationStateError);
@@ -368,36 +356,6 @@ let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedExportOperationStateError);
 }( /*#__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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
-let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedResourceTypeError, _Error);
-  var _super = _createSuper$1(UnexpectedResourceTypeError);
-  function UnexpectedResourceTypeError(resourceType) {
-    var _this;
-    _classCallCheck(this, UnexpectedResourceTypeError);
-    _this = _super.call(this, "Unexpected resource type: ".concat(resourceType));
-    _this.name = 'UnexpectedResourceTypeError';
-    return _this;
-  }
-  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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
-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) {
@@ -470,7 +428,7 @@ function resourceTypeToDisplayName(_ref) {
       displayName = isPlural ? 'Discount codes' : 'Discount code';
       break;
     default:
-      throw UnexpectedResourceTypeError(resourceType);
+      throw shared.UnexpectedResourceTypeError(resourceType);
   }
   return isUpperCase ? displayName : displayName.toLowerCase();
 }
@@ -665,7 +623,7 @@ async function createExportOperation(_ref) {
       filters
     }
   }));
-  if (!response.state) throw new InvalidResponseError('Invalid response');
+  if (!response.state) throw new shared.InvalidResponseError('Invalid response');
   return response;
 }
 
@@ -1235,13 +1193,92 @@ const CurrentStep = () => {
   return steps[currentStep] || null;
 };
 
+const loadMessages = locale => {
+  const intlLocale = i18n.mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-a34c5dd4.cjs.dev.js'); });
+    case 'es':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-8b3ecab1.cjs.dev.js'); });
+    case 'fr-FR':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-e7126fcc.cjs.dev.js'); });
+    case 'zh-CN':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-d4bc6d26.cjs.dev.js'); });
+    case 'ja':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-9bd5f452.cjs.dev.js'); });
+    case 'pt-BR':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ea6b3251.cjs.dev.js'); });
+    default:
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-6b3694f6.cjs.dev.js'); });
+  }
+};
+
+// eslint-disable-next-line import/prefer-default-export
+const loadI18n = async locale => {
+  try {
+    const messages = await loadMessages(locale);
+    return messages.default || messages;
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn("Something went wrong while loading the export-resources-modal messages for ".concat(locale), error);
+    sentry.reportErrorToSentry(new Error("Something went wrong while loading the export-resources-modal messages for ".concat(locale)), {
+      extra: error
+    });
+    return {};
+  }
+};
+
+const useAsyncIntlMessages = (locale, loader) => {
+  const _useState = React.useState({
+      isLoading: true,
+      messages: undefined,
+      error: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  React.useEffect(() => {
+    let _isUnmounting = false;
+    async function load() {
+      try {
+        if (!_isUnmounting) {
+          const messages = await loader(locale);
+          setState({
+            isLoading: false,
+            messages
+          });
+        }
+      } catch (error) {
+        setState({
+          isLoading: false,
+          error
+        });
+      }
+    }
+    if (locale) load();
+    return () => {
+      _isUnmounting = true;
+    };
+  }, [locale, loader]);
+  return state;
+};
+
 function ownKeys(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(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 => {
-  if (!props.isOpen) return null;
-  return jsxRuntime.jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
-    children: jsxRuntime.jsx(CurrentStep, {})
-  }));
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      locale: context.user && context.user.locale
+    })),
+    locale = _useApplicationContex.locale;
+  const messages = useAsyncIntlMessages('en', loadI18n);
+  if (!props.isOpen || messages.isLoading) return null;
+  return jsxRuntime.jsx(reactIntl.IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsxRuntime.jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: jsxRuntime.jsx(CurrentStep, {})
+    }))
+  });
 };
 ExportResourcesModal.displayName = 'ExportResourcesModal';
 ExportResourcesModal.defaultProps = {

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

@@ -11,13 +11,13 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var reactIntl = require('react-intl');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var uiKit = require('@commercetools-frontend/ui-kit');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-uikit/design-system');
-var reactIntl = require('react-intl');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var applicationComponents = require('@commercetools-frontend/application-components');
-var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
@@ -39,6 +39,7 @@ var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var shared = require('@commercetools-local/shared');
 var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
@@ -53,6 +54,8 @@ var react = require('@emotion/react');
 var get = require('lodash/get');
 require('prop-types');
 var formik = require('formik');
+var sentry = require('@commercetools-frontend/sentry');
+var i18n = require('@commercetools-frontend/i18n');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -218,21 +221,6 @@ var messages = reactIntl.defineMessages({
     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'
-  },
   unexpectedError: {
     id: 'ExportResourcesModal.unexpectedError',
     description: 'Generic notification message when starting export process fails',
@@ -322,11 +310,11 @@ const FIELD_DEFINITIONS_URLS = {
   category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values'
 };
 
-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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function () { return !!t; })(); }
+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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
 let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportTypeError, _Error);
-  var _super = _createSuper$4(UnexpectedExportTypeError);
+  var _super = _createSuper$2(UnexpectedExportTypeError);
   function UnexpectedExportTypeError(exportType) {
     var _this;
     _classCallCheck(this, UnexpectedExportTypeError);
@@ -337,11 +325,11 @@ let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedExportTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
+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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
 let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   _inherits(MissingExportResourceProviderError, _Error);
-  var _super = _createSuper$3(MissingExportResourceProviderError);
+  var _super = _createSuper$1(MissingExportResourceProviderError);
   function MissingExportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingExportResourceProviderError);
@@ -352,11 +340,11 @@ let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   return _createClass(MissingExportResourceProviderError);
 }( /*#__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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
+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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportOperationStateError, _Error);
-  var _super = _createSuper$2(UnexpectedExportOperationStateError);
+  var _super = _createSuper(UnexpectedExportOperationStateError);
   function UnexpectedExportOperationStateError(state) {
     var _this;
     _classCallCheck(this, UnexpectedExportOperationStateError);
@@ -367,36 +355,6 @@ let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedExportOperationStateError);
 }( /*#__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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
-let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedResourceTypeError, _Error);
-  var _super = _createSuper$1(UnexpectedResourceTypeError);
-  function UnexpectedResourceTypeError(resourceType) {
-    var _this;
-    _classCallCheck(this, UnexpectedResourceTypeError);
-    _this = _super.call(this, "Unexpected resource type: ".concat(resourceType));
-    _this.name = 'UnexpectedResourceTypeError';
-    return _this;
-  }
-  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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
-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) {
@@ -469,7 +427,7 @@ function resourceTypeToDisplayName(_ref) {
       displayName = isPlural ? 'Discount codes' : 'Discount code';
       break;
     default:
-      throw UnexpectedResourceTypeError(resourceType);
+      throw shared.UnexpectedResourceTypeError(resourceType);
   }
   return isUpperCase ? displayName : displayName.toLowerCase();
 }
@@ -664,7 +622,7 @@ async function createExportOperation(_ref) {
       filters
     }
   }));
-  if (!response.state) throw new InvalidResponseError('Invalid response');
+  if (!response.state) throw new shared.InvalidResponseError('Invalid response');
   return response;
 }
 
@@ -1218,13 +1176,92 @@ const CurrentStep = () => {
   return steps[currentStep] || null;
 };
 
+const loadMessages = locale => {
+  const intlLocale = i18n.mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-d954fe3d.cjs.prod.js'); });
+    case 'es':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-042343bd.cjs.prod.js'); });
+    case 'fr-FR':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-fce1ca96.cjs.prod.js'); });
+    case 'zh-CN':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-52baa549.cjs.prod.js'); });
+    case 'ja':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
+    case 'pt-BR':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ec2a1a11.cjs.prod.js'); });
+    default:
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-c7757448.cjs.prod.js'); });
+  }
+};
+
+// eslint-disable-next-line import/prefer-default-export
+const loadI18n = async locale => {
+  try {
+    const messages = await loadMessages(locale);
+    return messages.default || messages;
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn("Something went wrong while loading the export-resources-modal messages for ".concat(locale), error);
+    sentry.reportErrorToSentry(new Error("Something went wrong while loading the export-resources-modal messages for ".concat(locale)), {
+      extra: error
+    });
+    return {};
+  }
+};
+
+const useAsyncIntlMessages = (locale, loader) => {
+  const _useState = React.useState({
+      isLoading: true,
+      messages: undefined,
+      error: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  React.useEffect(() => {
+    let _isUnmounting = false;
+    async function load() {
+      try {
+        if (!_isUnmounting) {
+          const messages = await loader(locale);
+          setState({
+            isLoading: false,
+            messages
+          });
+        }
+      } catch (error) {
+        setState({
+          isLoading: false,
+          error
+        });
+      }
+    }
+    if (locale) load();
+    return () => {
+      _isUnmounting = true;
+    };
+  }, [locale, loader]);
+  return state;
+};
+
 function ownKeys(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(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 => {
-  if (!props.isOpen) return null;
-  return jsxRuntime.jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
-    children: jsxRuntime.jsx(CurrentStep, {})
-  }));
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      locale: context.user && context.user.locale
+    })),
+    locale = _useApplicationContex.locale;
+  const messages = useAsyncIntlMessages('en', loadI18n);
+  if (!props.isOpen || messages.isLoading) return null;
+  return jsxRuntime.jsx(reactIntl.IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsxRuntime.jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: jsxRuntime.jsx(CurrentStep, {})
+    }))
+  });
 };
 ExportResourcesModal.displayName = 'ExportResourcesModal';
 ExportResourcesModal.defaultProps = {

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

@@ -7,13 +7,13 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import { defineMessages, FormattedMessage, useIntl, IntlProvider } from 'react-intl';
+import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import { Text, TextInput, Link, Spacings, ExportIcon, SelectField, TextField, CheckboxInput, Card, designTokens, SearchTextInput, Grid } from '@commercetools-frontend/ui-kit';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import '@commercetools-uikit/design-system';
-import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { FormDialog } from '@commercetools-frontend/application-components';
-import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
@@ -21,7 +21,7 @@ import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
-import React, { useContext, createContext } from 'react';
+import React, { useContext, createContext, useState, useEffect } from 'react';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
@@ -35,6 +35,7 @@ import _Set from '@babel/runtime-corejs3/core-js-stable/set';
 import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/sort';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import { UnexpectedResourceTypeError, InvalidResponseError } from '@commercetools-local/shared';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
@@ -49,6 +50,8 @@ import { css } from '@emotion/react';
 import get from 'lodash/get';
 import PropTypes from 'prop-types';
 import { useFormik } from 'formik';
+import { reportErrorToSentry } from '@commercetools-frontend/sentry';
+import { mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
 
 function getBold(msg) {
   return jsx(Text.Body, {
@@ -182,21 +185,6 @@ var messages = defineMessages({
     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'
-  },
   unexpectedError: {
     id: 'ExportResourcesModal.unexpectedError',
     description: 'Generic notification message when starting export process fails',
@@ -286,11 +274,11 @@ const FIELD_DEFINITIONS_URLS = {
   category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values'
 };
 
-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(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function () { return !!t; })(); }
+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(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
 let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportTypeError, _Error);
-  var _super = _createSuper$4(UnexpectedExportTypeError);
+  var _super = _createSuper$2(UnexpectedExportTypeError);
   function UnexpectedExportTypeError(exportType) {
     var _this;
     _classCallCheck(this, UnexpectedExportTypeError);
@@ -301,11 +289,11 @@ let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedExportTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-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(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
+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(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
 let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   _inherits(MissingExportResourceProviderError, _Error);
-  var _super = _createSuper$3(MissingExportResourceProviderError);
+  var _super = _createSuper$1(MissingExportResourceProviderError);
   function MissingExportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingExportResourceProviderError);
@@ -316,11 +304,11 @@ let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   return _createClass(MissingExportResourceProviderError);
 }( /*#__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(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportOperationStateError, _Error);
-  var _super = _createSuper$2(UnexpectedExportOperationStateError);
+  var _super = _createSuper(UnexpectedExportOperationStateError);
   function UnexpectedExportOperationStateError(state) {
     var _this;
     _classCallCheck(this, UnexpectedExportOperationStateError);
@@ -331,36 +319,6 @@ let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedExportOperationStateError);
 }( /*#__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(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
-let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedResourceTypeError, _Error);
-  var _super = _createSuper$1(UnexpectedResourceTypeError);
-  function UnexpectedResourceTypeError(resourceType) {
-    var _this;
-    _classCallCheck(this, UnexpectedResourceTypeError);
-    _this = _super.call(this, "Unexpected resource type: ".concat(resourceType));
-    _this.name = 'UnexpectedResourceTypeError';
-    return _this;
-  }
-  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(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
-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 = useContext(ExportResourcesContext);
   if (!context) {
@@ -1198,13 +1156,92 @@ const CurrentStep = () => {
   return steps[currentStep] || null;
 };
 
+const loadMessages = locale => {
+  const intlLocale = mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return import( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-cd6c45d3.esm.js');
+    case 'es':
+      return import( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-e544023d.esm.js');
+    case 'fr-FR':
+      return import( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-9d9081ee.esm.js');
+    case 'zh-CN':
+      return import( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-4780d88e.esm.js');
+    case 'ja':
+      return import( /* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
+    case 'pt-BR':
+      return import( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-b37d730b.esm.js');
+    default:
+      return import( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-3a9aa2d4.esm.js');
+  }
+};
+
+// eslint-disable-next-line import/prefer-default-export
+const loadI18n = async locale => {
+  try {
+    const messages = await loadMessages(locale);
+    return messages.default || messages;
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn("Something went wrong while loading the export-resources-modal messages for ".concat(locale), error);
+    reportErrorToSentry(new Error("Something went wrong while loading the export-resources-modal messages for ".concat(locale)), {
+      extra: error
+    });
+    return {};
+  }
+};
+
+const useAsyncIntlMessages = (locale, loader) => {
+  const _useState = useState({
+      isLoading: true,
+      messages: undefined,
+      error: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  useEffect(() => {
+    let _isUnmounting = false;
+    async function load() {
+      try {
+        if (!_isUnmounting) {
+          const messages = await loader(locale);
+          setState({
+            isLoading: false,
+            messages
+          });
+        }
+      } catch (error) {
+        setState({
+          isLoading: false,
+          error
+        });
+      }
+    }
+    if (locale) load();
+    return () => {
+      _isUnmounting = true;
+    };
+  }, [locale, loader]);
+  return state;
+};
+
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ExportResourcesModal = props => {
-  if (!props.isOpen) return null;
-  return jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
-    children: jsx(CurrentStep, {})
-  }));
+  const _useApplicationContex = useApplicationContext(context => ({
+      locale: context.user && context.user.locale
+    })),
+    locale = _useApplicationContex.locale;
+  const messages = useAsyncIntlMessages('en', loadI18n);
+  if (!props.isOpen || messages.isLoading) return null;
+  return jsx(IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: jsx(CurrentStep, {})
+    }))
+  });
 };
 ExportResourcesModal.displayName = 'ExportResourcesModal';
 ExportResourcesModal.defaultProps = {

package/dist/de-a34c5dd4.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var de = {
+};
+
+exports["default"] = de;

package/dist/de-cd6c45d3.esm.js

@@ -0,0 +1,4 @@
+var de = {
+};
+
+export { de as default };

package/dist/de-d954fe3d.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var de = {
+};
+
+exports["default"] = de;

package/dist/en-3a9aa2d4.esm.js

@@ -0,0 +1,4 @@
+var en = {
+};
+
+export { en as default };

package/dist/en-6b3694f6.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var en = {
+};
+
+exports["default"] = en;

package/dist/en-c7757448.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var en = {
+};
+
+exports["default"] = en;

package/dist/es-042343bd.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var es = {
+};
+
+exports["default"] = es;

package/dist/es-8b3ecab1.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var es = {
+};
+
+exports["default"] = es;

package/dist/es-e544023d.esm.js

@@ -0,0 +1,4 @@
+var es = {
+};
+
+export { es as default };

package/dist/fr-FR-9d9081ee.esm.js

@@ -0,0 +1,4 @@
+var frFR = {
+};
+
+export { frFR as default };

package/dist/fr-FR-e7126fcc.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var frFR = {
+};
+
+exports["default"] = frFR;

package/dist/fr-FR-fce1ca96.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var frFR = {
+};
+
+exports["default"] = frFR;

package/dist/ja-37632763.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var ja = {
+};
+
+exports["default"] = ja;

package/dist/ja-73c088a7.esm.js

@@ -0,0 +1,4 @@
+var ja = {
+};
+
+export { ja as default };

package/dist/ja-9bd5f452.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var ja = {
+};
+
+exports["default"] = ja;

package/dist/pt-BR-b37d730b.esm.js

@@ -0,0 +1,4 @@
+var ptBR = {
+};
+
+export { ptBR as default };

package/dist/pt-BR-ea6b3251.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var ptBR = {
+};
+
+exports["default"] = ptBR;

package/dist/pt-BR-ec2a1a11.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var ptBR = {
+};
+
+exports["default"] = ptBR;

package/dist/zh-CN-4780d88e.esm.js

@@ -0,0 +1,4 @@
+var zhCN = {
+};
+
+export { zhCN as default };

package/dist/zh-CN-52baa549.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var zhCN = {
+};
+
+exports["default"] = zhCN;

package/dist/zh-CN-d4bc6d26.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var zhCN = {
+};
+
+exports["default"] = zhCN;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "0.0.0-canary-20240507102123",
+  "version": "0.0.0-canary-20240508124931",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -28,7 +28,7 @@
     "omit-empty-es": "^1.1.3",
     "prop-types": "15.8.1",
     "react": "17.0.2",
-    "react-intl": "6.6.6"
+    "@commercetools-local/shared": "1.0.0"
   },
   "devDependencies": {
     "@commercetools-frontend/actions-global": "22.25.1",
@@ -36,6 +36,7 @@
     "@commercetools-frontend/application-shell": "22.25.1",
     "@commercetools-frontend/application-shell-connectors": "22.25.1",
     "@commercetools-frontend/constants": "22.25.1",
+    "@commercetools-frontend/i18n": "22.25.1",
     "@commercetools-frontend/jest-preset-mc-app": "22.25.1",
     "@commercetools-frontend/sdk": "22.25.1",
     "@commercetools-frontend/sentry": "22.25.1",
@@ -45,6 +46,9 @@
     "@types/jest": "29.5.12",
     "@types/testing-library__jest-dom": "^5.14.5",
     "msw": "1.3.3",
+    "react-intl": "6.6.6",
+    "react-redux": "7.2.9",
+    "redux": "4.2.1",
     "rimraf": "5.0.5"
   },
   "peerDependencies": {
@@ -53,11 +57,15 @@
     "@commercetools-frontend/application-shell": "22.x",
     "@commercetools-frontend/application-shell-connectors": "22.x",
     "@commercetools-frontend/constants": "22.x",
+    "@commercetools-frontend/i18n": "22.x",
     "@commercetools-frontend/jest-preset-mc-app": "22.x",
     "@commercetools-frontend/sdk": "22.x",
     "@commercetools-frontend/sentry": "22.x",
     "@commercetools-frontend/ui-kit": "17.x || 18.x || 19.x",
-    "@commercetools-uikit/design-system": "17.x || 18.x || 19.x"
+    "@commercetools-uikit/design-system": "17.x || 18.x || 19.x",
+    "react-intl": "6.x",
+    "react-redux": "7.x",
+    "redux": "4.x"
   },
   "scripts": {
     "build": "rimraf dist && preconstruct build",
@@ -65,7 +73,7 @@
     "test:watch": "jest --config jest.test.config.js --watch",
     "build:bundles": "pnpm build",
     "build:watch": "preconstruct watch",
-    "extract-intl": "formatjs extract --format transifex --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/**/(*.)?messages.(js|ts)'",
     "typecheck": "tsc --noEmit"
   }
 }