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

machine.js

const setProgressTo = p => assign({
  progress: () => p,
})
const fetchMachine = Machine({
  id: 'fetch',
  context: {
    numberShares: 0,
    progress: 0
  },
  initial: 'requestAllocation',
  states: {
    requestAllocation: {
      on: {
        NEXT: {
          target: 'bankAccount',
          actions: assign({
            numberShares: (_, event) => event.value,
          }),
        }
      },
      entry: setProgressTo(0),
    },
    bankAccount: {
      entry: setProgressTo(50),
      on: {
        NEXT: {
          target: 'confirmation',
        },
        BACK: {
          target: 'requestAllocation',
        },
      }
    },
    confirmation: {
      entry: setProgressTo(100),
      type: "final"
    }
  }
}, {
  guards: {
    isSetupComplete: () => true
  },
});