@commercetools-frontend-extensions/operations 3.1.2 → 3.2.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @commercetools-frontend-extensions/operations
 
+## 3.2.1
+
+### Patch Changes
+
+- [#1690](https://github.com/commercetools/merchant-center-operations/pull/1690) [`4a83020`](https://github.com/commercetools/merchant-center-operations/commit/4a83020117a46aba524ef16df0768b1bcaa42934) Thanks [@yassinejebli](https://github.com/yassinejebli)! - style(import): adjust spacing under Progress bar
+
+## 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

package/README.md

@@ -33,9 +33,8 @@ const { upload, isUploading, progress, validationProgress } = useFileUpload({
 - `upload` - Function to start the upload
 - `isUploading` - Whether upload is in progress
 - `progress` - Upload progress (0-100)
-- `validationProgress` - `{ processed: number, total: number, isValidating: boolean }` (job-based flow only)
+- `validationProgress` - `{ processed: number, isValidating: boolean }` (job-based flow only)
   - `processed`: Number of resources validated so far (from backend)
-  - `total`: Total number of unique resources in the file (counted by unique keys in the CSV)
   - `isValidating`: Whether validation is in progress
 
 **Upload config options:**

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');
@@ -31,13 +31,10 @@ var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
-var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
-var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
-var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var Papa = require('papaparse');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -74,13 +71,10 @@ var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
-var _Set__default = /*#__PURE__*/_interopDefault(_Set);
-var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
-var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var Papa__default = /*#__PURE__*/_interopDefault(Papa);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
 var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
@@ -371,14 +365,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');
   }
 }
 
@@ -491,7 +480,7 @@ function shouldContinuePollingForImportValidation(job) {
 }
 
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$8(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$8(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context2 = ownKeys$8(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$8(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 
 /**
  * Convert megabytes to bytes
@@ -610,44 +599,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__default["default"](resolve => {
-    const uniqueKeys = new _Set__default["default"]();
-    let keyColumnIndex = -1;
-    let isFirstRow = true;
-    Papa__default["default"].parse(file, {
-      step: _ref2 => {
-        var _context4, _context5;
-        let data = _ref2.data;
-        if (!_Array$isArray__default["default"](data)) return;
-        if (isFirstRow) {
-          keyColumnIndex = _findIndexInstanceProperty__default["default"](data).call(data, col => {
-            var _context2, _context3;
-            return ((_context2 = col?.toLowerCase()) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _trimInstanceProperty__default["default"](_context2), _context2))?.() === 'key';
-          });
-          isFirstRow = false;
-          return;
-        }
-        if (keyColumnIndex === -1) return;
-        const keyValue = ((_context4 = data[keyColumnIndex]) == null ? void 0 : _bindInstanceProperty__default["default"](_context5 = Function.call).call(_context5, _trimInstanceProperty__default["default"](_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
@@ -1160,10 +1111,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__default["default"](_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__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 +1161,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 +1314,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,
@@ -2603,13 +2618,16 @@ const UploadingModal = _ref => {
           label: cancelLabel,
           onClick: onCancel
         })]
-      }), /*#__PURE__*/jsxRuntime.jsx(uiKit.ProgressBar, {
-        barWidth: "scale",
-        height: "10",
-        progress: progress
-      }), statusMessage && /*#__PURE__*/jsxRuntime.jsx(uiKit.Text.Detail, {
-        tone: "tertiary",
-        children: statusMessage
+      }), /*#__PURE__*/jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "xs",
+        children: [/*#__PURE__*/jsxRuntime.jsx(uiKit.ProgressBar, {
+          barWidth: "scale",
+          height: "10",
+          progress: progress
+        }), statusMessage && /*#__PURE__*/jsxRuntime.jsx(uiKit.Text.Detail, {
+          tone: "tertiary",
+          children: statusMessage
+        })]
       })]
     })
   });
@@ -3032,7 +3050,6 @@ const useFileUpload = _ref2 => {
     setProgress = _React$useState4[1];
   const _React$useState5 = React__default["default"].useState({
       processed: 0,
-      total: 0,
       isValidating: false
     }),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
@@ -3049,7 +3066,6 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     setValidationProgress({
       processed: 0,
-      total: 0,
       isValidating: false
     });
   }, []);
