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

machine.js

const agentInfo = {
  offline: {
    on: {
      ONLINE: 'online',
      GROUP: 'group'
    }
  },
  group: {
    on: {
      ONLINE: 'online',
      OFFLINE: 'offline'
    }
  },
  online: {
    on: {
      GROUP: 'group',
      OFFLINE: 'offline'
    }
  }
};

const chatPrompt = Machine({
  id: 'chatPrompt',
  initial: 'visible',
  context: {
  },
  states: {
    visible: {
      type: 'compound',
      initial: 'offline',
      states: {
        ...agentInfo
/*        online: {
          type: 'compound',
          initial: 'unavailable',
          states: {
            ...agentInfo,
            unavailable: {
              on: {
                AVAILABLE: 'available',
              }
            },
            available: {
              on: {
                UNAVAILABLE: 'unavailable'
              }
            }
          },
          on: {
            OFFLINE: 'offline'
          }
        },
        offline: {
          on: {
            ONLINE: 'online'
          }
        }*/
      },
      on: {
        CLOSE: 'hidden'
      }
    },
    hidden: {
      type: 'final'
    }
  }
});