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

machine.js

  const stepperMachine = Machine({
    id: 'stepper',
    initial: 'selectDecisionFlow',
    states: {
      'selectDecisionFlow': {
        on: {
          next: 'selectDataSource',
        },
      },
      'selectDataSource': {
        on: {
          next: 'selectPaddingAndDestination',
          back: 'selectDecisionFlow',
        },
      },
      'selectPaddingAndDestination': {
        on: {
          next: 'review',
          back: 'selectDataSource',
        },
      },
      'review': {
        on: {
          back: 'selectPaddingAndDestination',
          submit: 'submit'
        },
      },
      'submit': {
        initial: 'submitting',
        states: {
          submitting: {
            on: {
              success: 'success',
              failed: 'failure'
            }
          },
          success: {
            type: 'final'
          },
          failure: {
            type: 'final'
          }
        }
      }
    }
  });