@commercetools-frontend-extensions/operations 3.1.2 → 3.2.1

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';
@@ -27,13 +27,10 @@ import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
-import _Set from '@babel/runtime-corejs3/core-js-stable/set';
-import _findIndexInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find-index';
-import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
-import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import Papa from 'papaparse';
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
@@ -331,14 +328,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');
   }
 }
 
@@ -451,7 +443,7 @@ function shouldContinuePollingForImportValidation(job) {
 }
 
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$8(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$8(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$8(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$8(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 /**
  * Convert megabytes to bytes
@@ -570,44 +562,6 @@ const countJsonFileItems = async file => {
   }
 };
 
-/**
- * Count unique resources in a CSV file by counting unique values in the "key" column.
- * A single resource can span multiple rows (when it has array fields like variants, assets...),
- * so we count unique keys rather than rows.
- * @param file The CSV file to process
- * @returns A promise that resolves to the number of unique resources
- */
-const countUniqueResourcesInCsv = file => {
-  return new _Promise(resolve => {
-    const uniqueKeys = new _Set();
-    let keyColumnIndex = -1;
-    let isFirstRow = true;
-    Papa.parse(file, {
-      step: _ref2 => {
-        var _context4, _context5;
-        let data = _ref2.data;
-        if (!_Array$isArray(data)) return;
-        if (isFirstRow) {
-          keyColumnIndex = _findIndexInstanceProperty(data).call(data, col => {
-            var _context2, _context3;
-            return ((_context2 = col?.toLowerCase()) == null ? void 0 : _bindInstanceProperty(_context3 = Function.call).call(_context3, _trimInstanceProperty(_context2), _context2))?.() === 'key';
-          });
-          isFirstRow = false;
-          return;
-        }
-        if (keyColumnIndex === -1) return;
-        const keyValue = ((_context4 = data[keyColumnIndex]) == null ? void 0 : _bindInstanceProperty(_context5 = Function.call).call(_context5, _trimInstanceProperty(_context4), _context4))?.();
-        if (keyValue) {
-          uniqueKeys.add(keyValue);
-        }
-      },
-      complete: () => {
-        resolve(uniqueKeys.size);
-      }
-    });
-  });
-};
-
 /**
  * Map file upload errors to upload file error rows with unique IDs
  * @param uploadFileErrors Array of file upload errors
@@ -1120,10 +1074,48 @@ 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) {
+      var _context;
+      const job = response.results[0];
+      const isInitializing = _includesInstanceProperty(_context = ['processing', 'initialising']).call(_context, job.state);
+      return {
+        total: job.summary.total,
+        isInitializing
+      };
+    }
+    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 +1124,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 +1277,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,
@@ -2563,13 +2581,16 @@ const UploadingModal = _ref => {
           label: cancelLabel,
           onClick: onCancel
         })]
-      }), /*#__PURE__*/jsx(ProgressBar, {
-        barWidth: "scale",
-        height: "10",
-        progress: progress
-      }), statusMessage && /*#__PURE__*/jsx(Text.Detail, {
-        tone: "tertiary",
-        children: statusMessage
+      }), /*#__PURE__*/jsxs(Spacings.Stack, {
+        scale: "xs",
+        children: [/*#__PURE__*/jsx(ProgressBar, {
+          barWidth: "scale",
+          height: "10",
+          progress: progress
+        }), statusMessage && /*#__PURE__*/jsx(Text.Detail, {
+          tone: "tertiary",
+          children: statusMessage
+        })]
       })]
     })
   });
@@ -2992,7 +3013,6 @@ const useFileUpload = _ref2 => {
     setProgress = _React$useState4[1];
   const _React$useState5 = React.useState({
       processed: 0,
-      total: 0,
       isValidating: false
     }),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
@@ -3009,7 +3029,6 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     setValidationProgress({
       processed: 0,
-      total: 0,
       isValidating: false
     });
   }, []);
