Generated by XState Viz: https://xstate.js.org/viz

machine.js

const taskMachine = Machine({
  id: 'toggle',
  initial: 'todo',
  context: {
    deleted: false,
  },
  states: {
    todo: {
      on: {
        START: 'inProgress',
        DELETE: 'deleted',
      },
    },
    inProgress: {
      on: {
        DONE: 'done',
        CANCEL: 'canceled',
      },
    },
    done: {
      on: { DELETE: 'deleted' },
    },
    canceled: {
      on: { DELETE: 'deleted' },
    },
    deleted: {
      entry: assign({ deleted: true }),
      type: 'final',
    },
  },
})