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

Library of UI Components used to display the workflow orchestrator frontend

import {
    BaseGraphQlResult,
    CACHETAG_TYPE_LIST,
    CacheTagType,
    GraphqlQueryVariables,
    Process,
    ProcessListResult,
} from '@/types';
import { getCacheTag } from '@/utils/cacheTag';

import { orchestratorApi } from '../api';

export const processListQuery = `
    query ProcessList(
        $first: Int!
        $after: Int!
        $sortBy: [GraphqlSort!]
        $filterBy: [GraphqlFilter!]
        $query: String
    ) {
        processes(
            first: $first
            after: $after
            sortBy: $sortBy
            filterBy: $filterBy
            query: $query
        ) {
            page {
                workflowName
                lastStep
                lastStatus
                workflowTarget
                product {
                    name
                    tag
                }
                customer {
                    fullname
                    shortcode
                }
                createdBy
                assignee
                processId
                startedAt
                lastModifiedAt
                isTask
                subscriptions {
                    page {
                        subscriptionId
                        description
                    }
                }
            }
            pageInfo {
                hasNextPage
                hasPreviousPage
                startCursor
                totalItems
                endCursor
                sortFields
                filterFields
            }
        }
    }
`;

export type ProcessListResponse = {
    processes: Process[];
} & BaseGraphQlResult;

const processApi = orchestratorApi.injectEndpoints({
    endpoints: (build) => ({
        getProcessList: build.query<
            ProcessListResponse,
            GraphqlQueryVariables<Process>
        >({
            query: (variables) => ({ document: processListQuery, variables }),
            transformResponse: (
                response: ProcessListResult,
            ): ProcessListResponse => {
                const processes = response.processes.page || [];

                return {
                    processes,
                    pageInfo: response.processes?.pageInfo || {},
                };
            },
            providesTags: getCacheTag(
                CacheTagType.processes,
                CACHETAG_TYPE_LIST,
            ),
        }),
    }),
});

export const { useGetProcessListQuery, useLazyGetProcessListQuery } =
    processApi;