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

machine.js

const jwtTokenStates = {
  new: {
    onEntry: [
      'start activity service',
      't = jwt.exp - jwt.iat - cfg.delta',
      'setInterval(t, VERIFY)'
    ],
    onExit: [
      'cancel interval',
      'stop activity service'
    ],
    on: {
      LOGOUT: 'expired',
      VERIFY: 'pending_renew',
    },
  },
  pending_renew: {
    on: {
      '': [
        { target: 'renew', cond: 'isUserRecentlyActive' },
        { target: 'last-ditch' }
      ],
    },
  },

  'last-ditch': {
    onEntry: [
      'start countdownTask'
    ],
    onExit: [
      'stop countdownTask'
    ],
    on: {
      COUNTDOWN_COMPLETE: {
        target: 'expired',
      },
      RENEW: {
        target: 'renew',
      },
      LOGOUT: {
        target: 'expired',
      },
    }
  },

  renew: {
    onEntry: 'refreshToken',
    on: {
      SUCCESS: 'new',
      ERROR: 'expired'
    }
  },
  expired: {
    onEntry: ['session.invalidate', 'app.reload'],
    actions: assign({
      validToken: ({ context }) => (context.validToken = false),
    }),
  },
};

const aMachine = Machine({
  id: 'jwt-token-lifetime',
  initial: 'new',
  context: {
    userIsActive: true
    // lastUserActivityDateTime: Date.now(),
  },
  states: jwtTokenStates,
},
  {
    actions: {

    },
    guards: {
      isUserRecentlyActive(context) {
        // check the context lastUserActivity which was continuesly being set
        // by the @service userAcitivity
        return context.userIsActive;
      }
    },
  }
);