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 checkoutMachine = Machine({
  id: 'checkout',
  type: 'parallel',
  states: {
    address: {
      id: 'address',
      initial: 'firstTime',
      states: {
        firstTime: {
          on: { ADDRESS_SAVE: 'savingFirstTime' }
        },
        savingFirstTime: {
          on: {
            ADDRESS_ERROR: 'firstTime',
            ADDRESS_SUCCESS: 'selected'
          }
        },
        edit: {
          on: {
            ADDRESS_SAVE: 'saving',
            ADDRESS_CLOSE: 'list',
          }
        },
        saving: {
          on: {
            ADDRESS_ERROR: 'edit',
            ADDRESS_SUCCESS: 'selected'
          }
        },
        selected: {
          on: { ADDRESS_CHANGE: 'list' }
        },
        list: {
          on: {
            ADDRESS_CLOSE: 'selected',
            ADDRESS_ADD: 'edit',
            ADDRESS_EDIT: 'edit'
          }
        },
      }
    },
    paymentMethod: {
      id: 'address',
      initial: 'firstTime',
      states: {
        firstTime: {
          on: { PAYMENTMETHOD_SAVE: 'savingFirstTime' }
        },
        savingFirstTime: {
          on: {
            PAYMENTMETHOD_ERROR: 'firstTime',
            PAYMENTMETHOD_SUCCESS: 'selected'
          }
        },
        edit: {
          on: {
            PAYMENTMETHOD_SAVE: 'saving',
            PAYMENTMETHOD_CLOSE: 'list',
          }
        },
        saving: {
          on: {
            PAYMENTMETHOD_ERROR: 'edit',
            PAYMENTMETHOD_SUCCESS: 'selected'
          }
        },
        selected: {
          on: { PAYMENTMETHOD_CHANGE: 'list' }
        },
        list: {
          on: {
            PAYMENTMETHOD_CLOSE: 'selected',
            PAYMENTMETHOD_ADD: 'edit',
            PAYMENTMETHOD_EDIT: 'edit'
          }
        },
      }
    },
  }
});