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

machine.js

const orderMachine = Machine({
    id: "createOrder",
    initial: "cart",
    states: {
        cart: {
            on: {
                NEXT: "customer"
            }
        },
        customer: {
            on: {
                NEXT: "shipping",
                CART: "cart"
            }
        },
        shipping: {
            on: {
                NEXT: "payment",
                CART : "cart",
                CUSTOMER: "customer",
            }
        },
        payment: {
            on: {
                NEXT: "review",
                CART : "cart",
                CUSTOMER: "customer",
                SHIPPING: "shipping"
            }
        },
        review: {
            CART : "cart",
            CUSTOMER: "customer",
            SHIPPING: "shipping",
            PAYMENT: "payment",
            type: "final"
        }
    }
});