@commercetools-frontend-extensions/export-resources-modal 4.1.2 → 4.1.3

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

@@ -26,7 +26,6 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var moment = require('moment');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -36,6 +35,7 @@ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-arr
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var moment = require('moment');
 var experimentalComponents = require('@commercetools-frontend/experimental-components');
 var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
@@ -65,7 +65,6 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
@@ -75,6 +74,7 @@ var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
+var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
@@ -95,10 +95,15 @@ function getNewLine() {
 }
 
 var messages = reactIntl.defineMessages({
-  modalTitle: {
-    id: 'ExportResourcesModal.modalTitle',
-    description: 'Label for the modal title',
-    defaultMessage: 'Export {resourceType}'
+  'modalTitle.category': {
+    id: 'ExportResourcesModal.modalTitle.category',
+    description: 'Label for the categories modal title',
+    defaultMessage: 'Export categories'
+  },
+  'modalTitle.product': {
+    id: 'ExportResourcesModal.modalTitle.product',
+    description: 'Label for the products modal title',
+    defaultMessage: 'Export products'
   },
   outputFormat: {
     id: 'ExportResourcesModal.outputFormat',
@@ -115,36 +120,6 @@ var messages = reactIntl.defineMessages({
     description: 'Locale',
     defaultMessage: 'Locale'
   },
-  exportSelection: {
-    id: 'ExportResourcesModal.exportSelection',
-    description: 'Export selection',
-    defaultMessage: 'Export selection'
-  },
-  exportAllResources: {
-    id: 'ExportResourcesModal.exportAllResources',
-    description: 'Export All selection',
-    defaultMessage: 'Export all {resourceType} ({count})'
-  },
-  exportOnlySelectedResources: {
-    id: 'ExportResourcesModal.exportOnlySelectedResources',
-    description: 'Export only selected resources',
-    defaultMessage: 'Export selected {resourceType} ({count})'
-  },
-  exportAllMessage: {
-    id: 'ExportResourcesModal.exportAllMessage',
-    description: 'All resources will be exported',
-    defaultMessage: 'All <b>{count}</b> {resourceType} will be exported.'
-  },
-  exportMatchingMessage: {
-    id: 'ExportResourcesModal.exportMatchingMessage',
-    description: 'resources will be exported',
-    defaultMessage: '<b>{count}</b> {resourceType} will be exported.'
-  },
-  exportSelectedMessage: {
-    id: 'ExportResourcesModal.exportSelectedMessage',
-    description: 'resources are selected and will be exported',
-    defaultMessage: '<b>{count}</b> {resourceType} are selected and will be exported.'
-  },
   exportBasedOnMyViewsMessage: {
     id: 'ExportResourcesModal.exportBasedOnMyViewsMessage',
     description: 'Select Export setttings based on my views',
@@ -249,16 +224,26 @@ var messages = reactIntl.defineMessages({
     description: 'Label for Export Scope',
     defaultMessage: 'Scope'
   },
-  exportScopeAll: {
-    id: 'ExportResourcesModal.exportScopeAll',
-    description: 'Label for Export All',
+  exportScopeAllCategories: {
+    id: 'ExportResourcesModal.exportScopeAllCategories',
+    description: 'Label for Export All categories',
     defaultMessage: 'Export all: {total} categories'
   },
-  exportScopeSelected: {
-    id: 'ExportResourcesModal.exportScopeSelected',
-    description: 'Label for Export Selected',
+  exportScopeSelectedCategories: {
+    id: 'ExportResourcesModal.exportScopeSelectedCategories',
+    description: 'Label for Export Selected categories',
     defaultMessage: 'Export selected: {total} categories'
   },
+  exportScopeAllProducts: {
+    id: 'ExportResourcesModal.exportScopeAllProducts',
+    description: 'Label for Export All products',
+    defaultMessage: 'Export all: {total} products'
+  },
+  exportScopeSelectedProducts: {
+    id: 'ExportResourcesModal.exportScopeSelectedProducts',
+    description: 'Label for Export Selected products',
+    defaultMessage: 'Export selected: {total} products'
+  },
   exportScopeSelectedWithoutCount: {
     id: 'ExportResourcesModal.exportScopeSelectedWithoutCount',
     description: 'Label for Export Selected without count',
@@ -434,15 +419,28 @@ const OUTPUT_FORMAT_OPTIONS = [{
 }];
 
 const FIELD_DEFINITIONS_URLS = {
-  category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values'
+  category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values',
+  product: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values'
+};
+
+const resourceTypeMessages = {
+  category: {
+    exportScopeAll: messages.exportScopeAllCategories,
+    exportScopeSelected: messages.exportScopeSelectedCategories
+  },
+  product: {
+    exportScopeAll: messages.exportScopeAllProducts,
+    exportScopeSelected: messages.exportScopeSelectedProducts
+  }
 };
 
-function resourceTypeToDisplayName(_ref) {
+function resourceTypeToFileName(_ref) {
   let resourceType = _ref.resourceType,
     _ref$isUpperCase = _ref.isUpperCase,
     isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase,
     _ref$isPlural = _ref.isPlural,
     isPlural = _ref$isPlural === void 0 ? false : _ref$isPlural;
+  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
   let displayName;
   switch (resourceType) {
     case EXPORTABLE_RESOURCES.CATEGORY:
@@ -457,7 +455,8 @@ function resourceTypeToDisplayName(_ref) {
     default:
       throw new UnexpectedResourceTypeError(resourceType);
   }
-  return isUpperCase ? displayName : displayName.toLowerCase();
+  const result = isUpperCase ? displayName : displayName.toLowerCase();
+  return `${result}_Export_${todayFormatted}`;
 }
 function mapLocalesToOptions(locales) {
   return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
@@ -569,7 +568,6 @@ const updateFieldGroupWithAdditionalFieldExtensions = groups => {
 };
 
 const useInitialValues = props => {
-  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       locale: applicationContext.dataLocale
     })),
@@ -585,15 +583,15 @@ const useInitialValues = props => {
     const groups = updateFieldGroupsWithIsCheckedValue(props.fieldGroups, cachedSelectedGroups[props.resourceType] || {});
     return {
       outputFormat: props.outputFormat,
-      fileName: `${resourceTypeToDisplayName({
+      fileName: `${resourceTypeToFileName({
         resourceType: props.resourceType,
         isUpperCase: true,
         isPlural: true
-      })}_Export_${todayFormatted}`,
+      })}`,
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
     };
-  }, [props.fieldGroups, props.outputFormat, props.resourceType, cachedSelectedGroups, todayFormatted, locale]);
+  }, [props.fieldGroups, props.outputFormat, props.resourceType, cachedSelectedGroups, locale]);
 };
 
 async function createExportOperation(_ref) {
@@ -710,7 +708,8 @@ function ExportScopeSection() {
     exportType = _useExportResourcesCo.exportType,
     totalResourcesCount = _useExportResourcesCo.totalResourcesCount,
     originalSelectedResourceIds = _useExportResourcesCo.originalSelectedResourceIds,
-    onScopeChange = _useExportResourcesCo.onScopeChange;
+    onScopeChange = _useExportResourcesCo.onScopeChange,
+    resourceType = _useExportResourcesCo.resourceType;
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "m",
     children: jsxRuntime.jsxs(uiKit.RadioInput.Group, {
@@ -725,7 +724,7 @@ function ExportScopeSection() {
       children: [jsxRuntime.jsx(uiKit.RadioInput.Option, {
         value: EXPORT_TYPES.ALL,
         children: jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: _objectSpread$3(_objectSpread$3({}, messages.exportScopeAll), {}, {
+          intlMessage: _objectSpread$3(_objectSpread$3({}, resourceTypeMessages[resourceType].exportScopeAll), {}, {
             values: {
               total: new Intl.NumberFormat().format(totalResourcesCount)
             }
@@ -736,7 +735,7 @@ function ExportScopeSection() {
         isDisabled: !originalSelectedResourceIds?.length,
         children: jsxRuntime.jsx(uiKit.Text.Body, {
           tone: !originalSelectedResourceIds?.length ? 'tertiary' : undefined,
-          intlMessage: originalSelectedResourceIds?.length ? _objectSpread$3(_objectSpread$3({}, messages.exportScopeSelected), {}, {
+          intlMessage: originalSelectedResourceIds?.length ? _objectSpread$3(_objectSpread$3({}, resourceTypeMessages[resourceType].exportScopeSelected), {}, {
             values: {
               total: new Intl.NumberFormat().format(originalSelectedResourceIds?.length ?? 0)
             }
@@ -753,10 +752,6 @@ const ExportFileSettingsStep = () => {
     formik = _useExportResourcesCo.formik,
     resourceType = _useExportResourcesCo.resourceType,
     onClose = _useExportResourcesCo.onClose;
-  const resourceTypePlural = resourceTypeToDisplayName({
-    resourceType: resourceType,
-    isPlural: true
-  });
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       locale: applicationContext.dataLocale,
       locales: applicationContext.project?.languages || []
@@ -766,9 +761,7 @@ const ExportFileSettingsStep = () => {
   const areAllLocalesChecked = _valuesInstanceProperty__default["default"](formik).locales.length === locales.length;
   return jsxRuntime.jsx(applicationComponents.FormDialog, {
     isOpen: true,
-    title: intl.formatMessage(messages.modalTitle, {
-      resourceType: resourceTypePlural
-    }),
+    title: intl.formatMessage(messages[`modalTitle.${resourceType}`]),
     labelPrimary: intl.formatMessage(messages.continue),
     onPrimaryButtonClick: formik.submitForm,
     isPrimaryButtonDisabled: !formik.isValid,
@@ -1044,10 +1037,6 @@ const ExportFieldsSelectionStep = () => {
     setCurrentStep = _useExportResourcesCo.setCurrentStep,
     resourceType = _useExportResourcesCo.resourceType,
     onClose = _useExportResourcesCo.onClose;
-  const resourceTypePlural = resourceTypeToDisplayName({
-    resourceType: resourceType,
-    isPlural: true
-  });
   React__default["default"].useEffect(() => {
     var _context3;
     formik.validateForm();
@@ -1106,9 +1095,7 @@ const ExportFieldsSelectionStep = () => {
   };
   return jsxRuntime.jsx(applicationComponents.FormDialog, {
     isOpen: true,
-    title: intl.formatMessage(messages.modalTitle, {
-      resourceType: resourceTypePlural
-    }),
+    title: intl.formatMessage(messages[`modalTitle.${resourceType}`]),
     labelPrimary: intl.formatMessage(messages.startExport),
     onPrimaryButtonClick: formik.submitForm,
     isPrimaryButtonDisabled: !formik.isValid,
@@ -1236,19 +1223,19 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-d3199184.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-b9d63c63.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-85b30e13.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-27083d0c.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-832b636d.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-a10662d7.cjs.prod.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-42d4a424.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-ed634d04.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-11e4c627.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-b8807555.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-9154a09c.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-3ff78dd6.cjs.prod.js'); });
   }
 };
 const loadMessages = async locale => {