@commercetools-frontend-extensions/operations 3.1.1 → 3.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @commercetools-frontend-extensions/operations
 
+## 3.2.0
+
+### Minor Changes
+
+- [#1684](https://github.com/commercetools/merchant-center-operations/pull/1684) [`6dbe7fc`](https://github.com/commercetools/merchant-center-operations/commit/6dbe7fcff7440e42df01aaaf89dad93cb3bb3126) Thanks [@yassinejebli](https://github.com/yassinejebli)! - fix(import-details): fix progress calculation for new file import flow
+
+## 3.1.2
+
+### Patch Changes
+
+- [#1678](https://github.com/commercetools/merchant-center-operations/pull/1678) [`482dfc3`](https://github.com/commercetools/merchant-center-operations/commit/482dfc367ab236be9767896da0404f34afb33dd2) Thanks [@yassinejebli](https://github.com/yassinejebli)! - feat: add `skipValidationPolling` to skip import validation for the new flow
+
 ## 3.1.1
 
 ### Patch Changes

package/README.md

@@ -43,6 +43,7 @@ const { upload, isUploading, progress, validationProgress } = useFileUpload({
 - `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`
+- `skipValidationPolling` (optional): When `true`, skips full validation polling and returns once the job reaches `processing` state. Useful for fire-and-forget uploads with `autoProcess: true` (job-based flow only). Default: `false`
 - `abortSignal` (optional): AbortSignal for cancellation
 - `onSuccess` (required): Callback when upload completes
 - `onError` (optional): Callback for errors
@@ -73,6 +74,7 @@ await upload({
     }
   },
   autoProcess?: boolean, // job-based flow only, default: false
+  skipValidationPolling?: boolean, // job-based flow only, default: false
   abortSignal: abortController.signal,
   onSuccess: (result) => {
     // result.containerKey - Import container key

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

@@ -22,8 +22,8 @@ var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var constants = require('@commercetools-frontend/constants');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var pluralize = require('pluralize');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _flatMapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat-map');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -371,14 +371,9 @@ function assertProcessFileImportJobResponse(maybeResponse) {
   throw new Error('Invalid Process File Import Job response');
 }
 function assertListFileImportJobsResponse(maybeResponse) {
-  if (!_Array$isArray__default["default"](maybeResponse)) {
-    throw new Error('Invalid List File Import Jobs response: expected an array');
-  }
-  if (maybeResponse.length > 0) {
-    const requiredFields = ['id', 'fileName', 'importContainerKey', 'state'];
-    if (!hasRequiredFields(maybeResponse[0], requiredFields)) {
-      throw new Error('Invalid List File Import Jobs response: missing required fields');
-    }
+  const requiredFields = ['results', 'total', 'limit', 'offset', 'count'];
+  if (!hasRequiredFields(maybeResponse, requiredFields)) {
+    throw new Error('Invalid List File Import Jobs response: missing required fields');
   }
 }
 
@@ -482,6 +477,9 @@ function isImportJobRejected(job) {
 function isImportJobTerminal(job) {
   return isImportJobValidated(job) || isImportJobRejected(job);
 }
+function hasImportJobStartedProcessing(job) {
+  return !isImportJobQueued(job);
+}
 function shouldContinuePollingForImportValidation(job) {
   if (!job) return true;
   return isImportJobQueued(job) || isImportJobProcessing(job);
@@ -735,6 +733,52 @@ const decodeFileNameFromImportContainerKey = importContainerKey => {
   }
 };
 
+const pollJobUntilProcessing = async _ref => {
+  let projectKey = _ref.projectKey,
+    jobId = _ref.jobId,
+    importContainerKey = _ref.importContainerKey,
+    _ref$pollingInterval = _ref.pollingInterval,
+    pollingInterval = _ref$pollingInterval === void 0 ? 1000 : _ref$pollingInterval,
+    _ref$maxAttempts = _ref.maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 60 : _ref$maxAttempts,
+    abortSignal = _ref.abortSignal;
+  let attempts = 0;
+  while (attempts < maxAttempts) {
+    if (abortSignal?.aborted) {
+      throw new PollingAbortedError();
+    }
+    const job = await getFileImportJob({
+      projectKey,
+      importContainerKey,
+      jobId
+    });
+    if (abortSignal?.aborted) {
+      throw new PollingAbortedError();
+    }
+    if (hasImportJobStartedProcessing(job)) {
+      return job;
+    }
+    await new _Promise__default["default"]((resolve, reject) => {
+      let timeoutId;
+      const onAbort = () => {
+        clearTimeout(timeoutId);
+        reject(new PollingAbortedError());
+      };
+      if (abortSignal?.aborted) {
+        reject(new PollingAbortedError());
+        return;
+      }
+      timeoutId = _setTimeout__default["default"](() => {
+        abortSignal?.removeEventListener('abort', onAbort);
+        resolve();
+      }, pollingInterval);
+      abortSignal?.addEventListener('abort', onAbort);
+    });
+    attempts++;
+  }
+  throw new Error(`Job did not start processing after ${maxAttempts} attempts (${maxAttempts * pollingInterval / 1000}s)`);
+};
+
 const pollJobUntilValidated = async _ref => {
   let projectKey = _ref.projectKey,
     jobId = _ref.jobId,
@@ -1111,10 +1155,46 @@ async function listFileImportJobs(_ref6) {
   assertListFileImportJobsResponse(response);
   return response;
 }
+/**
+ * Gets the file import job info for an import container
+ *
+ * For the new file import job flow, import operations are created incrementally
+ * during the 'initialising' state. The import summary total
+ * reflects only the operations created so far, which can be misleading
+ *
+ * This helper fetches the file import job (if it exists) to get:
+ * - The true total from the job summary (known from initial CSV validation)
+ * - Whether the job is still initializing (creating import operations)
+ *
+ * @returns Job info if found, null otherwise
+ */
+async function getFileImportJobInfoForContainer(_ref7) {
+  let projectKey = _ref7.projectKey,
+    importContainerKey = _ref7.importContainerKey;
+  try {
+    const response = await listFileImportJobs({
+      projectKey,
+      importContainerKey,
+      limit: 1
+    });
+    if (response.results.length > 0 && response.results[0].summary?.total != null) {
+      const job = response.results[0];
+      return {
+        total: job.summary.total,
+        isInitializing: job.state === 'initialising'
+      };
+    }
+    return null;
+  } catch {
+    // Job might not exist (old flow)
+    return null;
+  }
+}
 
 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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function getImportState(importSummary) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const processing = importSummary.states.processing > 0;
   if (processing) return ImportStates.Processing;
   const waitForUnresolvedReferences = importSummary.states.waitForMasterVariant > 0 || importSummary.states.unresolved > 0;
@@ -1123,6 +1203,11 @@ function getImportState(importSummary) {
   if (partiallyCompleted) return ImportStates.PartiallyCompleted;
   const noRunning = importSummary.total === 0;
   if (noRunning) return ImportStates.NoRunningImports;
+
+  // For the new flow: job is actively creating import operations (to show as Processing even if no operations exist yet)
+  if (options.isJobInitializing) {
+    return ImportStates.Processing;
+  }
   const successfullyCompleted = importSummary.states.imported === importSummary.total || importSummary.states.deleted === importSummary.total;
   if (successfullyCompleted) return ImportStates.SuccessfullyCompleted;
   const failed = importSummary.states.rejected + importSummary.states.validationFailed === importSummary.total;
@@ -1271,12 +1356,33 @@ async function cancelImportContainerByKey(_ref8) {
   return response;
 }
 async function importContainerToContainerDetails(projectKey, importContainer) {
-  const importSummary = await fetchImportSummary({
+  let importSummary = await fetchImportSummary({
     projectKey,
     importContainerKey: importContainer.key
   });
-  const importState = getImportState(importSummary);
   const isFileUploadImport = checkIfFileUploadImport(importContainer.tags);
+
+  // For the new file import job flow the import operations are created incrementally
+  // The import summary total reflects only operations created so far
+  // Only override total when job is actively initializing (creating operations)
+  let isJobInitializing = false;
+  if (isFileUploadImport) {
+    const jobInfo = await getFileImportJobInfoForContainer({
+      projectKey,
+      importContainerKey: importContainer.key
+    });
+    if (jobInfo !== null) {
+      isJobInitializing = jobInfo.isInitializing;
+      if (isJobInitializing || importSummary.total > 0) {
+        importSummary = _objectSpread$6(_objectSpread$6({}, importSummary), {}, {
+          total: jobInfo.total
+        });
+      }
+    }
+  }
+  const importState = getImportState(importSummary, {
+    isJobInitializing
+  });
   return {
     importContainer: importContainer,
     importState,
@@ -3009,7 +3115,7 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     try {
       if (useJobBasedFlow) {
-        const totalResources = await countUniqueResourcesInCsv(config.file);
+        const totalResources = config.skipValidationPolling ? 0 : await countUniqueResourcesInCsv(config.file);
         await jobUpload.upload({
           file: config.file,
           resourceType: config.resourceType,
@@ -3017,6 +3123,42 @@ const useFileUpload = _ref2 => {
           autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
+            if (config.skipValidationPolling) {
+              try {
+                const processingJob = await pollJobUntilProcessing({
+                  projectKey,
+                  jobId,
+                  importContainerKey: containerKey,
+                  abortSignal: config.abortSignal
+                });
+                const result = {
+                  containerKey,
+                  summary: {
+                    total: processingJob.summary?.total ?? 0,
+                    valid: processingJob.summary?.valid ?? 0,
+                    invalid: processingJob.summary?.invalid ?? 0,
+                    fieldsCount: processingJob.summary?.fieldsCount ?? 0,
+                    fields: processingJob.summary?.fields ?? [],
+                    ignoredFields: processingJob.summary?.ignoredFields ?? [],
+                    results: []
+                  },
+                  jobId,
+                  job: processingJob
+                };
+                setIsUploading(false);
+                config.onSuccess(result);
+              } catch (error) {
+                await safeDeleteContainer({
+                  projectKey,
+                  containerKey
+                });
+                resetState();
+                if (!(error instanceof PollingAbortedError)) {
+                  config.onError?.(error);
+                }
+              }
+              return;
+            }
             try {
               setValidationProgress({
                 processed: 0,
@@ -3239,6 +3381,7 @@ exports.getFileImportJob = getFileImportJob;
 exports.getFileImportJobByIdURL = getFileImportJobByIdURL;
 exports.getFileImportJobDeleteURL = getFileImportJobDeleteURL;
 exports.getFileImportJobFileType = getFileImportJobFileType;
+exports.getFileImportJobInfoForContainer = getFileImportJobInfoForContainer;
 exports.getFileImportJobProcessURL = getFileImportJobProcessURL;
 exports.getFileImportJobRecords = getFileImportJobRecords;
 exports.getFileImportJobRecordsURL = getFileImportJobRecordsURL;
@@ -3256,6 +3399,7 @@ exports.getMissingRequiredFields = getMissingRequiredFields;
 exports.getProccessFileURL = getProccessFileURL;
 exports.getRowCount = getRowCount;
 exports.getValidatedColumns = getValidatedColumns;
+exports.hasImportJobStartedProcessing = hasImportJobStartedProcessing;
 exports.hasOwnProperty = hasOwnProperty;
 exports.hasRequiredFields = hasRequiredFields;
 exports.hasSingleKeyColumn = hasSingleKeyColumn;
@@ -3280,6 +3424,7 @@ exports.manualImports = manualImports;
 exports.mapFileUploadErrorsToUploadFileErrorRows = mapFileUploadErrorsToUploadFileErrorRows;
 exports.mapFormikErrors = mapFormikErrors;
 exports.mapUploadFileErrorsResponseToUploadFileErrorRows = mapUploadFileErrorsResponseToUploadFileErrorRows;
+exports.pollJobUntilProcessing = pollJobUntilProcessing;
 exports.pollJobUntilValidated = pollJobUntilValidated;
 exports.processFileImportJob = processFileImportJob;
 exports.processFileImportJobResponse = processFileImportJobResponse;

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

@@ -22,8 +22,8 @@ var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var constants = require('@commercetools-frontend/constants');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var pluralize = require('pluralize');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _flatMapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat-map');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -371,14 +371,9 @@ function assertProcessFileImportJobResponse(maybeResponse) {
   throw new Error('Invalid Process File Import Job response');
 }
 function assertListFileImportJobsResponse(maybeResponse) {
-  if (!_Array$isArray__default["default"](maybeResponse)) {
-    throw new Error('Invalid List File Import Jobs response: expected an array');
-  }
-  if (maybeResponse.length > 0) {
-    const requiredFields = ['id', 'fileName', 'importContainerKey', 'state'];
-    if (!hasRequiredFields(maybeResponse[0], requiredFields)) {
-      throw new Error('Invalid List File Import Jobs response: missing required fields');
-    }
+  const requiredFields = ['results', 'total', 'limit', 'offset', 'count'];
+  if (!hasRequiredFields(maybeResponse, requiredFields)) {
+    throw new Error('Invalid List File Import Jobs response: missing required fields');
   }
 }
 
@@ -482,6 +477,9 @@ function isImportJobRejected(job) {
 function isImportJobTerminal(job) {
   return isImportJobValidated(job) || isImportJobRejected(job);
 }
+function hasImportJobStartedProcessing(job) {
+  return !isImportJobQueued(job);
+}
 function shouldContinuePollingForImportValidation(job) {
   if (!job) return true;
   return isImportJobQueued(job) || isImportJobProcessing(job);
@@ -735,6 +733,52 @@ const decodeFileNameFromImportContainerKey = importContainerKey => {
   }
 };
 
+const pollJobUntilProcessing = async _ref => {
+  let projectKey = _ref.projectKey,
+    jobId = _ref.jobId,
+    importContainerKey = _ref.importContainerKey,
+    _ref$pollingInterval = _ref.pollingInterval,
+    pollingInterval = _ref$pollingInterval === void 0 ? 1000 : _ref$pollingInterval,
+    _ref$maxAttempts = _ref.maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 60 : _ref$maxAttempts,
+    abortSignal = _ref.abortSignal;
+  let attempts = 0;
+  while (attempts < maxAttempts) {
+    if (abortSignal?.aborted) {
+      throw new PollingAbortedError();
+    }
+    const job = await getFileImportJob({
+      projectKey,
+      importContainerKey,
+      jobId
+    });
+    if (abortSignal?.aborted) {
+      throw new PollingAbortedError();
+    }
+    if (hasImportJobStartedProcessing(job)) {
+      return job;
+    }
+    await new _Promise__default["default"]((resolve, reject) => {
+      let timeoutId;
+      const onAbort = () => {
+        clearTimeout(timeoutId);
+        reject(new PollingAbortedError());
+      };
+      if (abortSignal?.aborted) {
+        reject(new PollingAbortedError());
+        return;
+      }
+      timeoutId = _setTimeout__default["default"](() => {
+        abortSignal?.removeEventListener('abort', onAbort);
+        resolve();
+      }, pollingInterval);
+      abortSignal?.addEventListener('abort', onAbort);
+    });
+    attempts++;
+  }
+  throw new Error(`Job did not start processing after ${maxAttempts} attempts (${maxAttempts * pollingInterval / 1000}s)`);
+};
+
 const pollJobUntilValidated = async _ref => {
   let projectKey = _ref.projectKey,
     jobId = _ref.jobId,
@@ -1111,10 +1155,46 @@ async function listFileImportJobs(_ref6) {
   assertListFileImportJobsResponse(response);
   return response;
 }
+/**
+ * Gets the file import job info for an import container
+ *
+ * For the new file import job flow, import operations are created incrementally
+ * during the 'initialising' state. The import summary total
+ * reflects only the operations created so far, which can be misleading
+ *
+ * This helper fetches the file import job (if it exists) to get:
+ * - The true total from the job summary (known from initial CSV validation)
+ * - Whether the job is still initializing (creating import operations)
+ *
+ * @returns Job info if found, null otherwise
+ */
+async function getFileImportJobInfoForContainer(_ref7) {
+  let projectKey = _ref7.projectKey,
+    importContainerKey = _ref7.importContainerKey;
+  try {
+    const response = await listFileImportJobs({
+      projectKey,
+      importContainerKey,
+      limit: 1
+    });
+    if (response.results.length > 0 && response.results[0].summary?.total != null) {
+      const job = response.results[0];
+      return {
+        total: job.summary.total,
+        isInitializing: job.state === 'initialising'
+      };
+    }
+    return null;
+  } catch {
+    // Job might not exist (old flow)
+    return null;
+  }
+}
 
 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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function getImportState(importSummary) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const processing = importSummary.states.processing > 0;
   if (processing) return ImportStates.Processing;
   const waitForUnresolvedReferences = importSummary.states.waitForMasterVariant > 0 || importSummary.states.unresolved > 0;
@@ -1123,6 +1203,11 @@ function getImportState(importSummary) {
   if (partiallyCompleted) return ImportStates.PartiallyCompleted;
   const noRunning = importSummary.total === 0;
   if (noRunning) return ImportStates.NoRunningImports;
+
+  // For the new flow: job is actively creating import operations (to show as Processing even if no operations exist yet)
+  if (options.isJobInitializing) {
+    return ImportStates.Processing;
+  }
   const successfullyCompleted = importSummary.states.imported === importSummary.total || importSummary.states.deleted === importSummary.total;
   if (successfullyCompleted) return ImportStates.SuccessfullyCompleted;
   const failed = importSummary.states.rejected + importSummary.states.validationFailed === importSummary.total;
@@ -1271,12 +1356,33 @@ async function cancelImportContainerByKey(_ref8) {
   return response;
 }
 async function importContainerToContainerDetails(projectKey, importContainer) {
-  const importSummary = await fetchImportSummary({
+  let importSummary = await fetchImportSummary({
     projectKey,
     importContainerKey: importContainer.key
   });
-  const importState = getImportState(importSummary);
   const isFileUploadImport = checkIfFileUploadImport(importContainer.tags);
+
+  // For the new file import job flow the import operations are created incrementally
+  // The import summary total reflects only operations created so far
+  // Only override total when job is actively initializing (creating operations)
+  let isJobInitializing = false;
+  if (isFileUploadImport) {
+    const jobInfo = await getFileImportJobInfoForContainer({
+      projectKey,
+      importContainerKey: importContainer.key
+    });
+    if (jobInfo !== null) {
+      isJobInitializing = jobInfo.isInitializing;
+      if (isJobInitializing || importSummary.total > 0) {
+        importSummary = _objectSpread$6(_objectSpread$6({}, importSummary), {}, {
+          total: jobInfo.total
+        });
+      }
+    }
+  }
+  const importState = getImportState(importSummary, {
+    isJobInitializing
+  });
   return {
     importContainer: importContainer,
     importState,
@@ -3001,7 +3107,7 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     try {
       if (useJobBasedFlow) {
-        const totalResources = await countUniqueResourcesInCsv(config.file);
+        const totalResources = config.skipValidationPolling ? 0 : await countUniqueResourcesInCsv(config.file);
         await jobUpload.upload({
           file: config.file,
           resourceType: config.resourceType,
@@ -3009,6 +3115,42 @@ const useFileUpload = _ref2 => {
           autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
+            if (config.skipValidationPolling) {
+              try {
+                const processingJob = await pollJobUntilProcessing({
+                  projectKey,
+                  jobId,
+                  importContainerKey: containerKey,
+                  abortSignal: config.abortSignal
+                });
+                const result = {
+                  containerKey,
+                  summary: {
+                    total: processingJob.summary?.total ?? 0,
+                    valid: processingJob.summary?.valid ?? 0,
+                    invalid: processingJob.summary?.invalid ?? 0,
+                    fieldsCount: processingJob.summary?.fieldsCount ?? 0,
+                    fields: processingJob.summary?.fields ?? [],
+                    ignoredFields: processingJob.summary?.ignoredFields ?? [],
+                    results: []
+                  },
+                  jobId,
+                  job: processingJob
+                };
+                setIsUploading(false);
+                config.onSuccess(result);
+              } catch (error) {
+                await safeDeleteContainer({
+                  projectKey,
+                  containerKey
+                });
+                resetState();
+                if (!(error instanceof PollingAbortedError)) {
+                  config.onError?.(error);
+                }
+              }
+              return;
+            }
             try {
               setValidationProgress({
                 processed: 0,
@@ -3231,6 +3373,7 @@ exports.getFileImportJob = getFileImportJob;
 exports.getFileImportJobByIdURL = getFileImportJobByIdURL;
 exports.getFileImportJobDeleteURL = getFileImportJobDeleteURL;
 exports.getFileImportJobFileType = getFileImportJobFileType;
+exports.getFileImportJobInfoForContainer = getFileImportJobInfoForContainer;
 exports.getFileImportJobProcessURL = getFileImportJobProcessURL;
 exports.getFileImportJobRecords = getFileImportJobRecords;
 exports.getFileImportJobRecordsURL = getFileImportJobRecordsURL;
@@ -3248,6 +3391,7 @@ exports.getMissingRequiredFields = getMissingRequiredFields;
 exports.getProccessFileURL = getProccessFileURL;
 exports.getRowCount = getRowCount;
 exports.getValidatedColumns = getValidatedColumns;
+exports.hasImportJobStartedProcessing = hasImportJobStartedProcessing;
 exports.hasOwnProperty = hasOwnProperty;
 exports.hasRequiredFields = hasRequiredFields;
 exports.hasSingleKeyColumn = hasSingleKeyColumn;
@@ -3272,6 +3416,7 @@ exports.manualImports = manualImports;
 exports.mapFileUploadErrorsToUploadFileErrorRows = mapFileUploadErrorsToUploadFileErrorRows;
 exports.mapFormikErrors = mapFormikErrors;
 exports.mapUploadFileErrorsResponseToUploadFileErrorRows = mapUploadFileErrorsResponseToUploadFileErrorRows;
+exports.pollJobUntilProcessing = pollJobUntilProcessing;
 exports.pollJobUntilValidated = pollJobUntilValidated;
 exports.processFileImportJob = processFileImportJob;
 exports.processFileImportJobResponse = processFileImportJobResponse;

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

@@ -18,8 +18,8 @@ import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
 import { MC_API_PROXY_TARGETS } from '@commercetools-frontend/constants';
 import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
-import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import { plural } from 'pluralize';
+import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import _flatMapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/flat-map';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
@@ -331,14 +331,9 @@ function assertProcessFileImportJobResponse(maybeResponse) {
   throw new Error('Invalid Process File Import Job response');
 }
 function assertListFileImportJobsResponse(maybeResponse) {
-  if (!_Array$isArray(maybeResponse)) {
-    throw new Error('Invalid List File Import Jobs response: expected an array');
-  }
-  if (maybeResponse.length > 0) {
-    const requiredFields = ['id', 'fileName', 'importContainerKey', 'state'];
-    if (!hasRequiredFields(maybeResponse[0], requiredFields)) {
-      throw new Error('Invalid List File Import Jobs response: missing required fields');
-    }
+  const requiredFields = ['results', 'total', 'limit', 'offset', 'count'];
+  if (!hasRequiredFields(maybeResponse, requiredFields)) {
+    throw new Error('Invalid List File Import Jobs response: missing required fields');
   }
 }
 
@@ -442,6 +437,9 @@ function isImportJobRejected(job) {
 function isImportJobTerminal(job) {
   return isImportJobValidated(job) || isImportJobRejected(job);
 }
+function hasImportJobStartedProcessing(job) {
+  return !isImportJobQueued(job);
+}
 function shouldContinuePollingForImportValidation(job) {
   if (!job) return true;
   return isImportJobQueued(job) || isImportJobProcessing(job);
@@ -695,6 +693,52 @@ const decodeFileNameFromImportContainerKey = importContainerKey => {
   }
 };
 
+const pollJobUntilProcessing = async _ref => {
+  let projectKey = _ref.projectKey,
+    jobId = _ref.jobId,
+    importContainerKey = _ref.importContainerKey,
+    _ref$pollingInterval = _ref.pollingInterval,
+    pollingInterval = _ref$pollingInterval === void 0 ? 1000 : _ref$pollingInterval,
+    _ref$maxAttempts = _ref.maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 60 : _ref$maxAttempts,
+    abortSignal = _ref.abortSignal;
+  let attempts = 0;
+  while (attempts < maxAttempts) {
+    if (abortSignal?.aborted) {
+      throw new PollingAbortedError();
+    }
+    const job = await getFileImportJob({
+      projectKey,
+      importContainerKey,
+      jobId
+    });
+    if (abortSignal?.aborted) {
+      throw new PollingAbortedError();
+    }
+    if (hasImportJobStartedProcessing(job)) {
+      return job;
+    }
+    await new _Promise((resolve, reject) => {
+      let timeoutId;
+      const onAbort = () => {
+        clearTimeout(timeoutId);
+        reject(new PollingAbortedError());
+      };
+      if (abortSignal?.aborted) {
+        reject(new PollingAbortedError());
+        return;
+      }
+      timeoutId = _setTimeout(() => {
+        abortSignal?.removeEventListener('abort', onAbort);
+        resolve();
+      }, pollingInterval);
+      abortSignal?.addEventListener('abort', onAbort);
+    });
+    attempts++;
+  }
+  throw new Error(`Job did not start processing after ${maxAttempts} attempts (${maxAttempts * pollingInterval / 1000}s)`);
+};
+
 const pollJobUntilValidated = async _ref => {
   let projectKey = _ref.projectKey,
     jobId = _ref.jobId,
@@ -1071,10 +1115,46 @@ async function listFileImportJobs(_ref6) {
   assertListFileImportJobsResponse(response);
   return response;
 }
+/**
+ * Gets the file import job info for an import container
+ *
+ * For the new file import job flow, import operations are created incrementally
+ * during the 'initialising' state. The import summary total
+ * reflects only the operations created so far, which can be misleading
+ *
+ * This helper fetches the file import job (if it exists) to get:
+ * - The true total from the job summary (known from initial CSV validation)
+ * - Whether the job is still initializing (creating import operations)
+ *
+ * @returns Job info if found, null otherwise
+ */
+async function getFileImportJobInfoForContainer(_ref7) {
+  let projectKey = _ref7.projectKey,
+    importContainerKey = _ref7.importContainerKey;
+  try {
+    const response = await listFileImportJobs({
+      projectKey,
+      importContainerKey,
+      limit: 1
+    });
+    if (response.results.length > 0 && response.results[0].summary?.total != null) {
+      const job = response.results[0];
+      return {
+        total: job.summary.total,
+        isInitializing: job.state === 'initialising'
+      };
+    }
+    return null;
+  } catch {
+    // Job might not exist (old flow)
+    return null;
+  }
+}
 
 function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getImportState(importSummary) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const processing = importSummary.states.processing > 0;
   if (processing) return ImportStates.Processing;
   const waitForUnresolvedReferences = importSummary.states.waitForMasterVariant > 0 || importSummary.states.unresolved > 0;
@@ -1083,6 +1163,11 @@ function getImportState(importSummary) {
   if (partiallyCompleted) return ImportStates.PartiallyCompleted;
   const noRunning = importSummary.total === 0;
   if (noRunning) return ImportStates.NoRunningImports;
+
+  // For the new flow: job is actively creating import operations (to show as Processing even if no operations exist yet)
+  if (options.isJobInitializing) {
+    return ImportStates.Processing;
+  }
   const successfullyCompleted = importSummary.states.imported === importSummary.total || importSummary.states.deleted === importSummary.total;
   if (successfullyCompleted) return ImportStates.SuccessfullyCompleted;
   const failed = importSummary.states.rejected + importSummary.states.validationFailed === importSummary.total;
@@ -1231,12 +1316,33 @@ async function cancelImportContainerByKey(_ref8) {
   return response;
 }
 async function importContainerToContainerDetails(projectKey, importContainer) {
-  const importSummary = await fetchImportSummary({
+  let importSummary = await fetchImportSummary({
     projectKey,
     importContainerKey: importContainer.key
   });
-  const importState = getImportState(importSummary);
   const isFileUploadImport = checkIfFileUploadImport(importContainer.tags);
+
+  // For the new file import job flow the import operations are created incrementally
+  // The import summary total reflects only operations created so far
+  // Only override total when job is actively initializing (creating operations)
+  let isJobInitializing = false;
+  if (isFileUploadImport) {
+    const jobInfo = await getFileImportJobInfoForContainer({
+      projectKey,
+      importContainerKey: importContainer.key
+    });
+    if (jobInfo !== null) {
+      isJobInitializing = jobInfo.isInitializing;
+      if (isJobInitializing || importSummary.total > 0) {
+        importSummary = _objectSpread$6(_objectSpread$6({}, importSummary), {}, {
+          total: jobInfo.total
+        });
+      }
+    }
+  }
+  const importState = getImportState(importSummary, {
+    isJobInitializing
+  });
   return {
     importContainer: importContainer,
     importState,
@@ -2969,7 +3075,7 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     try {
       if (useJobBasedFlow) {
-        const totalResources = await countUniqueResourcesInCsv(config.file);
+        const totalResources = config.skipValidationPolling ? 0 : await countUniqueResourcesInCsv(config.file);
         await jobUpload.upload({
           file: config.file,
           resourceType: config.resourceType,
@@ -2977,6 +3083,42 @@ const useFileUpload = _ref2 => {
           autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
+            if (config.skipValidationPolling) {
+              try {
+                const processingJob = await pollJobUntilProcessing({
+                  projectKey,
+                  jobId,
+                  importContainerKey: containerKey,
+                  abortSignal: config.abortSignal
+                });
+                const result = {
+                  containerKey,
+                  summary: {
+                    total: processingJob.summary?.total ?? 0,
+                    valid: processingJob.summary?.valid ?? 0,
+                    invalid: processingJob.summary?.invalid ?? 0,
+                    fieldsCount: processingJob.summary?.fieldsCount ?? 0,
+                    fields: processingJob.summary?.fields ?? [],
+                    ignoredFields: processingJob.summary?.ignoredFields ?? [],
+                    results: []
+                  },
+                  jobId,
+                  job: processingJob
+                };
+                setIsUploading(false);
+                config.onSuccess(result);
+              } catch (error) {
+                await safeDeleteContainer({
+                  projectKey,
+                  containerKey
+                });
+                resetState();
+                if (!(error instanceof PollingAbortedError)) {
+                  config.onError?.(error);
+                }
+              }
+              return;
+            }
             try {
               setValidationProgress({
                 processed: 0,
@@ -3107,4 +3249,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, useFetchFileImportJobRecords, 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, getFileImportJobInfoForContainer, getFileImportJobProcessURL, getFileImportJobRecords, getFileImportJobRecordsURL, getFileImportJobsListURL, getFileImportJobsURL, getFileUploadErrorsCount, getFileUploadURL, getImportContainerByKeyURL, getImportContainerTasksURL, getImportContainersURL, getImportOperationsURL, getImportState, getImportSummaryURL, getMissingRequiredFields, getProccessFileURL, getRowCount, getValidatedColumns, hasImportJobStartedProcessing, hasOwnProperty, hasRequiredFields, hasSingleKeyColumn, importContainers, importStatesMap, importsSummaries, invalidFileImportJobRecordsResponse, invalidFileImportJobValidated, invalidFileUploadResponse, isAbortError, isError, isImportJobInitializing, isImportJobProcessing, isImportJobQueued, isImportJobReady, isImportJobRejected, isImportJobTerminal, isImportJobValidated, isResourceType, listFileImportJobs, manualImports, mapFileUploadErrorsToUploadFileErrorRows, mapFormikErrors, mapUploadFileErrorsResponseToUploadFileErrorRows, pollJobUntilProcessing, 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

@@ -5,3 +5,24 @@ export declare function getFileImportJobRecords({ projectKey, importContainerKey
 export declare function processFileImportJob({ projectKey, resourceType, importContainerKey, jobId, action, }: ProcessFileImportJobParameters): Promise<ProcessFileImportJobResponse>;
 export declare function deleteFileImportJob({ projectKey, importContainerKey, jobId, }: DeleteFileImportJobParameters): Promise<void>;
 export declare function listFileImportJobs({ projectKey, importContainerKey, limit, offset, }: ListFileImportJobsParameters): Promise<ListFileImportJobsResponse>;
+export type FileImportJobInfo = {
+    total: number;
+    isInitializing: boolean;
+};
+/**
+ * Gets the file import job info for an import container
+ *
+ * For the new file import job flow, import operations are created incrementally
+ * during the 'initialising' state. The import summary total
+ * reflects only the operations created so far, which can be misleading
+ *
+ * This helper fetches the file import job (if it exists) to get:
+ * - The true total from the job summary (known from initial CSV validation)
+ * - Whether the job is still initializing (creating import operations)
+ *
+ * @returns Job info if found, null otherwise
+ */
+export declare function getFileImportJobInfoForContainer({ projectKey, importContainerKey, }: {
+    projectKey: string;
+    importContainerKey: string;
+}): Promise<FileImportJobInfo | null>;

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

@@ -1,6 +1,9 @@
 import type { ImportContainer, ImportContainerPagedResponse } from '@commercetools/importapi-sdk';
 import { ImportStates, type ImportContainerQueryParams, type CancelContainerResponse, type ImportSummary, type ExtendedImportContainerDraft, type ImportContainerDetails, type ImportSummaries } from "../@types/index.js";
-export declare function getImportState(importSummary: ImportSummary): ImportStates;
+type GetImportStateOptions = {
+    isJobInitializing?: boolean;
+};
+export declare function getImportState(importSummary: ImportSummary, options?: GetImportStateOptions): ImportStates;
 export declare function createImportContainerForFileUpload({ importContainerDraft, projectKey, }: {
     importContainerDraft: ExtendedImportContainerDraft;
     projectKey: string;
@@ -33,3 +36,4 @@ export declare function cancelImportContainerByKey({ projectKey, importContainer
     projectKey: string;
     importContainerKey: string;
 }): Promise<CancelContainerResponse>;
+export {};

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

@@ -10,6 +10,7 @@ export type FileUploadConfig = {
     resourceType: ResourceTypeId;
     settings?: ExtendedImportContainerDraft['settings'];
     autoProcess?: boolean;
+    skipValidationPolling?: boolean;
     onSuccess: (result: FileUploadResult) => void;
     onError?: (error: unknown) => void;
     onProgress?: (progress: number) => void;

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

@@ -93,7 +93,13 @@ export interface ListFileImportJobsParameters {
     limit?: number;
     offset?: number;
 }
-export type ListFileImportJobsResponse = FileImportJob[];
+export interface ListFileImportJobsResponse {
+    results: FileImportJob[];
+    total: number;
+    limit: number;
+    offset: number;
+    count: number;
+}
 export declare function assertFileImportJob(maybeJob: unknown): asserts maybeJob is FileImportJob;
 export declare function assertFileImportJobRecordsResponse(maybeRecords: unknown): asserts maybeRecords is FileImportJobRecordsResponse;
 export declare function assertProcessFileImportJobResponse(maybeResponse: unknown): asserts maybeResponse is ProcessFileImportJobResponse;

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

@@ -9,4 +9,5 @@ export declare function isImportJobInitializing(job?: FileImportJob): boolean;
 export declare function isImportJobReady(job?: FileImportJob): boolean;
 export declare function isImportJobRejected(job?: FileImportJob): boolean;
 export declare function isImportJobTerminal(job?: FileImportJob): boolean;
+export declare function hasImportJobStartedProcessing(job?: FileImportJob): boolean;
 export declare function shouldContinuePollingForImportValidation(job?: FileImportJob): boolean;

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

@@ -4,5 +4,6 @@ export * from "./file-upload.js";
 export * from "./form.js";
 export * from "./format.js";
 export * from "./import-container.js";
+export * from "./poll-job-until-processing.js";
 export * from "./poll-job-until-validated.js";
 export * from "./url.js";

package/dist/declarations/src/@utils/poll-job-until-processing.d.ts

@@ -0,0 +1,10 @@
+import type { FileImportJob } from "../@types/index.js";
+export type PollJobUntilProcessingConfig = {
+    projectKey: string;
+    jobId: string;
+    importContainerKey: string;
+    pollingInterval?: number;
+    maxAttempts?: number;
+    abortSignal?: AbortSignal;
+};
+export declare const pollJobUntilProcessing: ({ projectKey, jobId, importContainerKey, pollingInterval, maxAttempts, abortSignal, }: PollJobUntilProcessingConfig) => Promise<FileImportJob>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend-extensions/operations",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "license": "Proprietary",
   "publishConfig": {
     "access": "public"
@@ -18,20 +18,20 @@
     "react-dropzone": "14.3.8"
   },
   "devDependencies": {
-    "@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/actions-global": "24.13.0",
+    "@commercetools-frontend/application-components": "24.13.0",
+    "@commercetools-frontend/application-shell": "24.13.0",
+    "@commercetools-frontend/application-shell-connectors": "24.13.0",
+    "@commercetools-frontend/constants": "24.13.0",
+    "@commercetools-frontend/jest-preset-mc-app": "24.13.0",
+    "@commercetools-frontend/permissions": "24.13.0",
+    "@commercetools-frontend/sentry": "24.13.0",
     "@commercetools-frontend/ui-kit": "20.3.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
     "@testing-library/react": "16.1.0",
     "@types/jest": "29.5.14",
-    "@types/papaparse": "5.5.1",
+    "@types/papaparse": "5.5.2",
     "@types/pluralize": "0.0.33",
     "@types/react": "19.2.0",
     "msw": "1.3.5",

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

@@ -217,3 +217,53 @@ export async function listFileImportJobs({
   assertListFileImportJobsResponse(response)
   return response
 }
+
+export type FileImportJobInfo = {
+  total: number
+  isInitializing: boolean
+}
+
+/**
+ * Gets the file import job info for an import container
+ *
+ * For the new file import job flow, import operations are created incrementally
+ * during the 'initialising' state. The import summary total
+ * reflects only the operations created so far, which can be misleading
+ *
+ * This helper fetches the file import job (if it exists) to get:
+ * - The true total from the job summary (known from initial CSV validation)
+ * - Whether the job is still initializing (creating import operations)
+ *
+ * @returns Job info if found, null otherwise
+ */
+export async function getFileImportJobInfoForContainer({
+  projectKey,
+  importContainerKey,
+}: {
+  projectKey: string
+  importContainerKey: string
+}): Promise<FileImportJobInfo | null> {
+  try {
+    const response = await listFileImportJobs({
+      projectKey,
+      importContainerKey,
+      limit: 1,
+    })
+
+    if (
+      response.results.length > 0 &&
+      response.results[0].summary?.total != null
+    ) {
+      const job = response.results[0]
+      return {
+        total: job.summary.total,
+        isInitializing: job.state === 'initialising',
+      }
+    }
+
+    return null
+  } catch {
+    // Job might not exist (old flow)
+    return null
+  }
+}

package/src/@api/import-containers.ts

@@ -27,8 +27,16 @@ import {
 } from './urls'
 import { checkIfFileUploadImport } from '../@utils'
 import { fetcher } from './fetcher'
+import { getFileImportJobInfoForContainer } from './file-import-jobs'
 
-export function getImportState(importSummary: ImportSummary): ImportStates {
+type GetImportStateOptions = {
+  isJobInitializing?: boolean
+}
+
+export function getImportState(
+  importSummary: ImportSummary,
+  options: GetImportStateOptions = {}
+): ImportStates {
   const processing = importSummary.states.processing > 0
   if (processing) return ImportStates.Processing
 
@@ -48,6 +56,11 @@ export function getImportState(importSummary: ImportSummary): ImportStates {
   const noRunning = importSummary.total === 0
   if (noRunning) return ImportStates.NoRunningImports
 
+  // For the new flow: job is actively creating import operations (to show as Processing even if no operations exist yet)
+  if (options.isJobInitializing) {
+    return ImportStates.Processing
+  }
+
   const successfullyCompleted =
     importSummary.states.imported === importSummary.total ||
     importSummary.states.deleted === importSummary.total
@@ -240,13 +253,31 @@ async function importContainerToContainerDetails(
   projectKey: string,
   importContainer: ExtendedImportContainer
 ): Promise<ImportContainerDetails> {
-  const importSummary = await fetchImportSummary({
+  let importSummary = await fetchImportSummary({
     projectKey,
     importContainerKey: importContainer.key,
   })
-  const importState = getImportState(importSummary)
   const isFileUploadImport = checkIfFileUploadImport(importContainer.tags)
 
+  // For the new file import job flow the import operations are created incrementally
+  // The import summary total reflects only operations created so far
+  // Only override total when job is actively initializing (creating operations)
+  let isJobInitializing = false
+  if (isFileUploadImport) {
+    const jobInfo = await getFileImportJobInfoForContainer({
+      projectKey,
+      importContainerKey: importContainer.key,
+    })
+    if (jobInfo !== null) {
+      isJobInitializing = jobInfo.isInitializing
+      if (isJobInitializing || importSummary.total > 0) {
+        importSummary = { ...importSummary, total: jobInfo.total }
+      }
+    }
+  }
+
+  const importState = getImportState(importSummary, { isJobInitializing })
+
   return {
     importContainer: importContainer,
     importState,

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

@@ -4,7 +4,11 @@ import { useImportContainerUpload } from './use-import-container-upload'
 import { useFileImportJobUpload } from './use-file-import-job-upload'
 import { deleteImportContainer } from '../@api'
 import { HttpError, PollingAbortedError } from '../@errors'
-import { pollJobUntilValidated, countUniqueResourcesInCsv } from '../@utils'
+import {
+  pollJobUntilValidated,
+  pollJobUntilProcessing,
+  countUniqueResourcesInCsv,
+} from '../@utils'
 import type {
   ExtendedImportContainerDraft,
   FileUploadResult,
@@ -22,6 +26,7 @@ export type FileUploadConfig = {
   resourceType: ResourceTypeId
   settings?: ExtendedImportContainerDraft['settings']
   autoProcess?: boolean
+  skipValidationPolling?: boolean
   onSuccess: (result: FileUploadResult) => void
   onError?: (error: unknown) => void
   onProgress?: (progress: number) => void
@@ -82,7 +87,9 @@ export const useFileUpload = ({
 
       try {
         if (useJobBasedFlow) {
-          const totalResources = await countUniqueResourcesInCsv(config.file)
+          const totalResources = config.skipValidationPolling
+            ? 0
+            : await countUniqueResourcesInCsv(config.file)
 
           await jobUpload.upload({
             file: config.file,
@@ -91,6 +98,41 @@ export const useFileUpload = ({
             autoProcess: config.autoProcess,
             abortSignal: config.abortSignal,
             onSuccess: async (jobId, containerKey) => {
+              if (config.skipValidationPolling) {
+                try {
+                  const processingJob = await pollJobUntilProcessing({
+                    projectKey,
+                    jobId,
+                    importContainerKey: containerKey,
+                    abortSignal: config.abortSignal,
+                  })
+
+                  const result: FileUploadResult = {
+                    containerKey,
+                    summary: {
+                      total: processingJob.summary?.total ?? 0,
+                      valid: processingJob.summary?.valid ?? 0,
+                      invalid: processingJob.summary?.invalid ?? 0,
+                      fieldsCount: processingJob.summary?.fieldsCount ?? 0,
+                      fields: processingJob.summary?.fields ?? [],
+                      ignoredFields: processingJob.summary?.ignoredFields ?? [],
+                      results: [],
+                    },
+                    jobId,
+                    job: processingJob,
+                  }
+                  setIsUploading(false)
+                  config.onSuccess(result)
+                } catch (error) {
+                  await safeDeleteContainer({ projectKey, containerKey })
+                  resetState()
+                  if (!(error instanceof PollingAbortedError)) {
+                    config.onError?.(error)
+                  }
+                }
+                return
+              }
+
               try {
                 setValidationProgress({
                   processed: 0,

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

@@ -120,7 +120,13 @@ export interface ListFileImportJobsParameters {
   offset?: number
 }
 
-export type ListFileImportJobsResponse = FileImportJob[]
+export interface ListFileImportJobsResponse {
+  results: FileImportJob[]
+  total: number
+  limit: number
+  offset: number
+  count: number
+}
 
 export function assertFileImportJob(
   maybeJob: unknown
@@ -152,15 +158,10 @@ export function assertProcessFileImportJobResponse(
 export function assertListFileImportJobsResponse(
   maybeResponse: unknown
 ): asserts maybeResponse is ListFileImportJobsResponse {
-  if (!Array.isArray(maybeResponse)) {
-    throw new Error('Invalid List File Import Jobs response: expected an array')
-  }
-  if (maybeResponse.length > 0) {
-    const requiredFields = ['id', 'fileName', 'importContainerKey', 'state']
-    if (!hasRequiredFields(maybeResponse[0], requiredFields)) {
-      throw new Error(
-        'Invalid List File Import Jobs response: missing required fields'
-      )
-    }
+  const requiredFields = ['results', 'total', 'limit', 'offset', 'count']
+  if (!hasRequiredFields(maybeResponse, requiredFields)) {
+    throw new Error(
+      'Invalid List File Import Jobs response: missing required fields'
+    )
   }
 }

package/src/@utils/file-import-job-helpers.ts

@@ -39,6 +39,10 @@ export function isImportJobTerminal(job?: FileImportJob): boolean {
   return isImportJobValidated(job) || isImportJobRejected(job)
 }
 
+export function hasImportJobStartedProcessing(job?: FileImportJob): boolean {
+  return !isImportJobQueued(job)
+}
+
 export function shouldContinuePollingForImportValidation(
   job?: FileImportJob
 ): boolean {

package/src/@utils/index.ts

@@ -4,5 +4,6 @@ export * from './file-upload'
 export * from './form'
 export * from './format'
 export * from './import-container'
+export * from './poll-job-until-processing'
 export * from './poll-job-until-validated'
 export * from './url'

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

@@ -0,0 +1,72 @@
+import { getFileImportJob } from '../@api'
+import { PollingAbortedError } from '../@errors'
+import type { FileImportJob } from '../@types'
+import { hasImportJobStartedProcessing } from './file-import-job-helpers'
+
+export type PollJobUntilProcessingConfig = {
+  projectKey: string
+  jobId: string
+  importContainerKey: string
+  pollingInterval?: number
+  maxAttempts?: number
+  abortSignal?: AbortSignal
+}
+
+export const pollJobUntilProcessing = async ({
+  projectKey,
+  jobId,
+  importContainerKey,
+  pollingInterval = 1000,
+  maxAttempts = 60,
+  abortSignal,
+}: PollJobUntilProcessingConfig): Promise<FileImportJob> => {
+  let attempts = 0
+
+  while (attempts < maxAttempts) {
+    if (abortSignal?.aborted) {
+      throw new PollingAbortedError()
+    }
+
+    const job = await getFileImportJob({
+      projectKey,
+      importContainerKey,
+      jobId,
+    })
+
+    if (abortSignal?.aborted) {
+      throw new PollingAbortedError()
+    }
+
+    if (hasImportJobStartedProcessing(job)) {
+      return job
+    }
+
+    await new Promise<void>((resolve, reject) => {
+      let timeoutId: ReturnType<typeof setTimeout>
+
+      const onAbort = () => {
+        clearTimeout(timeoutId)
+        reject(new PollingAbortedError())
+      }
+
+      if (abortSignal?.aborted) {
+        reject(new PollingAbortedError())
+        return
+      }
+
+      timeoutId = setTimeout(() => {
+        abortSignal?.removeEventListener('abort', onAbort)
+        resolve()
+      }, pollingInterval)
+
+      abortSignal?.addEventListener('abort', onAbort)
+    })
+    attempts++
+  }
+
+  throw new Error(
+    `Job did not start processing after ${maxAttempts} attempts (${
+      (maxAttempts * pollingInterval) / 1000
+    }s)`
+  )
+}