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

machine.js

Machine(
  {
    id: 'osagoReport',
    initial: 'introduction',
    context: {
    },
    states: {
      introduction: {

        on: {
          NEXT: 'chooseFormalizedWay',
        },
      },
      chooseFormalizedWay: {
        on: {
          NEXT: [
            {
              target: 'euro',
              cond: 'isEuro',
            },
            {
              target: 'gibdd',
              cond: 'isGibdd',
            },
            {
              target: 'notFormalized',
              cond: 'notFormalized',
            },
          ],
          BACK: 'introduction',
        },
      },
      gibdd: {
        initial: 'chooseCauser',
        states: {
          chooseCauser: {
            on: {
              BACK: '#osagoReport.chooseFormalizedWay',
              NEXT: 'when',
            },
          },
          when: {
            on: {
              BACK: 'chooseCauser',
              NEXT: {
                actions: 'submit',
              },
            },
          },
        },
      },
      euro: {
        initial: 'chooseCauser',
        states: {
          chooseCauser: {

            on: {
              NEXT: 'chooseCrash',
              BACK: '#osagoReport.chooseFormalizedWay',
            },
          },
          chooseCrash: {
            on: {
              NEXT: 'when',
              BACK: 'chooseCauser',
            },
          },
          when: {
            on: {
              BACK: 'chooseCrash',
              NEXT: {
                actions: 'submit',
              },
            },
          },
        },
      },
      notFormalized: {
        on: {
          BACK: 'chooseFormalizedWay',
        },
      },
    },
  },

  {
    conditions: {
      isGibdd: () => {},
      notFormalized: () => {},
      isEuro: () => {},
    },
    actions: {
      submit: (context, { values: formValues }) => {
        alert(JSON.stringify(formValues));
      },
    },
  }
);