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 machine = Machine({
	id: 'cart',
	initial: 'closed',
	states: {
		closed: {
			on: {
				OPEN: 'open',
			},
		},
		open: {
		  initial: 'pending',
			on: {
				CLOSE: 'closed',
			},
			states: {
				// I am trying to think around the checkout 
				// The product interactions are also going to be async but
				// I don't think they are not states of the cart. More like actions
				pending: {
					on: {
						RESOLVE: 'resolved',
						REJECT: 'rejected'
					},
				},
				resolved: {
				  type: 'final',
				},
				rejected: {
				  type: 'final',
				}
			},
		},
	},
})