@commercetools-frontend-extensions/operations 0.0.0-canary-20251215104232 → 0.0.0-canary-20251216101058

package/CHANGELOG.md

@@ -1,6 +1,12 @@
 # @commercetools-frontend-extensions/operations
 
-## 0.0.0-canary-20251215104232
+## 0.0.0-canary-20251216101058
+
+### 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
 

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');
   }
 }
 
@@ -1160,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;
@@ -1172,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;
@@ -1320,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,
@@ -3324,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;

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');
   }
 }
 
@@ -1160,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;
@@ -1172,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;
@@ -1320,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,
@@ -3316,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;

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');
   }
 }
 
@@ -1120,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;
@@ -1132,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;
@@ -1280,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,
@@ -3192,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, 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 };
+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/@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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend-extensions/operations",
-  "version": "0.0.0-canary-20251215104232",
+  "version": "0.0.0-canary-20251216101058",
   "license": "Proprietary",
   "publishConfig": {
     "access": "public"
@@ -18,14 +18,14 @@
     "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",

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/@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'
+    )
   }
 }