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)
  
  // split into Cart and Checkout
  
  const cartActions = {
    incrementCount: assign((ctx, evt)=> ({
      count: ctx.count + 1
    })),
    decreaseCount: assign((ctx, evt)=> ({
      count: ctx.count - 1
    }))
  }
  
  const cartGuards= {
    isEmpty: (ctx, evt) => ctx.count < 1
  }
  
  const cartmachine = Machine({
    id: 'cart',
    initial: 'empty',
    context: {
      count: 0
    },
    states: {
      empty: {
        on: {
          ADD: {
            target: 'unpaid.normal',
            actions: ['incrementCount']
          }, 
        }
      },
      unpaid: {
        id: 'unpaid',
        on: {
          '': {
            target: '#cart.empty',
            cond: 'isEmpty'
          },
          REMOVE: {
            target: '.normal',
            actions: 'decreaseCount',
          },
          ADD: {
            target: '.normal',
            actions: ['incrementCount']
          }, //update count
          PAY: '#cart.paying'
        },
        states: {
          error: {},
          normal: {}
        }
      },
      paying:{
        on: {
          RESOLVE: 'paid',
          REJECT: 'unpaid.error'
        }
      },
      paid: {
        
      }
    }
  },{
    actions: cartActions,
    guards: cartGuards
  });