consul/ui/packages/consul-ui/app/components/auth-dialog/chart.xstate.js

export default {
  id: 'auth-dialog',
  initial: 'idle',
  on: {
    CHANGE: [
      {
        target: 'authorized',
        cond: 'hasToken',
        actions: ['login'],
      },
      {
        target: 'unauthorized',
        actions: ['logout'],
      },
    ],
  },
  states: {
    idle: {
      on: {
        CHANGE: [
          {
            target: 'authorized',
            cond: 'hasToken',
          },
          {
            target: 'unauthorized',
          },
        ],
      },
    },
    unauthorized: {},
    authorized: {},
  },
};