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

machine.js

const states = {
  idle: {
    on: {
      START: 'started',
    },
  },
  started: {
    entry: ['start'],
    on: { CLOSE: 'closed', COMPLETE: 'completed', PAUSE: 'paused' },
    exit: [assign({ started: true })],
  },
  paused: {
    entry: ['pause'],
    on: { RESUME: 'resumed', CLOSE: 'closed' },
  },
  completed: {
    entry: ['complete'],
  },
};

const transientStates = {
  resumed: {
    entry: ['resume'],
    on: {
      '': 'started',
    },
  },
  closed: {
    entry: ['close'],
    on: {
      '': 'idle',
    },
  },
};

const lessonMachine = Machine(
  {
    id: 'lesson',
    initial: 'idle',
    states: {
      ...states,
      ...transientStates,
    },
    context: {
      started: false,
    },
  },
  {
    actions: {
      start: () => {
        throw new Error('Abstract method, needs override');
      },
      pause: () => {
        throw new Error('Abstract method, needs override');
      },
      resume: () => {
        throw new Error('Abstract method, needs override');
      },
      close: () => {
        throw new Error('Abstract method, needs override');
      },
      complete: () => {
        throw new Error('Abstract method, needs override');
      },
    },
  },
);