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

machine.js

const dashboardMachine = Machine({
  id: 'dashboardMachine',
  initial: 'idle',
  context: {},
  states: {
    idle: {
      on: {
        INIT: 'loadPreferences'
      }
    },
    loadPreferences: {
      on: {
        CHAIN: 'loadStats'
      }
    },
    loadStats: {
      on: {
        CHAIN: 'loadGlance',
        SINGLE: 'loaded'
      }
    },
    loadGlance: {
      on: {
        CHAIN: 'loadOverview',
        SINGLE: 'loaded'
      }
    },
    loadOverview: {
      on: {
        CHAIN: 'loadEngage',
        SINGLE: 'loaded'
      }
    },
    loadEngage: {
      on: {
        CHAIN: 'loadLastMonth',
        SINGLE: 'loaded'
      }
    },
    loadLastMonth: {
      on: {
        CHAIN: 'loadPatron',
        SINGLE: 'loaded'
      }
    },
    loadPatron: {
      on: {
        CHAIN: 'loadTrending',
        SINGLE: 'loaded'
      }
    },
    loadTrending: {
      on: {
        CHAIN: 'loadInfluencers',
        SINGLE: 'loaded'
      }
    },
    loadInfluencers: {
      on: {
        CHAIN: 'loaded',
        SINGLE: 'loaded'
      }
    },
    loaded: {
      on: {
        CHAIN: 'loadStats',
        SINGLE_STATS: 'loadStats',
        SINGLE_GLANCE: 'loadGlance',
        SINGLE_OVERVIEW: 'loadOverview',
        SINGLE_ENGAGE: 'loadEngage',
        SINGLE_LAST_MONTH: 'loadLastMonth',
        SINGLE_PATRON: 'loadPatron',
        SINGLE_TRENDING: 'loadTrending',
        SINGLE_INFLUENCERS: 'loadInfluencers'
      }
    }
  }
})