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 validateForm = () => true;
  
const createGroup = Machine({
  id: 'cohort',
  initial: 'closed',
  context: {
    values: {},
    errors: {}
  },
  states: {
    closed: {
      on: {
        OPEN: 'opened'
      }
    },
    opened: {
      initial: 'editing',
      on: {
        CLOSE: 'closed'
      },
      states: {
        editing: {
          on: {
            CHANGE: {
                target: '',
                actions: ['onChange']
              },
            SUBMIT: {
              target: 'submitting',
              cond: validateForm
            }
          }
        },
        submitting: {
          invoke: {
            src: () => new Promise.resolve(),
            onDone: 'success',
            onError: 'error',
          }
        },
        success: {
          onEntry: send('CLOSE')
        },
        error: {
           
        }
      }
    }
  }
},{
    actions: {
      // action to save
      onChange: assign({
        values: (ctx, data) => {
          const { event } = data;
          return {
            ...ctx.values,
            [event.name]: event.value
          };
        }
      })
    },
    guards: {
      validateForm,
    },
  });