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 states = {
  active: {
    onEntry: ['handleActive'],
    on: {
      USER_IDLE: 'idle',
      USER_ACTIVE: 'active',
      TOGGLE: 'idle',
      LOGOUT: 'inactive',
    },
  },
  idle: {
    onEntry: ['handleIdleChange'],
    on: {
      RENEW: {
        target: 'active',
        actions: ['handleRenew'],
        cond: 'validateToken',
      },
      EXIT: 'inactive',
      LOGOUT: {
        actions: ['handleLogout'],
        target: 'inactive',
      },
    },
  },
  inactive: {
    actions: assign({
      validToken: ({ context }) => (context.validToken = false),
    }),
  },
};

const aMachine = Machine({
  initial: 'active',
  states,
  actions: {
    // predefine methods to handle transitions between states
    // args to expect are (context, event)
    handleIdleChange() {},
    handleActive() {},
    handleLogout() {},
    handleRenew() {},
  },
  guards: {
    validateToken() {},
  },
});