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

machine.js

const messagingMachine = Machine({
  id: 'messaging',
  initial: 'idle',
  context: {
    //
  },
  // either sending messages, receiving messages, or neither.
  // can send and receive at same time.
  type: 'parallel',
  states: {
    sending: {
      initial: 'idle',
      states: {
        idle: {
          on: { INIT_SENDING: 'sending' },
        },
        sending: {
          on: {
            SENDING_COMPLETE: 'sent',
            SENDING_FAILED: 'failed',
          },
        },
        sent: {
          on: {
            '': 'idle',
          },
        },
        failed: {
          on: {
            // resend message?
            // how does it know which message to send?
            // use message ID or have machine for the lifecycle of each message
            // when message sent and rendered the machine can be discarded.
            // the parent machine can orchastrate this
          }
        }
      },
    },
    receiving: {
      initial: 'idle',
      states: {
        idle: {
          on: { MESSAGE_RECEIVING: 'receiving' },
        },
        receiving: {
          on: { MESSAGE_RECEIVED: 'received' },
        },
        received: {
          on: {
            '': 'idle',
          },
        },
      },
    },
  },
}, {
  guards: {
    // isAgent: (context) => context.userType === 'agent',
    // isHomeowner: (context) => context.userType === 'homeowner',
  },
});