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

machine.js

    // export type loadingStates = 'loadingCart' | 'loadValidateShipping'
  const loadingSideEffects = {
    loadingCart: {
      invoke: {
        src: 'loadingCart',
        onDone: [{
          target: 'idleCart',
          cond: (_, event) => event.data,
          actions: [
              'analyticsPlz',
              assign({
                cart: (_, event) => event.data
              })
            ]
        },{
          target: 'emptyCart'
        }],
        onError: 'idleCart'
      }
    },
    validateShipping: {
      invoke: {
        src: 'validateShipping',
        onDone: {
          target: 'validatedCart',
          actions: assign({
            shipping: (_, event) => event.data
          })
        },
        onError: 'idleCart'
      }
    },
  }
  
  const fetchMachine = Machine({
    id: 'cart',
    initial: 'loadingCart',
    context: {
      hasFinancing: false,
      paymentAvailable: false,
      cart: []
    },
    states: {
      ...loadingSideEffects,
      
      idleCart: {
        on: {
          VALIDATE_SHIPPING_INFO: 'validateShipping'
        }
        
      },
      emptyCart: {
        on: {
          REFRESH: 'loadingCart'
        }
      },
      validatedCart: {
        // tax calculated
        // shipping calculated
      }
    }
  });