checkoutMachine: 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 checkoutMachine = Machine(
  {
    id: "checkout",
    initial: "validating",
    context: {},
    states: {
      // validate the inital props and
      // decide whether it's safe to 
      // start up or whether to bail
      validating: {
        on: {
          "": [
            {
              cond: "hasError",
              target: "broken",
            },
            { target: "started" },
          ],
        },
      },
      broken: {},
      started: {
        type: "parallel",
        states: {
          a: {}
        },
      },
    },
  },
  {
    guards: {
      hasError: (ctx, event) => false
    },
    actions: {},
    services: {},
  }
);