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

machine.js

new Machine({
  id: 'wink-initializer',
  initial: 'idle',
  context: {},
  states: {
    idle: {
      on: {
        '': 'bootstrap',
      },
    },
    bootstrap: {
      initial: 'getToken',
      states: {
        getToken: {
          invoke: {
            src: () => new Promise(r => setTimeout(() => r({ accessToken: '' }), 2500)),
            onDone: {
              target: 'getDevices',
              actions: [(context, { data: { accessToken } }) => console.log(accessToken)],
            },
            onError: { target: '#wink-initializer.idle' },
          },
        },
        getDevices: {
          invoke: {
            src: () => new Promise(r => setTimeout(() => r({ data: {} }), 2500)),
            onDone: { target: '#wink-initializer.ready' },
            onError: { target: '#wink-initializer.idle' },
          },
        },
      },
    },
    ready: {
      entry: [(context, { data: { data } }) => console.log('data', [...data])],
      type: 'final',
    },
  },
})