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

machine.js

  const cocktailMachine = Machine({
    id: 'cocktail',
    initial: 'empty',
    context: {
      ingredients: []
    },
    states: {
      empty: {
        on: {
          FIRST_INGREDIENT: {
            target: 'mixing',
            actions: assign({
              addFirstIngredient: (context, event) => context.ingredients.push(event.payload)
            })
          }
        }
      },
      mixing: {
        on: {
          STIR: 'combining',
          SHAKE: 'combining',
          MISPOUR: {
            target: 'empty',
            actions: assign({
              emptyIngredients: (context, event) => context.ingredients = []
            })
          },
          ADD_INGREDIENT: {
            target: 'mixing',
            actions: assign({
              addIngredients: (context, event) => context.ingredients.push(event.payload)
            })
          }
        }
      },
      combining: {
        on: {
          TASTE: 'tasteTest'
        }
      },
      tasteTest: {
        on: {
          IS_GOOD: 'drink',
          IS_BAD: 'empty'
        }
      },
      drink: {
        type: 'final'
      }
    }
  });