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

machine.js

const createDialMachine = Machine({
  id: "createDialMachine",
  initial: "init",
  context: {
    createDial: null,
    error: false,
    errorMsg: '',
    retries: 0
  },
  states: {
    init: {
      on: {
        DEVICE_ID: "deviceId"
      }
    },
    deviceId: {
      on: {
        NEXT: "dialType",
        EXIT: "init"
      }
    },
    dialType: {
      on: {
        NEXT: "dialName",
        EXIT: "init"
      }
    },
    dialName: {
      on: {
        NEXT: "creating",
        BACK: "dialType"
      }
    },
    creating: {
      on: {
        RESOLVE: "complete",
        REJECT: "failure"
      }
    },
    complete: {
      on: {
        EXIT: "init",
        ADD_ANOTHER: "deviceId"
      }
    },
    failure: {
      on: {
        RETRY: {
          target: 'creating',
          actions: assign({
            retries: (ctx, event) => ctx.retries + 1
          })
        }
      }
    }
  }
})