@orchestrator-ui/orchestrator-ui-components/src/rtk/endpoints/fileUpload.ts

Library of UI Components used to display the workflow orchestrator frontend

import { BaseQueryTypes, orchestratorApi } from '@/rtk';

export interface FileUploadPayload {
    url: string;
    file: File;
}

interface FileUploadReturnValue {
    file_id: string;
    file_name: string;
}

const fileUploadApi = orchestratorApi.injectEndpoints({
    endpoints: (build) => ({
        uploadFile: build.mutation<FileUploadReturnValue, FileUploadPayload>({
            query: ({ url, file }) => {
                const formData = new FormData();
                formData.append('file', file);
                return {
                    url,
                    method: 'POST',
                    body: formData,
                };
            },
            extraOptions: {
                baseQueryType: BaseQueryTypes.fetch,
                apiName: 'cim',
            },
        }),
    }),
});

export const { useUploadFileMutation } = fileUploadApi;