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

machine.js

const formMachine = Machine({
  id: "formMachine",
  initial: "editing",
  context: {
    questions: [],
    name: ""
  },
  states: {
    editing: {
      initial: "addOnly",
      states: {
        addOnly: {},
        canDelete: {
          on: {
            deleteQuestion: [
              {
                target: "addOnly",
                actions: "deleteQuestion",
                cond: "isPenultimate"
              },
              {
                actions: "deleteQuestion"
              }
              ]
          },
        }
      },
      on: {
        addResponse: {
          target: ".canDelete",
          actions: "addQuestion"
        },
        submit: {
          target: "submitting"
        }
      }
    },
    submitting: {
      invoke: {
        src: "submitForm",
        onDone: "created",
        onError: "failed"
      }
    },
    created: {
      type: "final",
    },
    failed: {
      
    }
  }
})