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 fetchMachine = Machine({
  id: 'softPhoneSM',
  context: {
    /* some data */
    id: '123'
  },
  initial: 'wsNotConnected',
  states: {
    wsNotConnected: {
        on: { CONNECT: 'wsConnecting' }, 
    },
    wsConnecting: {
        on: { 
          CONNECTED: 'wsConnected',
          ERROR: 'wsConnectionFailed'
        }, 
    },
    wsConnectionFailed: {
      on: {
        CONNECT: 'wsConnecting'
      }
    },
    wsConnected: {
      initial: 'resting',
      on: { 
        CALL: 'wsConnected.ringing',
        INCOMING_CALL: 'wsConnected.incomingCall',
        DISCONNECTED: 'wsNotConnected'
      }, 
      states: {
        resting: {
          id: 'root_resting',
          on: { CALL: 'ringing' }, 
        },
        ringing: {
          on: { 
            ANSWERED: 'callInProgress',
            CANCEL: 'cancelled',
            REJECTED: 'callFailed'
          }, 
        },
        callFailed: {
          on: {
            PROCEED: 'resting'
          }
        },
        incomingCall: {
          on: {
            ANSWER: 'callInProgress',
            REJECT: 'incomingCallRejected'
          }
        },
        incomingCallRejected: {
          on: {
            PROCEED: 'resting'
          }
        },
        cancelled: {
          id: 'root_cancelled',
          on: {
            PROCEED: 'resting'
          }
        },
        callInProgress: {
          initial: 'inProgress',
          on: { 
            HANGUP: 'resting' ,
          }, 
          states: {
            held: {
              on: {
                UNHOLD: 'inProgress',
                CANCEL: '#root_cancelled'
              }
              
            },
            inProgress: {
              initial: 'notMuted',
              on: {
                HANGUP: '#root_resting',
                HOLD: 'held'
              },
              states: {
                notMuted: {
                  on: {
                    MUTE: 'muted'
                  }
                } ,
                muted: {
                  on: {
                    ONMUTE: 'notMuted'
                  }
                }
              }      
            }
          }
        }
      }
    }
  }
});