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: "draft",
  context: {},
  states: {
    draft: {
      on: {
        CONFIRM: {
          target: "confirmed",
          actions: assign({ order: (_context, event) => event.order })
        },
        ABORT: "aborted"
      }
    },
    confirmed: {
      on: {
        CHECKIN: {
          target: "checkedIn",
          cond: hasOrder
        },
        CANCEL: {
          target: "cancelled",
          cond: hasOrder
        }
      }
    },
    checkedIn: {
      on: {
        PICKUP: "pickedUp"
      }
    },
    pickedUp: {
      type: "final"
    },
    cancelled: {
      type: "final"
    },
    aborted: {
      type: "final"
    }
  }
});

function hasOrder(context) {
  return context.order != null;
}