@@ -3058,7 +3074,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,
@@ -3105,7 +3120,6 @@ const useFileUpload = _ref2 => {
             try {
               setValidationProgress({
                 processed: 0,
-                total: totalResources,
                 isValidating: true
               });
               const validatedJob = await pollJobUntilValidated({
@@ -3119,7 +3133,6 @@ const useFileUpload = _ref2 => {
                   const processed = job.summary?.total ?? 0;
                   setValidationProgress({
                     processed,
-                    total: totalResources,
                     isValidating: true
                   });
                   config.onValidationProgress?.(job);
@@ -3149,7 +3162,6 @@ const useFileUpload = _ref2 => {
               setIsUploading(false);
               setValidationProgress({
                 processed: 0,
-                total: 0,
                 isValidating: false
               });
               config.onSuccess(result);
@@ -3292,7 +3304,6 @@ exports.cancelImportContainerByKey = cancelImportContainerByKey;
 exports.checkIfFileUploadImport = checkIfFileUploadImport;
 exports.convertFileSizeToKB = convertFileSizeToKB;
 exports.countJsonFileItems = countJsonFileItems;
-exports.countUniqueResourcesInCsv = countUniqueResourcesInCsv;
 exports.createFileImportJob = createFileImportJob;
 exports.createImportContainerForFileUpload = createImportContainerForFileUpload;
 exports.decodeFileNameFromImportContainerKey = decodeFileNameFromImportContainerKey;
@@ -3324,6 +3335,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');
@@ -31,13 +31,10 @@ var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
-var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
-var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
-var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var Papa = require('papaparse');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -74,13 +71,10 @@ var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
-var _Set__default = /*#__PURE__*/_interopDefault(_Set);
-var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
-var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var Papa__default = /*#__PURE__*/_interopDefault(Papa);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
 var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
@@ -371,14 +365,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');
   }
 }
 
@@ -491,7 +480,7 @@ function shouldContinuePollingForImportValidation(job) {
 }
 
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$8(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$8(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context2 = ownKeys$8(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$8(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 
 /**
  * Convert megabytes to bytes
@@ -610,44 +599,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__default["default"](resolve => {
-    const uniqueKeys = new _Set__default["default"]();
-    let keyColumnIndex = -1;
-    let isFirstRow = true;
-    Papa__default["default"].parse(file, {
-      step: _ref2 => {
-        var _context4, _context5;
-        let data = _ref2.data;
-        if (!_Array$isArray__default["default"](data)) return;
-        if (isFirstRow) {
-          keyColumnIndex = _findIndexInstanceProperty__default["default"](data).call(data, col => {
-            var _context2, _context3;
-            return ((_context2 = col?.toLowerCase()) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _trimInstanceProperty__default["default"](_context2), _context2))?.() === 'key';
-          });
-          isFirstRow = false;
-          return;
-        }
-        if (keyColumnIndex === -1) return;
-        const keyValue = ((_context4 = data[keyColumnIndex]) == null ? void 0 : _bindInstanceProperty__default["default"](_context5 = Function.call).call(_context5, _trimInstanceProperty__default["default"](_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
@@ -1160,10 +1111,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__default["default"](_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__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 +1161,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 +1314,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,
@@ -2595,13 +2610,16 @@ const UploadingModal = _ref => {
           label: cancelLabel,
           onClick: onCancel
         })]
-      }), /*#__PURE__*/jsxRuntime.jsx(uiKit.ProgressBar, {
-        barWidth: "scale",
-        height: "10",
-        progress: progress
-      }), statusMessage && /*#__PURE__*/jsxRuntime.jsx(uiKit.Text.Detail, {
-        tone: "tertiary",
-        children: statusMessage
+      }), /*#__PURE__*/jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "xs",
+        children: [/*#__PURE__*/jsxRuntime.jsx(uiKit.ProgressBar, {
+          barWidth: "scale",
+          height: "10",
+          progress: progress
+        }), statusMessage && /*#__PURE__*/jsxRuntime.jsx(uiKit.Text.Detail, {
+          tone: "tertiary",
+          children: statusMessage
+        })]
       })]
     })
   });
@@ -3024,7 +3042,6 @@ const useFileUpload = _ref2 => {
     setProgress = _React$useState4[1];
   const _React$useState5 = React__default["default"].useState({
       processed: 0,
-      total: 0,
       isValidating: false
     }),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
@@ -3041,7 +3058,6 @@ const useFileUpload = _ref2 => {
     setProgress(0);
     setValidationProgress({
       processed: 0,
-      total: 0,
       isValidating: false
     });
   }, []);
@@ -3050,7 +3066,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,
@@ -3097,7 +3112,6 @@ const useFileUpload = _ref2 => {
             try {
               setValidationProgress({
                 processed: 0,
-                total: totalResources,
                 isValidating: true
               });
               const validatedJob = await pollJobUntilValidated({
@@ -3111,7 +3125,6 @@ const useFileUpload = _ref2 => {
                   const processed = job.summary?.total ?? 0;
                   setValidationProgress({
                     processed,
-                    total: totalResources,
                     isValidating: true
                   });
                   config.onValidationProgress?.(job);
@@ -3141,7 +3154,6 @@ const useFileUpload = _ref2 => {
               setIsUploading(false);
               setValidationProgress({
                 processed: 0,
-                total: 0,
                 isValidating: false
               });
               config.onSuccess(result);
@@ -3284,7 +3296,6 @@ exports.cancelImportContainerByKey = cancelImportContainerByKey;
 exports.checkIfFileUploadImport = checkIfFileUploadImport;
 exports.convertFileSizeToKB = convertFileSizeToKB;
 exports.countJsonFileItems = countJsonFileItems;
-exports.countUniqueResourcesInCsv = countUniqueResourcesInCsv;
 exports.createFileImportJob = createFileImportJob;
 exports.createImportContainerForFileUpload = createImportContainerForFileUpload;
 exports.decodeFileNameFromImportContainerKey = decodeFileNameFromImportContainerKey;
@@ -3316,6 +3327,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;