@commercetools-frontend-extensions/operations 3.0.0 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @commercetools-frontend-extensions/operations
 
+## 3.1.1
+
+### Patch Changes
+
+- [#1673](https://github.com/commercetools/merchant-center-operations/pull/1673) [`fda98c9`](https://github.com/commercetools/merchant-center-operations/commit/fda98c935fc45adfffe1247e30bea8c13df2abc8) Thanks [@yassinejebli](https://github.com/yassinejebli)! - feat: add `autoProcess` option for file import job flow
+
+- [#1673](https://github.com/commercetools/merchant-center-operations/pull/1673) [`fda98c9`](https://github.com/commercetools/merchant-center-operations/commit/fda98c935fc45adfffe1247e30bea8c13df2abc8) Thanks [@yassinejebli](https://github.com/yassinejebli)! - feat: adjust the max file size for the new Import flow
+
+## 3.1.0
+
+### Minor Changes
+
+- [#1669](https://github.com/commercetools/merchant-center-operations/pull/1669) [`a4a9c65`](https://github.com/commercetools/merchant-center-operations/commit/a4a9c6513e9a0b6da7d0681f044d7640ad8f0132) Thanks [@yassinejebli](https://github.com/yassinejebli)! - feat(useFileUpload): add `total` to `validationProgress` for tracking validation progress
+
+  The `validationProgress` object returned by `useFileUpload` now includes a `total` field representing the total number of unique resources in the CSV file (counted by unique keys). This allows consumers to display progress like "Validating X of Y resources" during the job-based validation flow.
+
+- [#1669](https://github.com/commercetools/merchant-center-operations/pull/1669) [`a4a9c65`](https://github.com/commercetools/merchant-center-operations/commit/a4a9c6513e9a0b6da7d0681f044d7640ad8f0132) Thanks [@yassinejebli](https://github.com/yassinejebli)! - feat(import): server side pagination for new import flow errors
+
+### Patch Changes
+
+- [#1669](https://github.com/commercetools/merchant-center-operations/pull/1669) [`a4a9c65`](https://github.com/commercetools/merchant-center-operations/commit/a4a9c6513e9a0b6da7d0681f044d7640ad8f0132) Thanks [@yassinejebli](https://github.com/yassinejebli)! - feat: add `total` for tracking validation progress
+
 ## 3.0.0
 
 ### Major Changes

package/README.md

@@ -2,6 +2,12 @@
 
 Shared functionality for import/export operations across multiple frontend applications and extensions.
 
+## Installation
+
+```bash
+pnpm add @commercetools-frontend-extensions/operations
+```
+
 ## Hooks
 
 ### `useFileUpload`
@@ -21,13 +27,27 @@ const { upload, isUploading, progress, validationProgress } = useFileUpload({
 - `projectKey` (required): The commercetools project key
 - `useJobBasedFlow` (optional): Whether to use the job-based flow. Default: `false`
 - `pollingInterval` (optional): Polling interval in ms for job-based flow. Default: `5000`
-- `maxPollingAttempts` (optional): Maximum polling attempts. Default: `120`
+- `maxPollingAttempts` (optional): Maximum polling attempts. Default: `200`
 
 **Returns:**
 - `upload` - Function to start the upload
 - `isUploading` - Whether upload is in progress
 - `progress` - Upload progress (0-100)
-- `validationProgress` - `{ processed: number, isValidating: boolean }` (job-based flow only)
+- `validationProgress` - `{ processed: number, total: number, isValidating: boolean }` (job-based flow only)
+  - `processed`: Number of resources validated so far (from backend)
+  - `total`: Total number of unique resources in the file (counted by unique keys in the CSV)
+  - `isValidating`: Whether validation is in progress
+
+**Upload config options:**
+- `file` (required): The file to upload
+- `resourceType` (required): The resource type
+- `settings` (optional): Import settings (format, decimal separator...)
+- `autoProcess` (optional): When `true`, the backend automatically starts processing after validation completes (job-based flow only). Default: `false`
+- `abortSignal` (optional): AbortSignal for cancellation
+- `onSuccess` (required): Callback when upload completes
+- `onError` (optional): Callback for errors
+- `onProgress` (optional): Callback for upload progress (0-100)
+- `onValidationProgress` (optional): Callback for validation progress (job-based flow only)
 
 **Usage:**
 ```typescript
@@ -52,6 +72,7 @@ await upload({
       unpublishAllChanges?: boolean
     }
   },
+  autoProcess?: boolean, // job-based flow only, default: false
   abortSignal: abortController.signal,
   onSuccess: (result) => {
     // result.containerKey - Import container key
@@ -149,6 +170,55 @@ const { data, error, isLoading, refetch } = useFetchFileImportJob({
 
 ---
 
+### `useFetchFileImportJobRecords`
+
+Fetches records (errors or valid entries) from a File Import Job with pagination support. Keeps previous data visible while loading new pages.
+
+```typescript
+const { data, error, isLoading, refetch } = useFetchFileImportJobRecords({
+  projectKey,
+  importContainerKey,
+  jobId,
+  limit?: number,
+  offset?: number,
+  isValid?: boolean,
+  skip?: boolean
+})
+```
+
+**Parameters:**
+- `projectKey`: The commercetools project key
+- `importContainerKey`: The import container key
+- `jobId`: The file import job ID
+- `limit` (optional): Number of records to fetch per page
+- `offset` (optional): Offset for pagination
+- `isValid` (optional): Filter by valid (`true`) or invalid (`false`) records
+- `skip` (optional): Skip fetching (useful for conditional fetching)
+
+**Returns:**
+- `data` - `{ results, total, limit, offset, count }` or `null`
+- `error` - Error object if fetch failed
+- `isLoading` - Whether fetch is in progress
+- `refetch` - Function to manually trigger a refetch
+
+**Usage example (paginated error table):**
+```typescript
+const pagination = usePaginationState()
+const offset = (pagination.page.value - 1) * pagination.perPage.value
+
+const { data, isLoading } = useFetchFileImportJobRecords({
+  projectKey,
+  importContainerKey: containerKey,
+  jobId,
+  offset,
+  limit: pagination.perPage.value,
+  isValid: false, // Fetch only invalid records (errors)
+})
+
+```
+
+---
+
 ## Helper Functions
 
 ```typescript

package/dist/commercetools-frontend-extensions-operations.cjs.dev.js

@@ -742,7 +742,7 @@ const pollJobUntilValidated = async _ref => {
     _ref$pollingInterval = _ref.pollingInterval,
     pollingInterval = _ref$pollingInterval === void 0 ? 5000 : _ref$pollingInterval,
     _ref$maxAttempts = _ref.maxAttempts,
-    maxAttempts = _ref$maxAttempts === void 0 ? 120 : _ref$maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 200 : _ref$maxAttempts,
     onJobUpdate = _ref.onJobUpdate,
     abortSignal = _ref.abortSignal;
   let attempts = 0;
@@ -941,6 +941,8 @@ function createFileImportJob(_ref) {
     resourceType = _ref.resourceType,
     importContainerKey = _ref.importContainerKey,
     payload = _ref.payload,
+    _ref$autoProcess = _ref.autoProcess,
+    autoProcess = _ref$autoProcess === void 0 ? false : _ref$autoProcess,
     onProgress = _ref.onProgress,
     abortSignal = _ref.abortSignal;
   const url = getFileImportJobsURL({
@@ -954,6 +956,7 @@ function createFileImportJob(_ref) {
       formData.append('fileType', payload.fileType);
       formData.append('fileName', payload.fileName);
       formData.append('file', payload.file, payload.fileName);
+      formData.append('autoProcess', autoProcess ? 'true' : 'false');
       fetchUsingXhr({
         url,
         payload: formData,
@@ -1371,7 +1374,7 @@ const COLUMN_DELIMITERS = [DELIMITERS.COMMA, DELIMITERS.SEMICOLON, DELIMITERS.PI
 
 const FILE_IMPORT_JOB_POLLING_INTERVAL = 2000;
 
-const IMPORT_MAX_FILE_SIZE_MB = 200;
+const IMPORT_MAX_FILE_SIZE_MB = 100;
 const IMPORT_MAX_ITEM_COUNT = 500_000;
 
 // =============================================================================
@@ -2679,6 +2682,39 @@ const useFetchFileImportJob = _ref => {
   });
 };
 
+const EMPTY_RESPONSE = {
+  results: [],
+  total: 0,
+  limit: 0,
+  offset: 0,
+  count: 0
+};
+const useFetchFileImportJobRecords = _ref => {
+  let projectKey = _ref.projectKey,
+    importContainerKey = _ref.importContainerKey,
+    jobId = _ref.jobId,
+    limit = _ref.limit,
+    offset = _ref.offset,
+    isValid = _ref.isValid,
+    _ref$skip = _ref.skip,
+    skip = _ref$skip === void 0 ? false : _ref$skip;
+  const shouldSkip = skip || !projectKey || !importContainerKey || !jobId;
+  const fetchData = React__default["default"].useCallback(() => {
+    if (shouldSkip) {
+      return _Promise__default["default"].resolve(EMPTY_RESPONSE);
+    }
+    return getFileImportJobRecords({
+      projectKey: projectKey,
+      importContainerKey: importContainerKey,
+      jobId: jobId,
+      limit,
+      offset,
+      isValid
+    });
+  }, [shouldSkip, projectKey, importContainerKey, jobId, limit, offset, isValid]);
+  return useFetch(fetchData);
+};
+
 const useFetchImportContainerDetails = _ref => {
   let projectKey = _ref.projectKey,
     importContainerKey = _ref.importContainerKey,
@@ -2786,6 +2822,7 @@ const useFileImportJobUpload = _ref => {
           fileName: config.file.name,
           file: config.file
         },
+        autoProcess: config.autoProcess,
         onProgress: uploadProgress => {
           setProgress(uploadProgress);
           config.onProgress?.(uploadProgress);
@@ -2935,7 +2972,7 @@ const useFileUpload = _ref2 => {
     _ref2$pollingInterval = _ref2.pollingInterval,
     pollingInterval = _ref2$pollingInterval === void 0 ? 5000 : _ref2$pollingInterval,
     _ref2$maxPollingAttem = _ref2.maxPollingAttempts,
-    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 120 : _ref2$maxPollingAttem;
+    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 200 : _ref2$maxPollingAttem;
   const _React$useState = React__default["default"].useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isUploading = _React$useState2[0],
@@ -2946,6 +2983,7 @@ const useFileUpload = _ref2 => {
     setProgress = _React$useState4[1];
   const _React$useState5 = React__default["default"].useState({
       processed: 0,
+      total: 0,
       isValidating: false
     }),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
@@ -2962,6 +3000,7 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     setValidationProgress({
       processed: 0,
+      total: 0,
       isValidating: false
     });
   }, []);
@@ -2970,15 +3009,18 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     try {
       if (useJobBasedFlow) {
+        const totalResources = await countUniqueResourcesInCsv(config.file);
         await jobUpload.upload({
           file: config.file,
           resourceType: config.resourceType,
           settings: config.settings,
+          autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
             try {
               setValidationProgress({
                 processed: 0,
+                total: totalResources,
                 isValidating: true
               });
               const validatedJob = await pollJobUntilValidated({
@@ -2992,6 +3034,7 @@ const useFileUpload = _ref2 => {
                   const processed = job.summary?.total ?? 0;
                   setValidationProgress({
                     processed,
+                    total: totalResources,
                     isValidating: true
                   });
                   config.onValidationProgress?.(job);
@@ -3003,16 +3046,7 @@ const useFileUpload = _ref2 => {
               if (validatedJob.jobError) {
                 throw new HttpError(400, validatedJob.jobError.message, validatedJob.jobError);
               }
-              let results = [];
               if (validatedJob.summary.invalid > 0) {
-                const recordsResponse = await getFileImportJobRecords({
-                  projectKey,
-                  importContainerKey: containerKey,
-                  jobId,
-                  limit: 500,
-                  isValid: false
-                });
-                results = recordsResponse.results;
                 await safeDeleteContainer({
                   projectKey,
                   containerKey
@@ -3021,7 +3055,8 @@ const useFileUpload = _ref2 => {
               const result = {
                 containerKey,
                 summary: _objectSpread(_objectSpread({}, validatedJob.summary), {}, {
-                  results
+                  // TODO: Remove this once the old flow is fully removed
+                  results: []
                 }),
                 jobId,
                 job: validatedJob
@@ -3029,6 +3064,7 @@ const useFileUpload = _ref2 => {
               setIsUploading(false);
               setValidationProgress({
                 processed: 0,
+                total: 0,
                 isValidating: false
               });
               config.onSuccess(result);
@@ -3258,6 +3294,7 @@ exports.toImportApiResourceType = toImportApiResourceType;
 exports.uploadFileForImport = uploadFileForImport;
 exports.useFetchExportOperations = useFetchExportOperations;
 exports.useFetchFileImportJob = useFetchFileImportJob;
+exports.useFetchFileImportJobRecords = useFetchFileImportJobRecords;
 exports.useFetchImportContainerDetails = useFetchImportContainerDetails;
 exports.useFetchImportOperations = useFetchImportOperations;
 exports.useFetchImportSummaries = useFetchImportSummaries;

package/dist/commercetools-frontend-extensions-operations.cjs.prod.js

@@ -742,7 +742,7 @@ const pollJobUntilValidated = async _ref => {
     _ref$pollingInterval = _ref.pollingInterval,
     pollingInterval = _ref$pollingInterval === void 0 ? 5000 : _ref$pollingInterval,
     _ref$maxAttempts = _ref.maxAttempts,
-    maxAttempts = _ref$maxAttempts === void 0 ? 120 : _ref$maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 200 : _ref$maxAttempts,
     onJobUpdate = _ref.onJobUpdate,
     abortSignal = _ref.abortSignal;
   let attempts = 0;
@@ -941,6 +941,8 @@ function createFileImportJob(_ref) {
     resourceType = _ref.resourceType,
     importContainerKey = _ref.importContainerKey,
     payload = _ref.payload,
+    _ref$autoProcess = _ref.autoProcess,
+    autoProcess = _ref$autoProcess === void 0 ? false : _ref$autoProcess,
     onProgress = _ref.onProgress,
     abortSignal = _ref.abortSignal;
   const url = getFileImportJobsURL({
@@ -954,6 +956,7 @@ function createFileImportJob(_ref) {
       formData.append('fileType', payload.fileType);
       formData.append('fileName', payload.fileName);
       formData.append('file', payload.file, payload.fileName);
+      formData.append('autoProcess', autoProcess ? 'true' : 'false');
       fetchUsingXhr({
         url,
         payload: formData,
@@ -1371,7 +1374,7 @@ const COLUMN_DELIMITERS = [DELIMITERS.COMMA, DELIMITERS.SEMICOLON, DELIMITERS.PI
 
 const FILE_IMPORT_JOB_POLLING_INTERVAL = 2000;
 
-const IMPORT_MAX_FILE_SIZE_MB = 200;
+const IMPORT_MAX_FILE_SIZE_MB = 100;
 const IMPORT_MAX_ITEM_COUNT = 500_000;
 
 // =============================================================================
@@ -2671,6 +2674,39 @@ const useFetchFileImportJob = _ref => {
   });
 };
 
+const EMPTY_RESPONSE = {
+  results: [],
+  total: 0,
+  limit: 0,
+  offset: 0,
+  count: 0
+};
+const useFetchFileImportJobRecords = _ref => {
+  let projectKey = _ref.projectKey,
+    importContainerKey = _ref.importContainerKey,
+    jobId = _ref.jobId,
+    limit = _ref.limit,
+    offset = _ref.offset,
+    isValid = _ref.isValid,
+    _ref$skip = _ref.skip,
+    skip = _ref$skip === void 0 ? false : _ref$skip;
+  const shouldSkip = skip || !projectKey || !importContainerKey || !jobId;
+  const fetchData = React__default["default"].useCallback(() => {
+    if (shouldSkip) {
+      return _Promise__default["default"].resolve(EMPTY_RESPONSE);
+    }
+    return getFileImportJobRecords({
+      projectKey: projectKey,
+      importContainerKey: importContainerKey,
+      jobId: jobId,
+      limit,
+      offset,
+      isValid
+    });
+  }, [shouldSkip, projectKey, importContainerKey, jobId, limit, offset, isValid]);
+  return useFetch(fetchData);
+};
+
 const useFetchImportContainerDetails = _ref => {
   let projectKey = _ref.projectKey,
     importContainerKey = _ref.importContainerKey,
@@ -2778,6 +2814,7 @@ const useFileImportJobUpload = _ref => {
           fileName: config.file.name,
           file: config.file
         },
+        autoProcess: config.autoProcess,
         onProgress: uploadProgress => {
           setProgress(uploadProgress);
           config.onProgress?.(uploadProgress);
@@ -2927,7 +2964,7 @@ const useFileUpload = _ref2 => {
     _ref2$pollingInterval = _ref2.pollingInterval,
     pollingInterval = _ref2$pollingInterval === void 0 ? 5000 : _ref2$pollingInterval,
     _ref2$maxPollingAttem = _ref2.maxPollingAttempts,
-    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 120 : _ref2$maxPollingAttem;
+    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 200 : _ref2$maxPollingAttem;
   const _React$useState = React__default["default"].useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isUploading = _React$useState2[0],
@@ -2938,6 +2975,7 @@ const useFileUpload = _ref2 => {
     setProgress = _React$useState4[1];
   const _React$useState5 = React__default["default"].useState({
       processed: 0,
+      total: 0,
       isValidating: false
     }),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
@@ -2954,6 +2992,7 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     setValidationProgress({
       processed: 0,
+      total: 0,
       isValidating: false
     });
   }, []);
@@ -2962,15 +3001,18 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     try {
       if (useJobBasedFlow) {
+        const totalResources = await countUniqueResourcesInCsv(config.file);
         await jobUpload.upload({
           file: config.file,
           resourceType: config.resourceType,
           settings: config.settings,
+          autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
             try {
               setValidationProgress({
                 processed: 0,
+                total: totalResources,
                 isValidating: true
               });
               const validatedJob = await pollJobUntilValidated({
@@ -2984,6 +3026,7 @@ const useFileUpload = _ref2 => {
                   const processed = job.summary?.total ?? 0;
                   setValidationProgress({
                     processed,
+                    total: totalResources,
                     isValidating: true
                   });
                   config.onValidationProgress?.(job);
@@ -2995,16 +3038,7 @@ const useFileUpload = _ref2 => {
               if (validatedJob.jobError) {
                 throw new HttpError(400, validatedJob.jobError.message, validatedJob.jobError);
               }
-              let results = [];
               if (validatedJob.summary.invalid > 0) {
-                const recordsResponse = await getFileImportJobRecords({
-                  projectKey,
-                  importContainerKey: containerKey,
-                  jobId,
-                  limit: 500,
-                  isValid: false
-                });
-                results = recordsResponse.results;
                 await safeDeleteContainer({
                   projectKey,
                   containerKey
@@ -3013,7 +3047,8 @@ const useFileUpload = _ref2 => {
               const result = {
                 containerKey,
                 summary: _objectSpread(_objectSpread({}, validatedJob.summary), {}, {
-                  results
+                  // TODO: Remove this once the old flow is fully removed
+                  results: []
                 }),
                 jobId,
                 job: validatedJob
@@ -3021,6 +3056,7 @@ const useFileUpload = _ref2 => {
               setIsUploading(false);
               setValidationProgress({
                 processed: 0,
+                total: 0,
                 isValidating: false
               });
               config.onSuccess(result);
@@ -3250,6 +3286,7 @@ exports.toImportApiResourceType = toImportApiResourceType;
 exports.uploadFileForImport = uploadFileForImport;
 exports.useFetchExportOperations = useFetchExportOperations;
 exports.useFetchFileImportJob = useFetchFileImportJob;
+exports.useFetchFileImportJobRecords = useFetchFileImportJobRecords;
 exports.useFetchImportContainerDetails = useFetchImportContainerDetails;
 exports.useFetchImportOperations = useFetchImportOperations;
 exports.useFetchImportSummaries = useFetchImportSummaries;

package/dist/commercetools-frontend-extensions-operations.esm.js

@@ -702,7 +702,7 @@ const pollJobUntilValidated = async _ref => {
     _ref$pollingInterval = _ref.pollingInterval,
     pollingInterval = _ref$pollingInterval === void 0 ? 5000 : _ref$pollingInterval,
     _ref$maxAttempts = _ref.maxAttempts,
-    maxAttempts = _ref$maxAttempts === void 0 ? 120 : _ref$maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 200 : _ref$maxAttempts,
     onJobUpdate = _ref.onJobUpdate,
     abortSignal = _ref.abortSignal;
   let attempts = 0;
@@ -901,6 +901,8 @@ function createFileImportJob(_ref) {
     resourceType = _ref.resourceType,
     importContainerKey = _ref.importContainerKey,
     payload = _ref.payload,
+    _ref$autoProcess = _ref.autoProcess,
+    autoProcess = _ref$autoProcess === void 0 ? false : _ref$autoProcess,
     onProgress = _ref.onProgress,
     abortSignal = _ref.abortSignal;
   const url = getFileImportJobsURL({
@@ -914,6 +916,7 @@ function createFileImportJob(_ref) {
       formData.append('fileType', payload.fileType);
       formData.append('fileName', payload.fileName);
       formData.append('file', payload.file, payload.fileName);
+      formData.append('autoProcess', autoProcess ? 'true' : 'false');
       fetchUsingXhr({
         url,
         payload: formData,
@@ -1331,7 +1334,7 @@ const COLUMN_DELIMITERS = [DELIMITERS.COMMA, DELIMITERS.SEMICOLON, DELIMITERS.PI
 
 const FILE_IMPORT_JOB_POLLING_INTERVAL = 2000;
 
-const IMPORT_MAX_FILE_SIZE_MB = 200;
+const IMPORT_MAX_FILE_SIZE_MB = 100;
 const IMPORT_MAX_ITEM_COUNT = 500_000;
 
 // =============================================================================
@@ -2639,6 +2642,39 @@ const useFetchFileImportJob = _ref => {
   });
 };
 
+const EMPTY_RESPONSE = {
+  results: [],
+  total: 0,
+  limit: 0,
+  offset: 0,
+  count: 0
+};
+const useFetchFileImportJobRecords = _ref => {
+  let projectKey = _ref.projectKey,
+    importContainerKey = _ref.importContainerKey,
+    jobId = _ref.jobId,
+    limit = _ref.limit,
+    offset = _ref.offset,
+    isValid = _ref.isValid,
+    _ref$skip = _ref.skip,
+    skip = _ref$skip === void 0 ? false : _ref$skip;
+  const shouldSkip = skip || !projectKey || !importContainerKey || !jobId;
+  const fetchData = React.useCallback(() => {
+    if (shouldSkip) {
+      return _Promise.resolve(EMPTY_RESPONSE);
+    }
+    return getFileImportJobRecords({
+      projectKey: projectKey,
+      importContainerKey: importContainerKey,
+      jobId: jobId,
+      limit,
+      offset,
+      isValid
+    });
+  }, [shouldSkip, projectKey, importContainerKey, jobId, limit, offset, isValid]);
+  return useFetch(fetchData);
+};
+
 const useFetchImportContainerDetails = _ref => {
   let projectKey = _ref.projectKey,
     importContainerKey = _ref.importContainerKey,
@@ -2746,6 +2782,7 @@ const useFileImportJobUpload = _ref => {
           fileName: config.file.name,
           file: config.file
         },
+        autoProcess: config.autoProcess,
         onProgress: uploadProgress => {
           setProgress(uploadProgress);
           config.onProgress?.(uploadProgress);
@@ -2895,7 +2932,7 @@ const useFileUpload = _ref2 => {
     _ref2$pollingInterval = _ref2.pollingInterval,
     pollingInterval = _ref2$pollingInterval === void 0 ? 5000 : _ref2$pollingInterval,
     _ref2$maxPollingAttem = _ref2.maxPollingAttempts,
-    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 120 : _ref2$maxPollingAttem;
+    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 200 : _ref2$maxPollingAttem;
   const _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isUploading = _React$useState2[0],
@@ -2906,6 +2943,7 @@ const useFileUpload = _ref2 => {
     setProgress = _React$useState4[1];
   const _React$useState5 = React.useState({
       processed: 0,
+      total: 0,
       isValidating: false
     }),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
@@ -2922,6 +2960,7 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     setValidationProgress({
       processed: 0,
+      total: 0,
       isValidating: false
     });
   }, []);
@@ -2930,15 +2969,18 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     try {
       if (useJobBasedFlow) {
+        const totalResources = await countUniqueResourcesInCsv(config.file);
         await jobUpload.upload({
           file: config.file,
           resourceType: config.resourceType,
           settings: config.settings,
+          autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
             try {
               setValidationProgress({
                 processed: 0,
+                total: totalResources,
                 isValidating: true
               });
               const validatedJob = await pollJobUntilValidated({
@@ -2952,6 +2994,7 @@ const useFileUpload = _ref2 => {
                   const processed = job.summary?.total ?? 0;
                   setValidationProgress({
                     processed,
+                    total: totalResources,
                     isValidating: true
                   });
                   config.onValidationProgress?.(job);
@@ -2963,16 +3006,7 @@ const useFileUpload = _ref2 => {
               if (validatedJob.jobError) {
                 throw new HttpError(400, validatedJob.jobError.message, validatedJob.jobError);
               }
-              let results = [];
               if (validatedJob.summary.invalid > 0) {
-                const recordsResponse = await getFileImportJobRecords({
-                  projectKey,
-                  importContainerKey: containerKey,
-                  jobId,
-                  limit: 500,
-                  isValid: false
-                });
-                results = recordsResponse.results;
                 await safeDeleteContainer({
                   projectKey,
                   containerKey
@@ -2981,7 +3015,8 @@ const useFileUpload = _ref2 => {
               const result = {
                 containerKey,
                 summary: _objectSpread(_objectSpread({}, validatedJob.summary), {}, {
-                  results
+                  // TODO: Remove this once the old flow is fully removed
+                  results: []
                 }),
                 jobId,
                 job: validatedJob
@@ -2989,6 +3024,7 @@ const useFileUpload = _ref2 => {
               setIsUploading(false);
               setValidationProgress({
                 processed: 0,
+                total: 0,
                 isValidating: false
               });
               config.onSuccess(result);
@@ -3071,4 +3107,4 @@ const useFileUpload = _ref2 => {
   };
 };
 
-export { ActiveDragDropArea, COLUMN_DELIMITERS, CT_API_DOCS_URL, DELIMITERS, DisabledDropArea, DropAreaWrapper, EnabledDropArea, FILE_IMPORT_JOB_POLLING_INTERVAL, FileDropArea, FileDroppedArea, FileIcon, HttpError, IMPORT_LEGACY_MAX_FILE_SIZE_MB, IMPORT_LEGACY_MAX_ROW_COUNT, IMPORT_MAX_FILE_SIZE_MB, IMPORT_MAX_ITEM_COUNT, IMPORT_TAG_KEYS, IMPORT_TAG_VALUES, ImportStates, InfoBox, InvalidResponseError, LockIcon, NoResourcesToExportError, PollingAbortedError, ProjectKeyNotAvailableError, QueryPredicateError, RESOURCE_TYPE_DOCUMENTATION_LINKS, RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS, TAG_KEY_SOURCE_FILE_UPLOAD, UnexpectedColumnError, UnexpectedOperationStateError, UnexpectedResourceTypeError, UploadSeparator, UploadSettings, UploadingModal, allAutomatedImportOperations, allAutomatedImportOperationsResponse, allFileUploadImportOperations, allFileUploadImportOperationsResponse, appendCsvOrJsonExtensionIfAbsent, assertCancelContainerResponse, assertExportOperationsDownloadFileResponse, assertFileImportJob, assertFileImportJobRecordsResponse, assertFileUploadResponse, assertImportContainer, assertImportContainerPagedResponse, assertImportOperationPagedResponse, assertImportSummary, assertListFileImportJobsResponse, assertPaginatedExportOperationResponse, assertProcessFileImportJobResponse, assertProcessFileResponse, assertResourceType, automatedImportContainerKey, automatedImports, cancelImportContainerByKey, checkIfFileUploadImport, convertFileSizeToKB, countJsonFileItems, countUniqueResourcesInCsv, createFileImportJob, createImportContainerForFileUpload, decodeFileNameFromImportContainerKey, deleteFileImportJob, deleteImportContainer, dropAreaStyles, encodeFileNameWithTimestampToContainerKey, exportOperationsCompleted, exportOperationsProcessing, extractErrorDescriptionFromValidationMessage, fetchExportOperations, fetchImportContainerByKey, fetchImportContainerDetails, fetchImportContainers, fetchImportOperations, fetchImportSummaries, fetchImportSummary, fetchUsingXhr, fetcher, fileUploadImportContainerKey, fileUploadMissingKeysResponse, formatErrorCode, formatKeys, formatQueryString, getCreateImportContainerURL, getDeleteImportContainerURL, getExportOperationsURL, getFileImportJob, getFileImportJobByIdURL, getFileImportJobDeleteURL, getFileImportJobFileType, getFileImportJobProcessURL, getFileImportJobRecords, getFileImportJobRecordsURL, getFileImportJobsListURL, getFileImportJobsURL, getFileUploadErrorsCount, getFileUploadURL, getImportContainerByKeyURL, getImportContainerTasksURL, getImportContainersURL, getImportOperationsURL, getImportState, getImportSummaryURL, getMissingRequiredFields, getProccessFileURL, getRowCount, getValidatedColumns, hasOwnProperty, hasRequiredFields, hasSingleKeyColumn, importContainers, importStatesMap, importsSummaries, invalidFileImportJobRecordsResponse, invalidFileImportJobValidated, invalidFileUploadResponse, isAbortError, isError, isImportJobInitializing, isImportJobProcessing, isImportJobQueued, isImportJobReady, isImportJobRejected, isImportJobTerminal, isImportJobValidated, isResourceType, listFileImportJobs, manualImports, mapFileUploadErrorsToUploadFileErrorRows, mapFormikErrors, mapUploadFileErrorsResponseToUploadFileErrorRows, pollJobUntilValidated, processFileImportJob, processFileImportJobResponse, processUploadedFile, shouldContinuePollingForImportValidation, successfulAutomatedImportOperations, successfulAutomatedImportOperationsResponse, successfulFileUploadImportOperations, successfulFileUploadImportOperationsResponse, toBytes, toImportApiResourceType, uploadFileForImport, useFetchExportOperations, useFetchFileImportJob, useFetchImportContainerDetails, useFetchImportOperations, useFetchImportSummaries, useFileImportJobUpload, useFileUpload, useImportContainerUpload, validFileImportJobProcessing, validFileImportJobQueued, validFileImportJobRecordsResponse, validFileImportJobValidated, validFileUploadResponse, validProcessFileResponse, validateDelimiter };
+export { ActiveDragDropArea, COLUMN_DELIMITERS, CT_API_DOCS_URL, DELIMITERS, DisabledDropArea, DropAreaWrapper, EnabledDropArea, FILE_IMPORT_JOB_POLLING_INTERVAL, FileDropArea, FileDroppedArea, FileIcon, HttpError, IMPORT_LEGACY_MAX_FILE_SIZE_MB, IMPORT_LEGACY_MAX_ROW_COUNT, IMPORT_MAX_FILE_SIZE_MB, IMPORT_MAX_ITEM_COUNT, IMPORT_TAG_KEYS, IMPORT_TAG_VALUES, ImportStates, InfoBox, InvalidResponseError, LockIcon, NoResourcesToExportError, PollingAbortedError, ProjectKeyNotAvailableError, QueryPredicateError, RESOURCE_TYPE_DOCUMENTATION_LINKS, RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS, TAG_KEY_SOURCE_FILE_UPLOAD, UnexpectedColumnError, UnexpectedOperationStateError, UnexpectedResourceTypeError, UploadSeparator, UploadSettings, UploadingModal, allAutomatedImportOperations, allAutomatedImportOperationsResponse, allFileUploadImportOperations, allFileUploadImportOperationsResponse, appendCsvOrJsonExtensionIfAbsent, assertCancelContainerResponse, assertExportOperationsDownloadFileResponse, assertFileImportJob, assertFileImportJobRecordsResponse, assertFileUploadResponse, assertImportContainer, assertImportContainerPagedResponse, assertImportOperationPagedResponse, assertImportSummary, assertListFileImportJobsResponse, assertPaginatedExportOperationResponse, assertProcessFileImportJobResponse, assertProcessFileResponse, assertResourceType, automatedImportContainerKey, automatedImports, cancelImportContainerByKey, checkIfFileUploadImport, convertFileSizeToKB, countJsonFileItems, countUniqueResourcesInCsv, createFileImportJob, createImportContainerForFileUpload, decodeFileNameFromImportContainerKey, deleteFileImportJob, deleteImportContainer, dropAreaStyles, encodeFileNameWithTimestampToContainerKey, exportOperationsCompleted, exportOperationsProcessing, extractErrorDescriptionFromValidationMessage, fetchExportOperations, fetchImportContainerByKey, fetchImportContainerDetails, fetchImportContainers, fetchImportOperations, fetchImportSummaries, fetchImportSummary, fetchUsingXhr, fetcher, fileUploadImportContainerKey, fileUploadMissingKeysResponse, formatErrorCode, formatKeys, formatQueryString, getCreateImportContainerURL, getDeleteImportContainerURL, getExportOperationsURL, getFileImportJob, getFileImportJobByIdURL, getFileImportJobDeleteURL, getFileImportJobFileType, getFileImportJobProcessURL, getFileImportJobRecords, getFileImportJobRecordsURL, getFileImportJobsListURL, getFileImportJobsURL, getFileUploadErrorsCount, getFileUploadURL, getImportContainerByKeyURL, getImportContainerTasksURL, getImportContainersURL, getImportOperationsURL, getImportState, getImportSummaryURL, getMissingRequiredFields, getProccessFileURL, getRowCount, getValidatedColumns, hasOwnProperty, hasRequiredFields, hasSingleKeyColumn, importContainers, importStatesMap, importsSummaries, invalidFileImportJobRecordsResponse, invalidFileImportJobValidated, invalidFileUploadResponse, isAbortError, isError, isImportJobInitializing, isImportJobProcessing, isImportJobQueued, isImportJobReady, isImportJobRejected, isImportJobTerminal, isImportJobValidated, isResourceType, listFileImportJobs, manualImports, mapFileUploadErrorsToUploadFileErrorRows, mapFormikErrors, mapUploadFileErrorsResponseToUploadFileErrorRows, pollJobUntilValidated, processFileImportJob, processFileImportJobResponse, processUploadedFile, shouldContinuePollingForImportValidation, successfulAutomatedImportOperations, successfulAutomatedImportOperationsResponse, successfulFileUploadImportOperations, successfulFileUploadImportOperationsResponse, toBytes, toImportApiResourceType, uploadFileForImport, useFetchExportOperations, useFetchFileImportJob, useFetchFileImportJobRecords, useFetchImportContainerDetails, useFetchImportOperations, useFetchImportSummaries, useFileImportJobUpload, useFileUpload, useImportContainerUpload, validFileImportJobProcessing, validFileImportJobQueued, validFileImportJobRecordsResponse, validFileImportJobValidated, validFileUploadResponse, validProcessFileResponse, validateDelimiter };

package/dist/declarations/src/@api/file-import-jobs.d.ts

@@ -1,5 +1,5 @@
 import type { FileImportJob, CreateFileImportJobParameters, GetFileImportJobParameters, GetFileImportJobRecordsParameters, ProcessFileImportJobParameters, ProcessFileImportJobResponse, DeleteFileImportJobParameters, ListFileImportJobsParameters, ListFileImportJobsResponse, FileImportJobRecordsResponse } from "../@types/index.js";
-export declare function createFileImportJob({ projectKey, resourceType, importContainerKey, payload, onProgress, abortSignal, }: CreateFileImportJobParameters): Promise<FileImportJob>;
+export declare function createFileImportJob({ projectKey, resourceType, importContainerKey, payload, autoProcess, onProgress, abortSignal, }: CreateFileImportJobParameters): Promise<FileImportJob>;
 export declare function getFileImportJob({ projectKey, importContainerKey, jobId, }: GetFileImportJobParameters): Promise<FileImportJob>;
 export declare function getFileImportJobRecords({ projectKey, importContainerKey, jobId, limit, offset, isValid, }: GetFileImportJobRecordsParameters): Promise<FileImportJobRecordsResponse>;
 export declare function processFileImportJob({ projectKey, resourceType, importContainerKey, jobId, action, }: ProcessFileImportJobParameters): Promise<ProcessFileImportJobResponse>;

package/dist/declarations/src/@constants/import-limits.d.ts

@@ -1,4 +1,4 @@
-export declare const IMPORT_MAX_FILE_SIZE_MB = 200;
+export declare const IMPORT_MAX_FILE_SIZE_MB = 100;
 export declare const IMPORT_MAX_ITEM_COUNT = 500000;
 /** @deprecated Use IMPORT_MAX_FILE_SIZE_MB instead. Remove after migration. */
 export declare const IMPORT_LEGACY_MAX_FILE_SIZE_MB = 35;

package/dist/declarations/src/@hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./use-fetch-export-operations.js";
 export * from "./use-fetch-file-import-job.js";
+export * from "./use-fetch-file-import-job-records.js";
 export * from "./use-fetch-import-container-details.js";
 export * from "./use-fetch-import-operations.js";
 export * from "./use-fetch-import-summaries.js";

package/dist/declarations/src/@hooks/use-fetch-file-import-job-records.d.ts

@@ -0,0 +1,18 @@
+import type { FileImportJobRecordsResponse } from "../@types/index.js";
+type UseFetchFileImportJobRecordsConfig = {
+    projectKey?: string;
+    importContainerKey?: string;
+    jobId?: string;
+    limit?: number;
+    offset?: number;
+    isValid?: boolean;
+    skip?: boolean;
+};
+export declare const useFetchFileImportJobRecords: ({ projectKey, importContainerKey, jobId, limit, offset, isValid, skip, }: UseFetchFileImportJobRecordsConfig) => {
+    data: FileImportJobRecordsResponse | null;
+    error: Error | null;
+    isLoading: boolean;
+    refetch: () => void;
+    lastFetchTime: Date;
+};
+export {};

package/dist/declarations/src/@hooks/use-file-import-job-upload.d.ts

@@ -4,6 +4,7 @@ export type UseFileImportJobUploadConfig = {
     file: File;
     resourceType: ResourceTypeId;
     settings?: ExtendedImportContainerDraft['settings'];
+    autoProcess?: boolean;
     onSuccess: (jobId: string, importContainerKey: string) => void;
     onError?: (error: unknown) => void;
     onProgress?: (progress: number) => void;

package/dist/declarations/src/@hooks/use-file-upload.d.ts

@@ -2,12 +2,14 @@ import type { ResourceTypeId } from '@commercetools/importapi-sdk';
 import type { ExtendedImportContainerDraft, FileUploadResult, FileImportJob } from "../@types/index.js";
 export type ValidationProgress = {
     processed: number;
+    total: number;
     isValidating: boolean;
 };
 export type FileUploadConfig = {
     file: File;
     resourceType: ResourceTypeId;
     settings?: ExtendedImportContainerDraft['settings'];
+    autoProcess?: boolean;
     onSuccess: (result: FileUploadResult) => void;
     onError?: (error: unknown) => void;
     onProgress?: (progress: number) => void;

package/dist/declarations/src/@types/file-import-job.d.ts

@@ -39,6 +39,7 @@ export interface CreateFileImportJobParameters {
     resourceType: string;
     importContainerKey: string;
     payload: CreateFileImportJobPayload;
+    autoProcess?: boolean;
     onProgress?: (progress: number) => void;
     abortSignal?: AbortSignal;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend-extensions/operations",
-  "version": "3.0.0",
+  "version": "3.1.1",
   "license": "Proprietary",
   "publishConfig": {
     "access": "public"
@@ -18,14 +18,14 @@
     "react-dropzone": "14.3.8"
   },
   "devDependencies": {
-    "@commercetools-frontend/actions-global": "24.11.0",
-    "@commercetools-frontend/application-components": "24.11.0",
-    "@commercetools-frontend/application-shell": "24.11.0",
-    "@commercetools-frontend/application-shell-connectors": "24.11.0",
-    "@commercetools-frontend/constants": "24.11.0",
-    "@commercetools-frontend/jest-preset-mc-app": "24.11.0",
-    "@commercetools-frontend/permissions": "24.11.0",
-    "@commercetools-frontend/sentry": "24.11.0",
+    "@commercetools-frontend/actions-global": "24.12.0",
+    "@commercetools-frontend/application-components": "24.12.0",
+    "@commercetools-frontend/application-shell": "24.12.0",
+    "@commercetools-frontend/application-shell-connectors": "24.12.0",
+    "@commercetools-frontend/constants": "24.12.0",
+    "@commercetools-frontend/jest-preset-mc-app": "24.12.0",
+    "@commercetools-frontend/permissions": "24.12.0",
+    "@commercetools-frontend/sentry": "24.12.0",
     "@commercetools-frontend/ui-kit": "20.3.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",

package/src/@api/file-import-jobs.ts

@@ -33,6 +33,7 @@ export function createFileImportJob({
   resourceType,
   importContainerKey,
   payload,
+  autoProcess = false,
   onProgress,
   abortSignal,
 }: CreateFileImportJobParameters): Promise<FileImportJob> {
@@ -48,6 +49,7 @@ export function createFileImportJob({
       formData.append('fileType', payload.fileType)
       formData.append('fileName', payload.fileName)
       formData.append('file', payload.file, payload.fileName)
+      formData.append('autoProcess', autoProcess ? 'true' : 'false')
 
       fetchUsingXhr({
         url,

package/src/@constants/import-limits.ts

@@ -1,4 +1,4 @@
-export const IMPORT_MAX_FILE_SIZE_MB = 200
+export const IMPORT_MAX_FILE_SIZE_MB = 100
 
 export const IMPORT_MAX_ITEM_COUNT = 500_000
 

package/src/@hooks/index.ts

@@ -1,5 +1,6 @@
 export * from './use-fetch-export-operations'
 export * from './use-fetch-file-import-job'
+export * from './use-fetch-file-import-job-records'
 export * from './use-fetch-import-container-details'
 export * from './use-fetch-import-operations'
 export * from './use-fetch-import-summaries'

package/src/@hooks/use-fetch-file-import-job-records.ts

@@ -0,0 +1,58 @@
+import React from 'react'
+import { getFileImportJobRecords } from '../@api'
+import type { FileImportJobRecordsResponse } from '../@types'
+import { useFetch } from './use-fetch'
+
+type UseFetchFileImportJobRecordsConfig = {
+  projectKey?: string
+  importContainerKey?: string
+  jobId?: string
+  limit?: number
+  offset?: number
+  isValid?: boolean
+  skip?: boolean
+}
+
+const EMPTY_RESPONSE: FileImportJobRecordsResponse = {
+  results: [],
+  total: 0,
+  limit: 0,
+  offset: 0,
+  count: 0,
+}
+
+export const useFetchFileImportJobRecords = ({
+  projectKey,
+  importContainerKey,
+  jobId,
+  limit,
+  offset,
+  isValid,
+  skip = false,
+}: UseFetchFileImportJobRecordsConfig) => {
+  const shouldSkip = skip || !projectKey || !importContainerKey || !jobId
+
+  const fetchData = React.useCallback(() => {
+    if (shouldSkip) {
+      return Promise.resolve(EMPTY_RESPONSE)
+    }
+    return getFileImportJobRecords({
+      projectKey: projectKey!,
+      importContainerKey: importContainerKey!,
+      jobId: jobId!,
+      limit,
+      offset,
+      isValid,
+    })
+  }, [
+    shouldSkip,
+    projectKey,
+    importContainerKey,
+    jobId,
+    limit,
+    offset,
+    isValid,
+  ])
+
+  return useFetch<FileImportJobRecordsResponse>(fetchData)
+}

package/src/@hooks/use-file-import-job-upload.ts

@@ -17,6 +17,7 @@ export type UseFileImportJobUploadConfig = {
   file: File
   resourceType: ResourceTypeId
   settings?: ExtendedImportContainerDraft['settings']
+  autoProcess?: boolean
   onSuccess: (jobId: string, importContainerKey: string) => void
   onError?: (error: unknown) => void
   onProgress?: (progress: number) => void
@@ -64,6 +65,7 @@ export const useFileImportJobUpload = ({
             fileName: config.file.name,
             file: config.file,
           },
+          autoProcess: config.autoProcess,
           onProgress: (uploadProgress) => {
             setProgress(uploadProgress)
             config.onProgress?.(uploadProgress)

package/src/@hooks/use-file-upload.ts

@@ -2,9 +2,9 @@ import React from 'react'
 import type { ResourceTypeId } from '@commercetools/importapi-sdk'
 import { useImportContainerUpload } from './use-import-container-upload'
 import { useFileImportJobUpload } from './use-file-import-job-upload'
-import { getFileImportJobRecords, deleteImportContainer } from '../@api'
+import { deleteImportContainer } from '../@api'
 import { HttpError, PollingAbortedError } from '../@errors'
-import { pollJobUntilValidated } from '../@utils'
+import { pollJobUntilValidated, countUniqueResourcesInCsv } from '../@utils'
 import type {
   ExtendedImportContainerDraft,
   FileUploadResult,
@@ -13,6 +13,7 @@ import type {
 
 export type ValidationProgress = {
   processed: number
+  total: number
   isValidating: boolean
 }
 
@@ -20,6 +21,7 @@ export type FileUploadConfig = {
   file: File
   resourceType: ResourceTypeId
   settings?: ExtendedImportContainerDraft['settings']
+  autoProcess?: boolean
   onSuccess: (result: FileUploadResult) => void
   onError?: (error: unknown) => void
   onProgress?: (progress: number) => void
@@ -53,13 +55,14 @@ export const useFileUpload = ({
   projectKey,
   useJobBasedFlow = false,
   pollingInterval = 5000,
-  maxPollingAttempts = 120,
+  maxPollingAttempts = 200,
 }: FileUploadOptions) => {
   const [isUploading, setIsUploading] = React.useState(false)
   const [progress, setProgress] = React.useState(0)
   const [validationProgress, setValidationProgress] =
     React.useState<ValidationProgress>({
       processed: 0,
+      total: 0,
       isValidating: false,
     })
 
@@ -69,7 +72,7 @@ export const useFileUpload = ({
   const resetState = React.useCallback(() => {
     setIsUploading(false)
     setProgress(0)
-    setValidationProgress({ processed: 0, isValidating: false })
+    setValidationProgress({ processed: 0, total: 0, isValidating: false })
   }, [])
 
   const upload = React.useCallback(
@@ -79,14 +82,21 @@ export const useFileUpload = ({
 
       try {
         if (useJobBasedFlow) {
+          const totalResources = await countUniqueResourcesInCsv(config.file)
+
           await jobUpload.upload({
             file: config.file,
             resourceType: config.resourceType,
             settings: config.settings,
+            autoProcess: config.autoProcess,
             abortSignal: config.abortSignal,
             onSuccess: async (jobId, containerKey) => {
               try {
-                setValidationProgress({ processed: 0, isValidating: true })
+                setValidationProgress({
+                  processed: 0,
+                  total: totalResources,
+                  isValidating: true,
+                })
 
                 const validatedJob = await pollJobUntilValidated({
                   projectKey,
@@ -97,7 +107,11 @@ export const useFileUpload = ({
                   abortSignal: config.abortSignal,
                   onJobUpdate: (job) => {
                     const processed = job.summary?.total ?? 0
-                    setValidationProgress({ processed, isValidating: true })
+                    setValidationProgress({
+                      processed,
+                      total: totalResources,
+                      isValidating: true,
+                    })
                     config.onValidationProgress?.(job)
                   },
                 })
@@ -112,16 +126,7 @@ export const useFileUpload = ({
                   )
                 }
 
-                let results: FileUploadResult['summary']['results'] = []
                 if (validatedJob.summary.invalid > 0) {
-                  const recordsResponse = await getFileImportJobRecords({
-                    projectKey,
-                    importContainerKey: containerKey,
-                    jobId,
-                    limit: 500,
-                    isValid: false,
-                  })
-                  results = recordsResponse.results
                   await safeDeleteContainer({ projectKey, containerKey })
                 }
 
@@ -129,14 +134,19 @@ export const useFileUpload = ({
                   containerKey,
                   summary: {
                     ...validatedJob.summary,
-                    results,
+                    // TODO: Remove this once the old flow is fully removed
+                    results: [],
                   },
                   jobId,
                   job: validatedJob,
                 }
 
                 setIsUploading(false)
-                setValidationProgress({ processed: 0, isValidating: false })
+                setValidationProgress({
+                  processed: 0,
+                  total: 0,
+                  isValidating: false,
+                })
                 config.onSuccess(result)
               } catch (error) {
                 await safeDeleteContainer({ projectKey, containerKey })

package/src/@types/file-import-job.ts

@@ -56,6 +56,7 @@ export interface CreateFileImportJobParameters {
   resourceType: string
   importContainerKey: string
   payload: CreateFileImportJobPayload
+  autoProcess?: boolean
   onProgress?: (progress: number) => void
   abortSignal?: AbortSignal
 }

package/src/@utils/poll-job-until-validated.ts

@@ -18,7 +18,7 @@ export const pollJobUntilValidated = async ({
   jobId,
   importContainerKey,
   pollingInterval = 5000,
-  maxAttempts = 120,
+  maxAttempts = 200,
   onJobUpdate,
   abortSignal,
 }: PollJobUntilValidatedConfig): Promise<FileImportJob> => {