In this PR: - Updated the front-end types for workflows to include CRUD actions and global naming changes - Allow users to create a Record Create action - Scaffold the edit for Record Create action; for now, I render a `<VariableTagInput />` component for every editable field; it's likely we'll change it soon Closes https://github.com/twentyhq/private-issues/issues/142 Demo: https://github.com/user-attachments/assets/6f0b207a-b7d2-46d9-b5ab-9e32bde55d76
130 lines
4.2 KiB
TypeScript
130 lines
4.2 KiB
TypeScript
import { useFilteredObjectMetadataItems } from '@/object-metadata/hooks/useFilteredObjectMetadataItems';
|
|
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
|
|
import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
|
|
import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
|
|
import { RightDrawerPages } from '@/ui/layout/right-drawer/types/RightDrawerPages';
|
|
import { useComputeStepOutputSchema } from '@/workflow/hooks/useComputeStepOutputSchema';
|
|
import { useCreateNewWorkflowVersion } from '@/workflow/hooks/useCreateNewWorkflowVersion';
|
|
import { workflowCreateStepFromParentStepIdState } from '@/workflow/states/workflowCreateStepFromParentStepIdState';
|
|
import { workflowDiagramTriggerNodeSelectionState } from '@/workflow/states/workflowDiagramTriggerNodeSelectionState';
|
|
import { workflowSelectedNodeState } from '@/workflow/states/workflowSelectedNodeState';
|
|
import {
|
|
WorkflowStep,
|
|
WorkflowStepType,
|
|
WorkflowVersion,
|
|
WorkflowWithCurrentVersion,
|
|
} from '@/workflow/types/Workflow';
|
|
import { getStepDefaultDefinition } from '@/workflow/utils/getStepDefaultDefinition';
|
|
import { insertStep } from '@/workflow/utils/insertStep';
|
|
import { useRecoilValue, useSetRecoilState } from 'recoil';
|
|
import { isDefined } from 'twenty-ui';
|
|
|
|
export const useCreateStep = ({
|
|
workflow,
|
|
}: {
|
|
workflow: WorkflowWithCurrentVersion;
|
|
}) => {
|
|
const { openRightDrawer } = useRightDrawer();
|
|
const setWorkflowSelectedNode = useSetRecoilState(workflowSelectedNodeState);
|
|
|
|
const workflowCreateStepFromParentStepId = useRecoilValue(
|
|
workflowCreateStepFromParentStepIdState,
|
|
);
|
|
|
|
const setWorkflowDiagramTriggerNodeSelection = useSetRecoilState(
|
|
workflowDiagramTriggerNodeSelectionState,
|
|
);
|
|
|
|
const { updateOneRecord: updateOneWorkflowVersion } =
|
|
useUpdateOneRecord<WorkflowVersion>({
|
|
objectNameSingular: CoreObjectNameSingular.WorkflowVersion,
|
|
});
|
|
|
|
const { createNewWorkflowVersion } = useCreateNewWorkflowVersion();
|
|
|
|
const { computeStepOutputSchema } = useComputeStepOutputSchema();
|
|
|
|
const { activeObjectMetadataItems } = useFilteredObjectMetadataItems();
|
|
|
|
const insertNodeAndSave = async ({
|
|
parentNodeId,
|
|
nodeToAdd,
|
|
}: {
|
|
parentNodeId: string;
|
|
nodeToAdd: WorkflowStep;
|
|
}) => {
|
|
const currentVersion = workflow.currentVersion;
|
|
if (!isDefined(currentVersion)) {
|
|
throw new Error("Can't add a node when there is no current version.");
|
|
}
|
|
|
|
const updatedSteps = insertStep({
|
|
steps: currentVersion.steps ?? [],
|
|
parentStepId: parentNodeId,
|
|
stepToAdd: nodeToAdd,
|
|
});
|
|
|
|
if (workflow.currentVersion.status === 'DRAFT') {
|
|
await updateOneWorkflowVersion({
|
|
idToUpdate: currentVersion.id,
|
|
updateOneRecordInput: {
|
|
steps: updatedSteps,
|
|
},
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
await createNewWorkflowVersion({
|
|
workflowId: workflow.id,
|
|
name: `v${workflow.versions.length + 1}`,
|
|
status: 'DRAFT',
|
|
trigger: workflow.currentVersion.trigger,
|
|
steps: updatedSteps,
|
|
});
|
|
};
|
|
|
|
const createStep = async (newStepType: WorkflowStepType) => {
|
|
if (!isDefined(workflowCreateStepFromParentStepId)) {
|
|
throw new Error('Select a step to create a new step from first.');
|
|
}
|
|
|
|
const newStep = getStepDefaultDefinition({
|
|
type: newStepType,
|
|
activeObjectMetadataItems,
|
|
});
|
|
|
|
const outputSchema = (
|
|
await computeStepOutputSchema({
|
|
step: newStep,
|
|
})
|
|
)?.data?.computeStepOutputSchema;
|
|
|
|
newStep.settings = {
|
|
...newStep.settings,
|
|
outputSchema: outputSchema || {},
|
|
};
|
|
|
|
await insertNodeAndSave({
|
|
parentNodeId: workflowCreateStepFromParentStepId,
|
|
nodeToAdd: newStep,
|
|
});
|
|
|
|
setWorkflowSelectedNode(newStep.id);
|
|
openRightDrawer(RightDrawerPages.WorkflowStepEdit);
|
|
|
|
/**
|
|
* After the step has been created, select it.
|
|
* As the `insertNodeAndSave` function mutates the cached workflow before resolving,
|
|
* we are sure that the new node will have been created at this stage.
|
|
*
|
|
* Selecting the node will cause a right drawer to open in order to edit the step.
|
|
*/
|
|
setWorkflowDiagramTriggerNodeSelection(newStep.id);
|
|
};
|
|
|
|
return {
|
|
createStep,
|
|
};
|
|
};
|