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 details = {
  initial: "lookup",
  states: {
    lookup: {
      on: {
        EMAIL_FOUND: "login",
        EMAIL_NOT_FOUND: "#checkout.shipping"
      }
    },
    login: {
      on: {
        SUCCESS: "#checkout.shipping",
        GUEST: "#checkout.shipping"
      }
    }
  }
};

const shipping = {
  on: {
    COMPLETE: "payment"
  },
  states: {
    providers: {},
    options: {}
  }
};

const payment = {
  on: {
    COMPLETE: "confirmation"
  },
  states: {
    providers: {},
    options: {}
  }
};

const confirmation = {
  type: "final",
  on: {
    EDIT_DETAILS: "details",
    EDIT_SHIPPING: "shipping",
    EDIT_PAYMENT: "payment"
  }
};

const checkoutMachine = Machine(
  {
    id: "checkout",
    initial: "details",
    states: {
      details,
      shipping,
      payment,
      confirmation
    }
  },
  {
    guards: {
      isDetailsValid: () => true
    }
  }
);