@commercetools-frontend-extensions/export-resources-modal 5.16.2 → 5.16.3

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

@@ -270,6 +270,11 @@ var messages = reactIntl.defineMessages({
     description: 'Label for "Start export" button',
     defaultMessage: 'Start export'
   },
+  startingExport: {
+    id: 'ExportResourcesModal.startingExport',
+    description: 'Label for the "Start export" button while the export operation is being started',
+    defaultMessage: 'Starting export…'
+  },
   fieldDefinitions: {
     id: 'ExportResourcesModal.fieldDefinitions',
     description: 'Label for "Field definitions" link',
@@ -1953,6 +1958,7 @@ const useStartExportOperation = props => {
               dismissAfter: 5000
             });
             if (typeof props.onExportSuccess === 'function') props.onExportSuccess();
+            if (typeof props.onClose === 'function') props.onClose();
             break;
           default:
             throw new UnexpectedExportOperationStateError(response.state);
@@ -1974,8 +1980,6 @@ const useStartExportOperation = props => {
           domain: constants.DOMAINS.PAGE
         });
       }
-    } finally {
-      if (typeof props.onClose === 'function') props.onClose();
     }
   };
   return {
@@ -3328,7 +3332,7 @@ const ExportResourcesProvider = _ref => {
           setCurrentStep(Step.ValidationErrors);
         }
       } else {
-        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
+        await startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
       }
     }
   });
@@ -3456,7 +3460,8 @@ const ExportConfirmationStep = () => {
       currentStep: 3,
       totalSteps: TOTAL_STEPS
     }), ": ")).call(_context2, intl.formatMessage(messages.exportPreview)),
-    labelPrimary: intl.formatMessage(messages.startExport),
+    labelPrimary: intl.formatMessage(formik.isSubmitting ? messages.startingExport : messages.startExport),
+    isPrimaryButtonDisabled: formik.isSubmitting,
     onPrimaryButtonClick: formik.submitForm,
     labelSecondary: intl.formatMessage(messages.selectDifferentFields),
     onSecondaryButtonClick: returnToFieldsSelection,

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

@@ -270,6 +270,11 @@ var messages = reactIntl.defineMessages({
     description: 'Label for "Start export" button',
     defaultMessage: 'Start export'
   },
+  startingExport: {
+    id: 'ExportResourcesModal.startingExport',
+    description: 'Label for the "Start export" button while the export operation is being started',
+    defaultMessage: 'Starting export…'
+  },
   fieldDefinitions: {
     id: 'ExportResourcesModal.fieldDefinitions',
     description: 'Label for "Field definitions" link',
@@ -1953,6 +1958,7 @@ const useStartExportOperation = props => {
               dismissAfter: 5000
             });
             if (typeof props.onExportSuccess === 'function') props.onExportSuccess();
+            if (typeof props.onClose === 'function') props.onClose();
             break;
           default:
             throw new UnexpectedExportOperationStateError(response.state);
@@ -1974,8 +1980,6 @@ const useStartExportOperation = props => {
           domain: constants.DOMAINS.PAGE
         });
       }
-    } finally {
-      if (typeof props.onClose === 'function') props.onClose();
     }
   };
   return {
@@ -3295,7 +3299,7 @@ const ExportResourcesProvider = _ref => {
           setCurrentStep(Step.ValidationErrors);
         }
       } else {
-        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
+        await startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
       }
     }
   });
@@ -3423,7 +3427,8 @@ const ExportConfirmationStep = () => {
       currentStep: 3,
       totalSteps: TOTAL_STEPS
     }), ": ")).call(_context2, intl.formatMessage(messages.exportPreview)),
-    labelPrimary: intl.formatMessage(messages.startExport),
+    labelPrimary: intl.formatMessage(formik.isSubmitting ? messages.startingExport : messages.startExport),
+    isPrimaryButtonDisabled: formik.isSubmitting,
     onPrimaryButtonClick: formik.submitForm,
     labelSecondary: intl.formatMessage(messages.selectDifferentFields),
     onSecondaryButtonClick: returnToFieldsSelection,

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

@@ -228,6 +228,11 @@ var messages = defineMessages({
     description: 'Label for "Start export" button',
     defaultMessage: 'Start export'
   },
+  startingExport: {
+    id: 'ExportResourcesModal.startingExport',
+    description: 'Label for the "Start export" button while the export operation is being started',
+    defaultMessage: 'Starting export…'
+  },
   fieldDefinitions: {
     id: 'ExportResourcesModal.fieldDefinitions',
     description: 'Label for "Field definitions" link',
@@ -1911,6 +1916,7 @@ const useStartExportOperation = props => {
               dismissAfter: 5000
             });
             if (typeof props.onExportSuccess === 'function') props.onExportSuccess();
+            if (typeof props.onClose === 'function') props.onClose();
             break;
           default:
             throw new UnexpectedExportOperationStateError(response.state);
@@ -1932,8 +1938,6 @@ const useStartExportOperation = props => {
           domain: DOMAINS.PAGE
         });
       }
-    } finally {
-      if (typeof props.onClose === 'function') props.onClose();
     }
   };
   return {
@@ -3286,7 +3290,7 @@ const ExportResourcesProvider = _ref => {
           setCurrentStep(Step.ValidationErrors);
         }
       } else {
-        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
+        await startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
       }
     }
   });
@@ -3414,7 +3418,8 @@ const ExportConfirmationStep = () => {
       currentStep: 3,
       totalSteps: TOTAL_STEPS
     }), ": ")).call(_context2, intl.formatMessage(messages.exportPreview)),
-    labelPrimary: intl.formatMessage(messages.startExport),
+    labelPrimary: intl.formatMessage(formik.isSubmitting ? messages.startingExport : messages.startExport),
+    isPrimaryButtonDisabled: formik.isSubmitting,
     onPrimaryButtonClick: formik.submitForm,
     labelSecondary: intl.formatMessage(messages.selectDifferentFields),
     onSecondaryButtonClick: returnToFieldsSelection,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "5.16.2",
+  "version": "5.16.3",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -26,7 +26,7 @@
     "moment": "^2.30.1",
     "omit-empty-es": "^1.1.3",
     "prop-types": "^15.8.1",
-    "@commercetools-frontend-extensions/operations": "4.7.0"
+    "@commercetools-frontend-extensions/operations": "4.7.1"
   },
   "devDependencies": {
     "@commercetools-frontend/actions-global": "27.8.0",