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

machine.js

const machine = Machine(
  {
    id: 'app',
    initial: 'loading',
    states: {
      loading: {
        type: 'parallel',
        states: {
          animation: {
             initial: 'animating',
             states: {
               animating: {
                 after: {
                   3000: 'completed',
                 },
               },
               completed: { type: 'final' },
             },
          },
          api: {
            initial: 'fetching',
            states: {
              fetching: {
                invoke: {
                  src: 'fetchFromAPI',
                  onDone: { target: 'completed', actions: 'assignData' },
                },
              },
              completed: { type: 'final' },
            }
          },
        },
        onDone: 'completed',
      },
     completed: {},
    }
  },
  {
    services: {
      fetchFromAPI: () => Promise.resolve([])
    }
  }
);