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

machine.js

const door = Machine({
  id: 'door',
  initial: 'idle',
  states: {
    idle: {
      context: {
        participants: [],
      },
      on: { 
        CONNECTED: 'inProgress',
        HANG_UP: 'wrapUp' 
      }
    },
    inProgress: {
      initial: 'active',
      states: {
        active: {
          on: { 
            HOLD: 'onHold',
          }
        },
        onHold: {
          on: { 
            RESUME: 'active',
          }
        },
      },
      on: { 
        HANG_UP: 'wrapUp' 
      },
      activities: {
        listeningToSocket: (context, event) => {
          // listen to Twilio websocket
          return () => {
            // clean up websocket
          }
        }
      }
    },
    wrapUp: {
      on: { 
        RECORD_OUTCOME: 'idle'
      }
    }
  }
})