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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  
const passwordMachine = Machine({
  initial: "editing",
  context: {
    password: ""
  },
  states: {
    editing: {
      on: {
        CHANGE: {
          target: ".idle",
          actions: assign({
            password: (ctx, e) => e.value
          })
        },
        SUBMIT: "posting"
      },
      initial: "idle",
      states: {
        idle: {},
        invalid: {}
      }
    },
    posting: {
      invoke: {
        id: "posting",
        src: ctx => post(ctx.password),
        onDone: "posted",
        onError: "fail"
      }
    },
    posted: {
      entry: "submit",
      type: "final"
    },
    skip: {
      invoke: {
        id: "skip",
        src: ctx => skip(ctx.password),
        onDone: "skipping",
        onError: "fail"
      }
    },
    skipping: {
      entry: "submit",
      type: "final"
    },
    fail: {}
  }
});