Add REJECT support for ApprovedCondition for GateNodes

packages/console/src/components/Launch/LaunchForm/LaunchFormActions.tsx

@@ -15,6 +15,7 @@ export interface LaunchFormActionsProps {
   onClose(): void;
   isError: boolean;
   submitTitle: string;
+  rejectTitle?: string;
 }
 /** Renders the Submit/Cancel buttons for a LaunchForm */
 export const LaunchFormActions: React.FC<LaunchFormActionsProps> = ({
@@ -23,6 +24,7 @@ export const LaunchFormActions: React.FC<LaunchFormActionsProps> = ({
   onClose,
   isError,
   submitTitle,
+  rejectTitle,
 }) => {
   const styles = useStyles();
   const submissionInFlight = state.matches(LaunchState.SUBMITTING);
@@ -35,6 +37,13 @@ export const LaunchFormActions: React.FC<LaunchFormActionsProps> = ({
 
   const submit: React.FormEventHandler = event => {
     event.preventDefault();
+    service.send({ type: 'SELECT_REJECT', value: false });
+    service.send({ type: 'SUBMIT' });
+  };
+
+  const reject: React.FormEventHandler = event => {
+    event.preventDefault();
+    service.send({ type: 'SELECT_REJECT', value: true });
     service.send({ type: 'SUBMIT' });
   };
 
@@ -99,6 +108,19 @@ export const LaunchFormActions: React.FC<LaunchFormActionsProps> = ({
         >
           {t('cancel')}
         </Button>
+        {rejectTitle && (
+          <Button
+            color="primary"
+            disabled={!canSubmit || isError}
+            id="launch-workflow-reject"
+            onClick={reject}
+            type="submit"
+            variant="outlined"
+          >
+            {rejectTitle}
+            {submissionInFlight && <ButtonCircularProgress />}
+          </Button>
+        )}
         <Button
           color="primary"
           disabled={!canSubmit || isError}

packages/console/src/components/Launch/LaunchForm/ResumeSignalForm.tsx

@@ -84,7 +84,16 @@ export const ResumeSignalForm: React.FC<ResumeSignalFormProps> = ({
         service={baseService}
         onClose={onClose}
         isError={isError}
-        submitTitle={launchFormStrings('resume')}
+        submitTitle={
+          compiledNode.gateNode?.approve?.signalId
+            ? launchFormStrings('approve')
+            : launchFormStrings('resume')
+        }
+        rejectTitle={
+          compiledNode.gateNode?.approve?.signalId
+            ? launchFormStrings('reject')
+            : null
+        }
       />
     </>
   );

packages/console/src/components/Launch/LaunchForm/launchMachine.ts

@@ -30,6 +30,10 @@ export type SelectLaunchPlanEvent = {
   type: 'SELECT_LAUNCH_PLAN';
   launchPlan: LaunchPlan;
 };
+export type SelectRejectEvent = {
+  type: 'SELECT_REJECT';
+  value: boolean;
+};
 export type WorkflowVersionOptionsLoadedEvent = DoneInvokeEvent<Workflow[]>;
 export type LaunchPlanOptionsLoadedEvent = DoneInvokeEvent<LaunchPlan[]>;
 export type TaskVersionOptionsLoadedEvent = DoneInvokeEvent<Task[]>;
@@ -49,7 +53,8 @@ export type BaseLaunchEvent =
   | SelectTaskVersionEvent
   | SelectLaunchPlanEvent
   | ExecutionCreatedEvent
-  | ErrorEvent;
+  | ErrorEvent
+  | SelectRejectEvent;
 
 export type TaskLaunchEvent =
   | BaseLaunchEvent
@@ -71,6 +76,7 @@ export interface BaseLaunchContext {
   showErrors: boolean;
   referenceExecutionId?: WorkflowExecutionIdentifier;
   unsupportedRequiredInputs: ParsedInput[];
+  reject?: boolean;
 }
 
 export interface WorkflowLaunchContext extends BaseLaunchContext {
@@ -402,7 +408,12 @@ export const taskResumeMachineConfig: MachineConfig<
   id: 'resumeTask',
   initial: LaunchState.LOADING_INPUTS,
   context: { ...defaultBaseContext },
-  on: defaultHandlers,
+  on: {
+    ...defaultHandlers,
+    SELECT_REJECT: {
+      actions: ['selectReject'],
+    },
+  },
   states: {
     ...(baseStateConfig as StatesConfig<
       TaskResumeContext,
@@ -502,6 +513,9 @@ const baseActions: BaseMachineOptions['actions'] = {
     error: (event as ErrorEvent).data,
   })),
   showErrors: assign(_ => ({ showErrors: true })),
+  selectReject: assign((_, event) => ({
+    reject: (event as SelectRejectEvent).value,
+  })),
 };
 
 const baseServices: BaseMachineOptions['services'] = {

packages/console/src/components/Launch/LaunchForm/strings.ts

@@ -21,6 +21,8 @@ const str = {
   role: 'Role',
   submit: 'Launch',
   resume: 'Resume',
+  approve: 'Approve',
+  reject: 'Reject',
   taskVersion: 'Task Version',
   title: 'Create New Execution',
   resumeTitle: 'Resume Paused Execution',

packages/console/src/components/Launch/LaunchForm/useResumeFormState.ts

@@ -2,7 +2,6 @@ import { useMachine } from '@xstate/react';
 import { defaultStateMachineConfig } from 'components/common/constants';
 import { APIContextValue, useAPIContext } from 'components/data/apiContext';
 import { partial } from 'lodash';
-import { SimpleType } from 'models/Common/types';
 import { NodeExecutionIdentifier } from 'models/Execution/types';
 import { CompiledNode } from 'models/Node/types';
 import { RefObject, useMemo, useRef } from 'react';
@@ -72,7 +71,7 @@ async function validate(formInputsRef: RefObject<LaunchFormInputsRef>) {
 async function submit(
   { resumeSignalNode }: APIContextValue,
   formInputsRef: RefObject<LaunchFormInputsRef>,
-  { compiledNode, nodeExecutionId }: TaskResumeContext,
+  { compiledNode, nodeExecutionId, reject }: TaskResumeContext,
 ) {
   const signalId =
     compiledNode?.gateNode?.signal?.signalId ||
@@ -93,7 +92,7 @@ async function submit(
       executionId: nodeExecutionId?.executionId,
     },
     value: isApprovedCondition
-      ? { scalar: { primitive: { boolean: true } } }
+      ? { scalar: { primitive: { boolean: !reject } } }
       : literals['signal'],
   });