@@ -3018,7 +3037,6 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     try {
       if (useJobBasedFlow) {
-        const totalResources = config.skipValidationPolling ? 0 : await countUniqueResourcesInCsv(config.file);
         await jobUpload.upload({
           file: config.file,
           resourceType: config.resourceType,
@@ -3065,7 +3083,6 @@ const useFileUpload = _ref2 => {
             try {
               setValidationProgress({
                 processed: 0,
-                total: totalResources,
                 isValidating: true
               });
               const validatedJob = await pollJobUntilValidated({
@@ -3079,7 +3096,6 @@ const useFileUpload = _ref2 => {
                   const processed = job.summary?.total ?? 0;
                   setValidationProgress({
                     processed,
-                    total: totalResources,
                     isValidating: true
                   });
                   config.onValidationProgress?.(job);
@@ -3109,7 +3125,6 @@ const useFileUpload = _ref2 => {
               setIsUploading(false);
               setValidationProgress({
                 processed: 0,
-                total: 0,
                 isValidating: false
               });
               config.onSuccess(result);
@@ -3192,4 +3207,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, 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

@@ -2,7 +2,6 @@ import type { ResourceTypeId } from '@commercetools/importapi-sdk';
 import type { ExtendedImportContainerDraft, FileUploadResult, FileImportJob } from "../@types/index.js";
 export type ValidationProgress = {
     processed: number;
-    total: number;
     isValidating: boolean;
 };
 export type FileUploadConfig = {

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-upload.d.ts

@@ -36,14 +36,6 @@ export declare const countJsonFileItems: (file: File) => Promise<{
     isValid: true;
     itemsCount: number;
 }>;
-/**
- * Count unique resources in a CSV file by counting unique values in the "key" column.
- * A single resource can span multiple rows (when it has array fields like variants, assets...),
- * so we count unique keys rather than rows.
- * @param file The CSV file to process
- * @returns A promise that resolves to the number of unique resources
- */
-export declare const countUniqueResourcesInCsv: (file: File) => Promise<number>;
 /**
  * Map file upload errors to upload file error rows with unique IDs
  * @param uploadFileErrors Array of file upload errors

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend-extensions/operations",
-  "version": "3.1.2",
+  "version": "3.2.1",
   "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,55 @@ 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]
+      const isInitializing = ['processing', 'initialising'].includes(job.state)
+
+      return {
+        total: job.summary.total,
+        isInitializing,
+      }
+    }
+
+    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/@components/uploading-modal/uploading-modal.tsx

@@ -56,10 +56,12 @@ export const UploadingModal = ({
             onClick={onCancel}
           />
         </Spacings.Inline>
-        <ProgressBar barWidth="scale" height="10" progress={progress} />
-        {statusMessage && (
-          <Text.Detail tone="tertiary">{statusMessage}</Text.Detail>
-        )}
+        <Spacings.Stack scale="xs">
+          <ProgressBar barWidth="scale" height="10" progress={progress} />
+          {statusMessage && (
+            <Text.Detail tone="tertiary">{statusMessage}</Text.Detail>
+          )}
+        </Spacings.Stack>
       </Spacings.Stack>
     </InfoDialog>
   )

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

@@ -4,11 +4,7 @@ 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,
-  pollJobUntilProcessing,
-  countUniqueResourcesInCsv,
-} from '../@utils'
+import { pollJobUntilValidated, pollJobUntilProcessing } from '../@utils'
 import type {
   ExtendedImportContainerDraft,
   FileUploadResult,
@@ -17,7 +13,6 @@ import type {
 
 export type ValidationProgress = {
   processed: number
-  total: number
   isValidating: boolean
 }
 
@@ -67,7 +62,6 @@ export const useFileUpload = ({
   const [validationProgress, setValidationProgress] =
     React.useState<ValidationProgress>({
       processed: 0,
-      total: 0,
       isValidating: false,
     })
 
@@ -77,7 +71,7 @@ export const useFileUpload = ({
   const resetState = React.useCallback(() => {
     setIsUploading(false)
     setProgress(0)
-    setValidationProgress({ processed: 0, total: 0, isValidating: false })
+    setValidationProgress({ processed: 0, isValidating: false })
   }, [])
 
   const upload = React.useCallback(
@@ -87,10 +81,6 @@ export const useFileUpload = ({
 
       try {
         if (useJobBasedFlow) {
-          const totalResources = config.skipValidationPolling
-            ? 0
-            : await countUniqueResourcesInCsv(config.file)
-
           await jobUpload.upload({
             file: config.file,
             resourceType: config.resourceType,
@@ -136,7 +126,6 @@ export const useFileUpload = ({
               try {
                 setValidationProgress({
                   processed: 0,
-                  total: totalResources,
                   isValidating: true,
                 })
 
@@ -151,7 +140,6 @@ export const useFileUpload = ({
                     const processed = job.summary?.total ?? 0
                     setValidationProgress({
                       processed,
-                      total: totalResources,
                       isValidating: true,
                     })
                     config.onValidationProgress?.(job)
@@ -186,7 +174,6 @@ export const useFileUpload = ({
                 setIsUploading(false)
                 setValidationProgress({
                   processed: 0,
-                  total: 0,
                   isValidating: false,
                 })
                 config.onSuccess(result)

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