@commercetools-frontend-extensions/operations 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @commercetools-frontend-extensions/operations
 
+## 3.1.1
+
+### Patch Changes
+
+- [#1673](https://github.com/commercetools/merchant-center-operations/pull/1673) [`fda98c9`](https://github.com/commercetools/merchant-center-operations/commit/fda98c935fc45adfffe1247e30bea8c13df2abc8) Thanks [@yassinejebli](https://github.com/yassinejebli)! - feat: add `autoProcess` option for file import job flow
+
+- [#1673](https://github.com/commercetools/merchant-center-operations/pull/1673) [`fda98c9`](https://github.com/commercetools/merchant-center-operations/commit/fda98c935fc45adfffe1247e30bea8c13df2abc8) Thanks [@yassinejebli](https://github.com/yassinejebli)! - feat: adjust the max file size for the new Import flow
+
 ## 3.1.0
 
 ### Minor Changes

package/README.md

@@ -27,7 +27,7 @@ const { upload, isUploading, progress, validationProgress } = useFileUpload({
 - `projectKey` (required): The commercetools project key
 - `useJobBasedFlow` (optional): Whether to use the job-based flow. Default: `false`
 - `pollingInterval` (optional): Polling interval in ms for job-based flow. Default: `5000`
-- `maxPollingAttempts` (optional): Maximum polling attempts. Default: `120`
+- `maxPollingAttempts` (optional): Maximum polling attempts. Default: `200`
 
 **Returns:**
 - `upload` - Function to start the upload
@@ -38,6 +38,17 @@ const { upload, isUploading, progress, validationProgress } = useFileUpload({
   - `total`: Total number of unique resources in the file (counted by unique keys in the CSV)
   - `isValidating`: Whether validation is in progress
 
+**Upload config options:**
+- `file` (required): The file to upload
+- `resourceType` (required): The resource type
+- `settings` (optional): Import settings (format, decimal separator...)
+- `autoProcess` (optional): When `true`, the backend automatically starts processing after validation completes (job-based flow only). Default: `false`
+- `abortSignal` (optional): AbortSignal for cancellation
+- `onSuccess` (required): Callback when upload completes
+- `onError` (optional): Callback for errors
+- `onProgress` (optional): Callback for upload progress (0-100)
+- `onValidationProgress` (optional): Callback for validation progress (job-based flow only)
+
 **Usage:**
 ```typescript
 import { useFileUpload } from '@commercetools-frontend-extensions/operations'
@@ -61,6 +72,7 @@ await upload({
       unpublishAllChanges?: boolean
     }
   },
+  autoProcess?: boolean, // job-based flow only, default: false
   abortSignal: abortController.signal,
   onSuccess: (result) => {
     // result.containerKey - Import container key

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

@@ -742,7 +742,7 @@ const pollJobUntilValidated = async _ref => {
     _ref$pollingInterval = _ref.pollingInterval,
     pollingInterval = _ref$pollingInterval === void 0 ? 5000 : _ref$pollingInterval,
     _ref$maxAttempts = _ref.maxAttempts,
-    maxAttempts = _ref$maxAttempts === void 0 ? 120 : _ref$maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 200 : _ref$maxAttempts,
     onJobUpdate = _ref.onJobUpdate,
     abortSignal = _ref.abortSignal;
   let attempts = 0;
@@ -941,6 +941,8 @@ function createFileImportJob(_ref) {
     resourceType = _ref.resourceType,
     importContainerKey = _ref.importContainerKey,
     payload = _ref.payload,
+    _ref$autoProcess = _ref.autoProcess,
+    autoProcess = _ref$autoProcess === void 0 ? false : _ref$autoProcess,
     onProgress = _ref.onProgress,
     abortSignal = _ref.abortSignal;
   const url = getFileImportJobsURL({
@@ -954,6 +956,7 @@ function createFileImportJob(_ref) {
       formData.append('fileType', payload.fileType);
       formData.append('fileName', payload.fileName);
       formData.append('file', payload.file, payload.fileName);
+      formData.append('autoProcess', autoProcess ? 'true' : 'false');
       fetchUsingXhr({
         url,
         payload: formData,
@@ -1371,7 +1374,7 @@ const COLUMN_DELIMITERS = [DELIMITERS.COMMA, DELIMITERS.SEMICOLON, DELIMITERS.PI
 
 const FILE_IMPORT_JOB_POLLING_INTERVAL = 2000;
 
-const IMPORT_MAX_FILE_SIZE_MB = 200;
+const IMPORT_MAX_FILE_SIZE_MB = 100;
 const IMPORT_MAX_ITEM_COUNT = 500_000;
 
 // =============================================================================
@@ -2819,6 +2822,7 @@ const useFileImportJobUpload = _ref => {
           fileName: config.file.name,
           file: config.file
         },
+        autoProcess: config.autoProcess,
         onProgress: uploadProgress => {
           setProgress(uploadProgress);
           config.onProgress?.(uploadProgress);
@@ -2968,7 +2972,7 @@ const useFileUpload = _ref2 => {
     _ref2$pollingInterval = _ref2.pollingInterval,
     pollingInterval = _ref2$pollingInterval === void 0 ? 5000 : _ref2$pollingInterval,
     _ref2$maxPollingAttem = _ref2.maxPollingAttempts,
-    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 120 : _ref2$maxPollingAttem;
+    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 200 : _ref2$maxPollingAttem;
   const _React$useState = React__default["default"].useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isUploading = _React$useState2[0],
@@ -3010,6 +3014,7 @@ const useFileUpload = _ref2 => {
           file: config.file,
           resourceType: config.resourceType,
           settings: config.settings,
+          autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
             try {

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

@@ -742,7 +742,7 @@ const pollJobUntilValidated = async _ref => {
     _ref$pollingInterval = _ref.pollingInterval,
     pollingInterval = _ref$pollingInterval === void 0 ? 5000 : _ref$pollingInterval,
     _ref$maxAttempts = _ref.maxAttempts,
-    maxAttempts = _ref$maxAttempts === void 0 ? 120 : _ref$maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 200 : _ref$maxAttempts,
     onJobUpdate = _ref.onJobUpdate,
     abortSignal = _ref.abortSignal;
   let attempts = 0;
@@ -941,6 +941,8 @@ function createFileImportJob(_ref) {
     resourceType = _ref.resourceType,
     importContainerKey = _ref.importContainerKey,
     payload = _ref.payload,
+    _ref$autoProcess = _ref.autoProcess,
+    autoProcess = _ref$autoProcess === void 0 ? false : _ref$autoProcess,
     onProgress = _ref.onProgress,
     abortSignal = _ref.abortSignal;
   const url = getFileImportJobsURL({
@@ -954,6 +956,7 @@ function createFileImportJob(_ref) {
       formData.append('fileType', payload.fileType);
       formData.append('fileName', payload.fileName);
       formData.append('file', payload.file, payload.fileName);
+      formData.append('autoProcess', autoProcess ? 'true' : 'false');
       fetchUsingXhr({
         url,
         payload: formData,
@@ -1371,7 +1374,7 @@ const COLUMN_DELIMITERS = [DELIMITERS.COMMA, DELIMITERS.SEMICOLON, DELIMITERS.PI
 
 const FILE_IMPORT_JOB_POLLING_INTERVAL = 2000;
 
-const IMPORT_MAX_FILE_SIZE_MB = 200;
+const IMPORT_MAX_FILE_SIZE_MB = 100;
 const IMPORT_MAX_ITEM_COUNT = 500_000;
 
 // =============================================================================
@@ -2811,6 +2814,7 @@ const useFileImportJobUpload = _ref => {
           fileName: config.file.name,
           file: config.file
         },
+        autoProcess: config.autoProcess,
         onProgress: uploadProgress => {
           setProgress(uploadProgress);
           config.onProgress?.(uploadProgress);
@@ -2960,7 +2964,7 @@ const useFileUpload = _ref2 => {
     _ref2$pollingInterval = _ref2.pollingInterval,
     pollingInterval = _ref2$pollingInterval === void 0 ? 5000 : _ref2$pollingInterval,
     _ref2$maxPollingAttem = _ref2.maxPollingAttempts,
-    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 120 : _ref2$maxPollingAttem;
+    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 200 : _ref2$maxPollingAttem;
   const _React$useState = React__default["default"].useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isUploading = _React$useState2[0],
@@ -3002,6 +3006,7 @@ const useFileUpload = _ref2 => {
           file: config.file,
           resourceType: config.resourceType,
           settings: config.settings,
+          autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
             try {

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

@@ -702,7 +702,7 @@ const pollJobUntilValidated = async _ref => {
     _ref$pollingInterval = _ref.pollingInterval,
     pollingInterval = _ref$pollingInterval === void 0 ? 5000 : _ref$pollingInterval,
     _ref$maxAttempts = _ref.maxAttempts,
-    maxAttempts = _ref$maxAttempts === void 0 ? 120 : _ref$maxAttempts,
+    maxAttempts = _ref$maxAttempts === void 0 ? 200 : _ref$maxAttempts,
     onJobUpdate = _ref.onJobUpdate,
     abortSignal = _ref.abortSignal;
   let attempts = 0;
@@ -901,6 +901,8 @@ function createFileImportJob(_ref) {
     resourceType = _ref.resourceType,
     importContainerKey = _ref.importContainerKey,
     payload = _ref.payload,
+    _ref$autoProcess = _ref.autoProcess,
+    autoProcess = _ref$autoProcess === void 0 ? false : _ref$autoProcess,
     onProgress = _ref.onProgress,
     abortSignal = _ref.abortSignal;
   const url = getFileImportJobsURL({
@@ -914,6 +916,7 @@ function createFileImportJob(_ref) {
       formData.append('fileType', payload.fileType);
       formData.append('fileName', payload.fileName);
       formData.append('file', payload.file, payload.fileName);
+      formData.append('autoProcess', autoProcess ? 'true' : 'false');
       fetchUsingXhr({
         url,
         payload: formData,
@@ -1331,7 +1334,7 @@ const COLUMN_DELIMITERS = [DELIMITERS.COMMA, DELIMITERS.SEMICOLON, DELIMITERS.PI
 
 const FILE_IMPORT_JOB_POLLING_INTERVAL = 2000;
 
-const IMPORT_MAX_FILE_SIZE_MB = 200;
+const IMPORT_MAX_FILE_SIZE_MB = 100;
 const IMPORT_MAX_ITEM_COUNT = 500_000;
 
 // =============================================================================
@@ -2779,6 +2782,7 @@ const useFileImportJobUpload = _ref => {
           fileName: config.file.name,
           file: config.file
         },
+        autoProcess: config.autoProcess,
         onProgress: uploadProgress => {
           setProgress(uploadProgress);
           config.onProgress?.(uploadProgress);
@@ -2928,7 +2932,7 @@ const useFileUpload = _ref2 => {
     _ref2$pollingInterval = _ref2.pollingInterval,
     pollingInterval = _ref2$pollingInterval === void 0 ? 5000 : _ref2$pollingInterval,
     _ref2$maxPollingAttem = _ref2.maxPollingAttempts,
-    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 120 : _ref2$maxPollingAttem;
+    maxPollingAttempts = _ref2$maxPollingAttem === void 0 ? 200 : _ref2$maxPollingAttem;
   const _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isUploading = _React$useState2[0],
@@ -2970,6 +2974,7 @@ const useFileUpload = _ref2 => {
           file: config.file,
           resourceType: config.resourceType,
           settings: config.settings,
+          autoProcess: config.autoProcess,
           abortSignal: config.abortSignal,
           onSuccess: async (jobId, containerKey) => {
             try {

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend-extensions/operations",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "license": "Proprietary",
   "publishConfig": {
     "access": "public"

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

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

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

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

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

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

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

@@ -21,6 +21,7 @@ export type FileUploadConfig = {
   file: File
   resourceType: ResourceTypeId
   settings?: ExtendedImportContainerDraft['settings']
+  autoProcess?: boolean
   onSuccess: (result: FileUploadResult) => void
   onError?: (error: unknown) => void
   onProgress?: (progress: number) => void
@@ -54,7 +55,7 @@ export const useFileUpload = ({
   projectKey,
   useJobBasedFlow = false,
   pollingInterval = 5000,
-  maxPollingAttempts = 120,
+  maxPollingAttempts = 200,
 }: FileUploadOptions) => {
   const [isUploading, setIsUploading] = React.useState(false)
   const [progress, setProgress] = React.useState(0)
@@ -87,6 +88,7 @@ export const useFileUpload = ({
             file: config.file,
             resourceType: config.resourceType,
             settings: config.settings,
+            autoProcess: config.autoProcess,
             abortSignal: config.abortSignal,
             onSuccess: async (jobId, containerKey) => {
               try {

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

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

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

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