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

machine.js

const fetchMachine = Machine({
  id: 'report',
  initial: 'idle',
  context: {
    answers: 0,
  },
  states: {
    idle: {
      on: {
        CREATE_REPORT: 'filled'
      }
    },
    filled: {
      on: {
        DELETE_DRAFT: 'idle',
        SAVE_ONLINE: 'synced',
        ADD_ANSWER: {
          target: 'filled',
          actions: 'add',
        },
        DEL_ANSWER: {
          target: 'filled',
          actions: 'del'
        }
      },
    },
    synced: {
      on: {
        '': {
          target: 'submitted',
          cond: 'sup',
        },
        EDIT_ANSWERS: 'filled',
      }
    },
    submitted: {
      type: 'final'
    },
  },
  actions: {
    add: assign({
      answers: (context, event) => context.answers + 1
    }),
    del: assign({
      answers: (context, event) => context.answers - 1
    }),
  },
  guards: {
    sup: context => context.answers > 1
  }
});