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 commentModalMachine = Machine({
  id: 'commentModal',
  initial: 'closed',
  context: {
    comment: 'This is a comment'
  },
  states: {
    closed: {
      on: {
        OPEN: {
          target: 'open'
        }
      }
    },
    open: {
      initial: 'notEditing',
      states: {
        notEditing: {
          on: {
            EDIT: {
              target: 'editing'
            }
          }
        },
        editing: {
          on: {
            CANCEL: {
              target: 'notEditing'
            },
            SAVE: 'updating'
          }
        },
        updating: {
          on: {
            SUCCESS: 'notEditing',
            ERROR: 'notEditing',
            CLOSE: undefined // closing modal while updating not allowed
          }
        }
      }
    }
  },
  on: {
    CLOSE: 'closed'
  }
});