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 fetchMachine = Machine({
    id: 'shipping',
    initial: 'deliveryAddress',
    context: {
      errors: null,
      loading: false
    },
    states: {
      deliveryAddress: {
        initial: 'fetchDeliveryAddresses',
        states: {
          fetchDeliveryAddresses: {
            invoke: {
              src: 'fetchDeliveryAddresses',
              onDone: {
                target: 'idle'
              },
              onError: {
                target: 'idle'
              }
            }
          },
          idle: {
            on: {
              'SUBMIT': { 
                target: 'updateDeliveryAddresses',
                actions: assign({
                  loading: true,
                  errors: null
                })
                
              }
            }
          },
          
          updateDeliveryAddresses: {
            invoke: {
              src: 'updateDeliveryAddresses',
              onDone: {
                target: 'success'
              },
              onError: {
                target: 'success'
              }
            },
          },
          success: {
            type: 'final'
          }
        },
        onDone: {
          target: '#shippingOptions'
        }
      },
      shippingOptions: {
        id: 'shippingOptions',
        initial: 'fetchShippingOptions',
        states: {
          fetchShippingOptions: {
            invoke: {
              src: 'fetchShippingOptions',
              onDone: {
                target: 'idle'
              },
              onDone: {
                target: 'idle'
              }
            }
          },
          idle: {
            on: {
              'SUBMIT': 'submit'
            }
          },
          submit: {
            on: {}
          }
        }
      }
    },
    
  });