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

machine.js

const addToUpload = assign({
  uploadAmount: (context, event) => context.uploadAmount + 2
});


const addToDownload = assign({
  downloadAmount: (context, event) => context.downloadAmount + 2
});
const fileMachine = Machine({
  id: 'file',
  type: 'parallel',
  context: {
      uploadAmount: 0,
      downloadAmount: 0,
  },
  states: {
    
      upload: {
        initial: 'idle',
        states: {
          idle: {
            on: {
              INIT_UPLOAD: {
                target: 'pending', 
                actions: 'addToUpload'
              }
            }
          },
          pending: {
            on: {
              UPLOAD_MORE: {
                target: 'pending',
                actions: 'addToUpload'
              }
            }
          },
          success: {}
        }
      },
      download: {
        initial: 'idle',
        states: {
          idle: {
            on: {
              INIT_DOWNLOAD: {
                target: 'pending', 
                actions: 'addToDownload'
              }
            }
          },
          pending: {
            on: {
              DOWNLOAD_MORE: {
                target: 'pending',
                actions: 'addToDownload'
              }
            }
          },
          success: {}
        }
      }
  }
  },{
    actions: { addToUpload, addToDownload }
});