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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  const isEmpty = ({ users }) => users.length === 0;
  const notEmpty = ({ users }) => users.length > 0;

  const meetingMachine = Machine({
    id: 'meeting',
    initial: 'empty',
    context: {
      users: []
    },
    states: {
      empty: {
        on: {
          ADD: {
            target: 'validMeeting',
            actions: ['addAttendee']
          }
        }
      },
      validMeeting: {
        on: {
          ADD: {
            actions: ['addAttendee']
          },
          REMOVE: {
            target: 'checkEmpty',
            actions: ['removeAttendee']
          },
          MEET: {
            target: 'meeting',
            actions: ['createMeeting']
          },
          SCHEDULE: {
            target: 'schedule',
            actions: ['scheduleMeeting'],
            
          }
        }
      },
      checkEmpty: {
        on: {
          '': [
          { target: 'empty', cond: isEmpty },
          { target: 'validMeeting', cond: notEmpty }
        ]
        }
      },
      meeting: {
        type: 'final'
      },
      schedule: {
        type: 'final'
      }
    }
  }, {
    actions: {
      addAttendee: assign({ users: context => {
        return [...context.users, 'userId'];
        }
      }),
      removeAttendee: assign({ users: context => {
        context.users.splice(0,1);
        return [...context.users];
        }
      })
    }
  });