twenty/packages/twenty-front/src/modules/workflow/hooks/useRunWorkflowVersion.tsx

import { SnackBarVariant } from '@/ui/feedback/snack-bar-manager/components/SnackBar';
import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
import { RUN_WORKFLOW_VERSION } from '@/workflow/graphql/mutations/runWorkflowVersion';
import { useApolloClient, useMutation } from '@apollo/client';
import { useTheme } from '@emotion/react';
import { IconSettingsAutomation } from 'twenty-ui';
import {
  RunWorkflowVersionMutation,
  RunWorkflowVersionMutationVariables,
} from '~/generated/graphql';

export const useRunWorkflowVersion = () => {
  const apolloClient = useApolloClient();
  const [mutate] = useMutation<
    RunWorkflowVersionMutation,
    RunWorkflowVersionMutationVariables
  >(RUN_WORKFLOW_VERSION, {
    client: apolloClient,
  });

  const { enqueueSnackBar } = useSnackBar();

  const theme = useTheme();

  const runWorkflowVersion = async ({
    workflowVersionId,
    payload,
  }: {
    workflowVersionId: string;
    payload?: Record<string, any>;
  }) => {
    const { data } = await mutate({
      variables: { input: { workflowVersionId, payload } },
    });

    const workflowRunId = data?.runWorkflowVersion?.workflowRunId;

    if (!workflowRunId) {
      enqueueSnackBar('Workflow run failed', {
        variant: SnackBarVariant.Error,
      });
      return;
    }

    const link = `/object/workflowRun/${workflowRunId}`;

    enqueueSnackBar('Workflow is running...', {
      variant: SnackBarVariant.Success,
      icon: (
        <IconSettingsAutomation
          size={16}
          color={theme.snackBar.success.color}
        />
      ),
      link: {
        href: link,
        text: 'View execution details',
      },
    });
  };

  return { runWorkflowVersion };
};