@orchestrator-ui/orchestrator-ui-components 7.6.0 → 8.0.0

package/src/rtk/endpoints/metadata/scheduledTasks.ts

@@ -7,7 +7,6 @@ import {
   GraphqlQueryVariables,
   ScheduledTaskDefinition,
   ScheduledTasksDefinitionsResult,
-  TaskType,
 } from '@/types';
 
 export const scheduledTasks = `
@@ -41,7 +40,7 @@ export type ScheduledTasksResponse = {
   schedules: ScheduledTaskDefinition[];
 } & BaseGraphQlResult;
 
-/* 
+/*
 https://apscheduler.readthedocs.io/en/3.x/modules/triggers/interval.html#module-apscheduler.triggers.interval
 Possible parameters:
 weeks (int) – number of weeks to wait
@@ -105,11 +104,13 @@ export type CronKwargs = {
 type Kwargs = DateKwargs | InterValKwargs | CronKwargs;
 
 export type ScheduledTaskPostPayload = {
-  workflowId: string;
-  workflowName: string;
-  workflowDescription: string;
-  type: TaskType;
-  kwargs: Kwargs;
+  workflow_id: string;
+  workflow_name: string;
+  name: string;
+  trigger: string;
+  trigger_kwargs: Kwargs;
+  scheduled_type: string;
+  user_inputs: object[];
 };
 
 const scheduledTasksApi = orchestratorApi.injectEndpoints({
@@ -149,22 +150,13 @@ const scheduledTasksApi = orchestratorApi.injectEndpoints({
     }),
     createScheduledTask: builder.mutation<unknown, ScheduledTaskPostPayload>({
       query: (payload) => {
-        const scheduleTaskPayload = {
-          scheduled_type: 'create',
-          name: payload.workflowDescription,
-          workflow_name: payload.workflowName,
-          workflow_id: payload.workflowId,
-          trigger: payload.type,
-          trigger_kwargs: payload.kwargs,
-        };
-
         return {
           url: METADATA_SCHEDULES_ENDPOINT,
           method: 'POST',
           headers: {
             'Content-Type': 'application/json',
           },
-          body: scheduleTaskPayload,
+          body: payload,
         };
       },
       extraOptions: {

package/src/rtk/endpoints/streamMessages.ts

@@ -1,8 +1,7 @@
 import { debounce } from 'lodash';
 
 import { getWebSocket, orchestratorApi } from '@/rtk';
-import type { RootState } from '@/rtk/store';
-import { CacheTag, CacheTagType } from '@/types';
+import { CacheTag } from '@/types';
 
 const PING_INTERVAL_MS = 30000;
 const NO_PONG_RECEIVED_TIMEOUT_MS = 35000;
@@ -29,32 +28,26 @@ enum MessageTypes {
  * - It invalidates the cache entry with the tag received in the message event
  * - WfoWebsocketStatusBadge contains logic that handles automatic reconnection and their circumstances
  */
+
 const streamMessagesApi = orchestratorApi.injectEndpoints({
   endpoints: (build) => ({
-    streamMessages: build.query<boolean, void>({
+    streamMessages: build.query<boolean, string>({
       queryFn: () => {
         return { data: true };
       },
-      async onCacheEntryAdded(_, { cacheDataLoaded, cacheEntryRemoved, dispatch, getState, updateCachedData }) {
+      async onCacheEntryAdded(wsEndpoint, { cacheDataLoaded, cacheEntryRemoved, dispatch, updateCachedData }) {
         const cleanUp = () => {
           clearInterval(pingInterval);
           updateCachedData(() => false);
         };
 
         const invalidateTag = (cacheTag: CacheTag) => {
-          if (validCacheTags.includes(cacheTag.type)) {
-            const cacheInvalidationAction = orchestratorApi.util.invalidateTags([cacheTag]);
-            dispatch(cacheInvalidationAction);
-          } else {
-            console.error(`Trying to invalidate a cache entry with an unknown tag: ${cacheTag.type}`);
-          }
+          const cacheInvalidationAction = orchestratorApi.util.invalidateTags([cacheTag]);
+          dispatch(cacheInvalidationAction);
         };
 
         await cacheDataLoaded;
         let initialConnection = true;
-        const state = getState() as RootState;
-        const { orchestratorWebsocketUrl } = state.orchestratorConfig;
-        const validCacheTags = Object.values(CacheTagType);
 
         const getDebounce = (delay: number) => {
           return debounce(() => {
@@ -68,8 +61,7 @@ const streamMessagesApi = orchestratorApi.injectEndpoints({
         const closeConnectionAfterFirstPing = getDebounce(INITIAL_CONNECTION_CHECK_INTERVAL_MS);
         const debounceClosingConnection = getDebounce(NO_PONG_RECEIVED_TIMEOUT_MS);
 
-        // Starts the websocket
-        const webSocket = await getWebSocket(orchestratorWebsocketUrl);
+        const webSocket = await getWebSocket(wsEndpoint);
 
         const sendPing = () => {
           if (webSocket.readyState === WebSocket.OPEN) {
@@ -82,9 +74,7 @@ const streamMessagesApi = orchestratorApi.injectEndpoints({
         // run less frequently at the discretion of the browser causing the websocket to disconnect
         // sometimes. WfoWebsocketStatusBadge contains logic to reconnect based on the pageVisibility api
         // to handle that situation.
-        const pingInterval = setInterval(() => {
-          sendPing();
-        }, PING_INTERVAL_MS);
+        const pingInterval = setInterval(sendPing, PING_INTERVAL_MS);
 
         webSocket.onopen = () => {
           // Check the connection right after it is established
@@ -106,6 +96,7 @@ const streamMessagesApi = orchestratorApi.injectEndpoints({
             }
             return;
           }
+
           const message = JSON.parse(data) as WebSocketMessage;
           if (message.name === MessageTypes.invalidateCache) {
             invalidateTag(message.value);
@@ -114,17 +105,13 @@ const streamMessagesApi = orchestratorApi.injectEndpoints({
           }
         });
 
-        webSocket.onerror = (event) => {
-          console.error('WebSocket error', event);
-        };
-
+        webSocket.onerror = (event) => console.error('WebSocket error', event);
         webSocket.onclose = () => {
           console.error('WebSocket closed');
           cleanUp();
         };
 
         await cacheEntryRemoved;
-
         webSocket.close();
       },
     }),

package/src/rtk/slices/orchestratorComponentOverride.ts

@@ -2,7 +2,7 @@ import { ReactElement, ReactNode } from 'react';
 
 import { Slice, createSlice } from '@reduxjs/toolkit';
 
-import { FieldValue, RenderableFieldValue, SubscriptionDetail } from '@/types';
+import { FieldValue, RenderableFieldValue, Step, SubscriptionDetail } from '@/types';
 
 export type ValueOverrideFunction = (
   fieldValue: FieldValue | RenderableFieldValue,
@@ -19,6 +19,10 @@ export type OrchestratorComponentOverride = {
   startPage?: {
     summaryCardConfigurationOverride?: (defaultItems: ReactElement[]) => ReactElement[];
   };
+  stepDetail?: {
+    stepHeader?: React.JSXElementConstructor<{ step?: Step }>;
+    stepBody?: React.JSXElementConstructor<{ step?: Step }>;
+  };
   subscriptionDetail?: {
     valueOverrides?: ValueOverrideConfiguration;
     generalSectionConfigurationOverride?: (

package/src/utils/compareVersions.ts

@@ -1,6 +1,6 @@
 import { MappedVersion } from '@/types';
 
-const compareVersions = (v1: string, v2: string): number => {
+export const compareVersions = (v1: string, v2: string): number => {
   const parse = (v: string) => {
     const parts = v.split('.');