@commercetools-frontend-extensions/unpublish-products-modal 1.2.9 → 1.3.0

package/dist/commercetools-frontend-extensions-unpublish-products-modal.cjs.prod.js

@@ -29,6 +29,7 @@ var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibl
 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 applicationShell = require('@commercetools-frontend/application-shell');
 var sentry = require('@commercetools-frontend/sentry');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@emotion/react');
@@ -48,55 +49,79 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 
-function ownKeys$6(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$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$7(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$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function reducer(state, action) {
-  if (action.type === 'setCurrentStep') return _objectSpread$6(_objectSpread$6({}, state), {}, {
+  if (action.type === 'setCurrentStep') return _objectSpread$7(_objectSpread$7({}, state), {}, {
     currentStep: action.currentStep,
     progress: 0
   });
-  if (action.type === 'setContainerKey') return _objectSpread$6(_objectSpread$6({}, state), {}, {
+  if (action.type === 'setContainerKey') return _objectSpread$7(_objectSpread$7({}, state), {}, {
     containerKey: action.containerKey
   });
-  if (action.type === 'cancelImport') return _objectSpread$6(_objectSpread$6({}, state), {}, {
+  if (action.type === 'cancelImport') return _objectSpread$7(_objectSpread$7({}, state), {}, {
     currentStep: 'upload',
     containerKey: undefined,
     droppedFile: undefined,
     dropAreaState: 'ready-for-drop',
-    progress: 0
+    progress: 0,
+    jobId: undefined,
+    totalResourceCount: undefined,
+    validationProcessed: undefined,
+    isValidating: false
   });
-  if (action.type === 'uploadNewFile') return _objectSpread$6(_objectSpread$6({}, state), {}, {
+  if (action.type === 'uploadNewFile') return _objectSpread$7(_objectSpread$7({}, state), {}, {
     currentStep: 'upload',
     containerKey: undefined,
     droppedFile: undefined,
     dropAreaState: 'ready-for-drop',
-    progress: 0
+    progress: 0,
+    jobId: undefined,
+    totalResourceCount: undefined,
+    validationProcessed: undefined,
+    isValidating: false
   });
   if (action.type === 'setDroppedFile') {
-    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    return _objectSpread$7(_objectSpread$7({}, state), {}, {
       droppedFile: action.droppedFile
     });
   }
   if (action.type === 'setAbortController') {
-    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    return _objectSpread$7(_objectSpread$7({}, state), {}, {
       abortController: action.abortController
     });
   }
   if (action.type === 'setProgress') {
-    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    return _objectSpread$7(_objectSpread$7({}, state), {}, {
       progress: action.progress
     });
   }
   if (action.type === 'setUploadFileResponse') {
-    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    return _objectSpread$7(_objectSpread$7({}, state), {}, {
       uploadFileResponse: action.uploadFileResponse
     });
   }
   if (action.type === 'setFileUploadErrors') {
-    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    return _objectSpread$7(_objectSpread$7({}, state), {}, {
       fileUploadErrors: action.fileUploadErrors
     });
   }
+  if (action.type === 'setJobId') {
+    return _objectSpread$7(_objectSpread$7({}, state), {}, {
+      jobId: action.jobId
+    });
+  }
+  if (action.type === 'setTotalResourceCount') {
+    return _objectSpread$7(_objectSpread$7({}, state), {}, {
+      totalResourceCount: action.totalResourceCount
+    });
+  }
+  if (action.type === 'setValidationProgress') {
+    return _objectSpread$7(_objectSpread$7({}, state), {}, {
+      validationProcessed: action.processed,
+      isValidating: action.isValidating
+    });
+  }
   throw new Error(getUnknownActionError(action));
 }
 function getUnknownActionError(actionType) {
@@ -138,6 +163,15 @@ const initialActions = {
   },
   setProgress(_progress) {
     /**/
+  },
+  setJobId(_jobId) {
+    /**/
+  },
+  setTotalResourceCount(_totalResourceCount) {
+    /**/
+  },
+  setValidationProgress(_params) {
+    /**/
   }
 };
 
@@ -193,6 +227,37 @@ const UnpublishProductsProvider = props => {
       uploadFileResponse
     });
   };
+  const setJobId = jobId => dispatch({
+    type: 'setJobId',
+    jobId
+  });
+  const setTotalResourceCount = totalResourceCount => dispatch({
+    type: 'setTotalResourceCount',
+    totalResourceCount
+  });
+  const setValidationProgress = _ref => {
+    let processed = _ref.processed,
+      isValidating = _ref.isValidating;
+    return dispatch({
+      type: 'setValidationProgress',
+      processed,
+      isValidating
+    });
+  };
+  const actions = {
+    setCurrentStep,
+    cancelImport,
+    uploadNewFile,
+    setDroppedFile,
+    setUploadFileResponse,
+    setFileUploadErrors,
+    setContainerKey,
+    setAbortController,
+    setProgress,
+    setJobId,
+    setTotalResourceCount,
+    setValidationProgress
+  };
   const handleClose = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (state.abortController) state.abortController.abort();
@@ -207,17 +272,7 @@ const UnpublishProductsProvider = props => {
     value: {
       state,
       onClose: handleClose,
-      actions: {
-        setCurrentStep,
-        cancelImport,
-        uploadNewFile,
-        setDroppedFile,
-        setUploadFileResponse,
-        setFileUploadErrors,
-        setContainerKey,
-        setAbortController,
-        setProgress
-      }
+      actions
     },
     children: props.children
   });
@@ -269,7 +324,7 @@ function getDropAreaState(flags) {
   return 'ready-for-drop';
 }
 
-var messages$4 = reactIntl.defineMessages({
+var messages$5 = reactIntl.defineMessages({
   dragAndDropCSV: {
     id: 'UnpublishProductsModal.dragAndDropCSV',
     description: 'The message telling the user to drag and drop CSV file in the file drop area',
@@ -348,7 +403,7 @@ const useUnpublishProductsContext = () => {
   return context;
 };
 
-var messages$3 = reactIntl.defineMessages({
+var messages$4 = reactIntl.defineMessages({
   fileSizeExceededTitle: {
     id: 'UnpublishProductsModal.sizeExceededTitle',
     defaultMessage: 'File size exceeded'
@@ -404,6 +459,18 @@ var messages$3 = reactIntl.defineMessages({
   }
 });
 
+function ownKeys$6(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$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const FILE_IMPORT_JOB_FLOW = 'fileImportJobFlow';
+const DEFAULT_SHORT_LIVED_FLAGS = {
+  [FILE_IMPORT_JOB_FLOW]: false
+};
+const DEFAULT_LONG_LIVED_FLAGS = {};
+_objectSpread$6(_objectSpread$6({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
+
+const DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/product-list#bulk-unpublish-via-csv-import';
+const TEMPLATE_DOWNLOAD_LINK = 'https://docs.commercetools.com/merchant-center/downloads/product_unpublish_import_template.csv';
+
 const useUpload = () => {
   const intl = reactIntl.useIntl();
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
@@ -414,38 +481,37 @@ const useUpload = () => {
     state = _useUnpublishProducts.state,
     actions = _useUnpublishProducts.actions;
   const showNotification = actionsGlobal.useShowNotification();
-  const _useImportContainerUp = operations.useImportContainerUpload({
-      projectKey: projectKey
+  const isFileImportJobFlowEnabled = applicationShell.useFeatureToggle(FILE_IMPORT_JOB_FLOW);
+  const _useFileUpload = operations.useFileUpload({
+      projectKey: projectKey,
+      useJobBasedFlow: isFileImportJobFlowEnabled
     }),
-    upload = _useImportContainerUp.upload;
-  React__default["default"].useEffect(() => {
-    return () => {
-      if (state.abortController) state.abortController.abort();
-    };
-  }, [state.abortController]);
+    upload = _useFileUpload.upload;
   const isFileValid = async file => {
     const errors = [];
+    const maxFileSizeMB = isFileImportJobFlowEnabled ? operations.IMPORT_MAX_FILE_SIZE_MB : operations.IMPORT_LEGACY_MAX_FILE_SIZE_MB;
+    const maxItemCount = isFileImportJobFlowEnabled ? operations.IMPORT_MAX_ITEM_COUNT : operations.IMPORT_LEGACY_MAX_ROW_COUNT;
     const rowCount = await operations.getRowCount(file);
     if (rowCount < 1) errors.push({
-      title: intl.formatMessage(messages$3.dropAreaNotEnoughRowsTitle),
-      description: intl.formatMessage(messages$3.dropAreaNotEnoughRowsDescription)
+      title: intl.formatMessage(messages$4.dropAreaNotEnoughRowsTitle),
+      description: intl.formatMessage(messages$4.dropAreaNotEnoughRowsDescription)
     });
-    if (file.size > operations.toBytes(operations.MAX_FILE_SIZE_MB)) errors.push({
-      title: intl.formatMessage(messages$3.fileSizeExceededTitle),
-      description: intl.formatMessage(messages$3.fileSizeExceededDescription, {
-        fileSizeLimit: intl.formatNumber(operations.MAX_FILE_SIZE_MB)
+    if (file.size > operations.toBytes(maxFileSizeMB)) errors.push({
+      title: intl.formatMessage(messages$4.fileSizeExceededTitle),
+      description: intl.formatMessage(messages$4.fileSizeExceededDescription, {
+        fileSizeLimit: intl.formatNumber(maxFileSizeMB)
       })
     });
     if (!(await operations.hasSingleKeyColumn(file))) {
       errors.push({
-        title: intl.formatMessage(messages$3.csvFormatErrorTitle),
-        description: intl.formatMessage(messages$3.csvFormatErrorDescription)
+        title: intl.formatMessage(messages$4.csvFormatErrorTitle),
+        description: intl.formatMessage(messages$4.csvFormatErrorDescription)
       });
     }
-    if (rowCount > operations.MAX_ROW_COUNT) errors.push({
-      title: intl.formatMessage(messages$3.rowLimitExceededTitle),
-      description: intl.formatMessage(messages$3.rowLimitExceededDescription, {
-        rowLimit: intl.formatNumber(operations.MAX_ROW_COUNT)
+    if (rowCount > maxItemCount) errors.push({
+      title: intl.formatMessage(messages$4.rowLimitExceededTitle),
+      description: intl.formatMessage(messages$4.rowLimitExceededDescription, {
+        rowLimit: intl.formatNumber(maxItemCount)
       })
     });
     if (errors.length > 0) {
@@ -453,6 +519,10 @@ const useUpload = () => {
       actions.setCurrentStep('upload-error');
       return false;
     }
+    if (isFileImportJobFlowEnabled) {
+      const resourceCount = await operations.countUniqueResourcesInCsv(file);
+      actions.setTotalResourceCount(resourceCount);
+    }
     return true;
   };
   const handleUploadError = error => {
@@ -461,18 +531,25 @@ const useUpload = () => {
       return;
     }
     if (error instanceof operations.HttpError) {
+      actions.setValidationProgress({
+        processed: 0,
+        isValidating: false
+      });
       if (error.errorData?.code === 'MISSING_KEY_ERROR') {
         actions.setFileUploadErrors([{
-          title: intl.formatMessage(messages$3.missingRequiredField),
-          description: intl.formatMessage(messages$3.missingKeyError)
+          title: intl.formatMessage(messages$4.missingRequiredField),
+          description: intl.formatMessage(messages$4.missingKeyError)
         }]);
         actions.setCurrentStep('upload-error');
+      } else if (error.errorData?.invalid > 0) {
+        actions.setUploadFileResponse(error.errorData);
+        actions.setCurrentStep('upload-error');
       } else {
         actions.cancelImport();
         showNotification({
           kind: 'error',
           domain: constants.DOMAINS.PAGE,
-          text: intl.formatMessage(messages$3.unexpectedError)
+          text: intl.formatMessage(messages$4.unexpectedError)
         });
       }
     } else {
@@ -494,32 +571,54 @@ const useUpload = () => {
     if (!state.droppedFile) return;
     const canUpload = await isFileValid(state.droppedFile);
     if (!canUpload) return;
+    const abortController = new AbortController();
+    actions.setAbortController(abortController);
     actions.setCurrentStep('uploading');
-    try {
-      const xhr = await upload({
-        file: state.droppedFile,
-        resourceType: 'product',
-        settings: {
-          resourceType: 'product-draft',
-          format: 'CSV',
-          options: {
-            unpublishAllChanges: true
-          }
-        },
-        onSuccess: (fileUploadResponse, containerKey) => {
-          actions.setContainerKey(containerKey);
-          actions.setUploadFileResponse(fileUploadResponse);
-          actions.setCurrentStep('upload-preview');
-        },
-        onProgress: progress => {
-          actions.setProgress(progress);
-        },
-        onError: handleUploadError
-      });
-      actions.setAbortController(xhr);
-    } catch (error) {
-      handleUploadError(error);
-    }
+    await upload({
+      file: state.droppedFile,
+      resourceType: 'product',
+      settings: {
+        format: 'CSV',
+        options: {
+          unpublishAllChanges: true
+        }
+      },
+      abortSignal: abortController.signal,
+      onSuccess: result => {
+        actions.setValidationProgress({
+          processed: 0,
+          isValidating: false
+        });
+        actions.setContainerKey(result.containerKey);
+        if (result.jobId) {
+          actions.setJobId(result.jobId);
+        }
+        const fileUploadResponse = {
+          results: result.summary.results,
+          invalid: result.summary.invalid,
+          valid: result.summary.valid,
+          fileName: state.droppedFile?.name || '',
+          itemsCount: result.summary.total,
+          rowsCount: result.summary.total,
+          columnsCount: result.summary.fieldsCount,
+          fields: result.summary.fields,
+          ignoredFields: result.summary.ignoredFields
+        };
+        actions.setUploadFileResponse(fileUploadResponse);
+        actions.setCurrentStep('upload-preview');
+      },
+      onProgress: progress => {
+        actions.setProgress(progress);
+      },
+      onValidationProgress: job => {
+        const processed = job.summary?.total ?? 0;
+        actions.setValidationProgress({
+          processed,
+          isValidating: true
+        });
+      },
+      onError: handleUploadError
+    });
   };
   return {
     handleUploadAndValidation
@@ -540,9 +639,9 @@ const FileDropArea = () => {
   }, [actions]);
   const handleDropRejected = React__default["default"].useCallback(errorType => {
     const errorMessageMap = {
-      'too-many-files': messages$4.tooManyFilesError,
-      'invalid-type': messages$4.fileFormatNotSupported,
-      generic: messages$4.genericError
+      'too-many-files': messages$5.tooManyFilesError,
+      'invalid-type': messages$5.fileFormatNotSupported,
+      generic: messages$5.genericError
     };
     showNotification({
       kind: 'error',
@@ -566,10 +665,10 @@ const FileDropArea = () => {
       isFileDropped: Boolean(state.droppedFile),
       fileName: state.droppedFile?.name,
       messages: {
-        dragAndDropCSV: intl.formatMessage(messages$4.dragAndDropCSV),
-        or: intl.formatMessage(messages$4.or),
-        browseButton: intl.formatMessage(messages$4.browseButton),
-        chooseFile: intl.formatMessage(messages$4.chooseFile)
+        dragAndDropCSV: intl.formatMessage(messages$5.dragAndDropCSV),
+        or: intl.formatMessage(messages$5.or),
+        browseButton: intl.formatMessage(messages$5.browseButton),
+        chooseFile: intl.formatMessage(messages$5.chooseFile)
       }
     })
   });
@@ -590,10 +689,15 @@ var sharedMessages = reactIntl.defineMessages({
     id: 'UnpublishProductsModal.cancel',
     description: 'The label for the cancel button',
     defaultMessage: 'Cancel'
+  },
+  products: {
+    id: 'UnpublishProductsModal.products',
+    description: 'Products resource type label',
+    defaultMessage: 'Products'
   }
 });
 
-var messages$2 = reactIntl.defineMessages({
+var messages$3 = reactIntl.defineMessages({
   fileUploadInstructions: {
     id: 'UnpublishProductsModal.fileUploadInstructions',
     description: 'Instructions for uploading a CSV file with product keys to unpublish',
@@ -601,18 +705,18 @@ var messages$2 = reactIntl.defineMessages({
   }
 });
 
-const DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/product-list#bulk-unpublish-via-csv-import';
-const TEMPLATE_DOWNLOAD_LINK = 'https://docs.commercetools.com/merchant-center/downloads/product_unpublish_import_template.csv';
-
 function ownKeys$5(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$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Instructions = () => {
   const intl = reactIntl.useIntl();
+  const isFileImportJobFlowEnabled = applicationShell.useFeatureToggle(FILE_IMPORT_JOB_FLOW);
+  const maxFileSizeMB = isFileImportJobFlowEnabled ? operations.IMPORT_MAX_FILE_SIZE_MB : operations.IMPORT_LEGACY_MAX_FILE_SIZE_MB;
+  const maxItemCount = isFileImportJobFlowEnabled ? operations.IMPORT_MAX_ITEM_COUNT : operations.IMPORT_LEGACY_MAX_ROW_COUNT;
   return jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.fileUploadInstructions), {}, {
+    intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.fileUploadInstructions), {}, {
       values: {
-        maxFileSize: intl.formatNumber(operations.MAX_FILE_SIZE_MB),
-        maxRowCount: intl.formatNumber(operations.MAX_ROW_COUNT),
+        maxFileSize: intl.formatNumber(maxFileSizeMB),
+        maxRowCount: intl.formatNumber(maxItemCount),
         csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
           tone: "secondary",
           isExternal: true,
@@ -641,7 +745,7 @@ const Upload = () => {
     size: 16,
     isOpen: true,
     title: intl.formatMessage(sharedMessages.unpublishModalTitle),
-    labelPrimary: intl.formatMessage(messages$4.uploadAndPreview),
+    labelPrimary: intl.formatMessage(messages$5.uploadAndPreview),
     onPrimaryButtonClick: handleUploadAndValidation,
     isPrimaryButtonDisabled: !Boolean(state.droppedFile),
     onSecondaryButtonClick: () => onClose({
@@ -659,6 +763,13 @@ const Upload = () => {
   });
 };
 
+var messages$2 = reactIntl.defineMessages({
+  validatingResources: {
+    id: 'UnpublishProductsModal.Uploading.validatingResources',
+    defaultMessage: 'Validating {processed} / {total} {resourceType}'
+  }
+});
+
 const Uploading = () => {
   const intl = reactIntl.useIntl();
   const _useUnpublishProducts = useUnpublishProductsContext(),
@@ -666,12 +777,19 @@ const Uploading = () => {
     actions = _useUnpublishProducts.actions,
     onClose = _useUnpublishProducts.onClose;
   if (!state.droppedFile?.name) return null;
+  const showValidationProgress = state.isValidating && state.totalResourceCount && (state.validationProcessed ?? 0) > 0;
+  const statusMessage = showValidationProgress ? intl.formatMessage(messages$2.validatingResources, {
+    processed: intl.formatNumber(state.validationProcessed ?? 0),
+    total: intl.formatNumber(state.totalResourceCount ?? 0),
+    resourceType: intl.formatMessage(sharedMessages.products)
+  }) : undefined;
   return jsxRuntime.jsx(operations.UploadingModal, {
     isOpen: true,
     title: intl.formatMessage(sharedMessages.unpublishModalTitle),
     fileName: state.droppedFile.name,
     fileSize: state.droppedFile.size,
     progress: state.progress,
+    statusMessage: statusMessage,
     cancelLabel: intl.formatMessage(sharedMessages.cancel),
     onCancel: () => {
       actions.setCurrentStep('upload');
@@ -764,7 +882,7 @@ const UploadErrorsModal = () => {
     state = _useUnpublishProducts.state,
     actions = _useUnpublishProducts.actions,
     onClose = _useUnpublishProducts.onClose;
-  const errorsCount = state.fileUploadErrors.length;
+  const errorsCount = state.fileUploadErrors?.length ?? 0;
   return jsxRuntime.jsx(applicationComponents.InfoDialog, {
     size: 16,
     isOpen: true,
@@ -784,7 +902,7 @@ const UploadErrorsModal = () => {
             })
           })
         }), jsxRuntime.jsx(UploadErrorTable, {
-          rows: operations.mapFileUploadErrorsToUploadFileErrorRows(state.fileUploadErrors)
+          rows: operations.mapFileUploadErrorsToUploadFileErrorRows(state.fileUploadErrors ?? [])
         }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
           scale: "m",
           justifyContent: "flex-end",
@@ -929,11 +1047,20 @@ const UnpublishProductsConfirmationModal = () => {
         }, {
           dismissAfter: 5000
         });
-        await operations.processUploadedFile({
-          projectKey,
-          resourceType: 'product',
-          importContainerKey: state.containerKey
-        });
+        if (state.jobId) {
+          await operations.processFileImportJob({
+            projectKey,
+            importContainerKey: state.containerKey,
+            jobId: state.jobId,
+            resourceType: 'product'
+          });
+        } else {
+          await operations.processUploadedFile({
+            projectKey,
+            resourceType: 'product',
+            importContainerKey: state.containerKey
+          });
+        }
         showNotification({
           kind: 'info',
           domain: constants.DOMAINS.SIDE,
@@ -964,7 +1091,7 @@ const UnpublishProductsConfirmationModal = () => {
             values: {
               projectName: projectName,
               // TODO: Replace with actual count
-              count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
+              count: intl.formatNumber(state.uploadFileResponse?.rowsCount ?? 0),
               b: getBold$1
             }
           })
@@ -1020,7 +1147,7 @@ function UploadPreviewModal() {
           }), jsxRuntime.jsx(uiKit.Text.Body, {
             intlMessage: _objectSpread$1(_objectSpread$1({}, messages.productsToBeUnpublished), {}, {
               values: {
-                count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
+                count: intl.formatNumber(state.uploadFileResponse?.rowsCount ?? 0),
                 b: getBold
               }
             })