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

machine.js

const cameraMachine = new Machine({
  id: 'camera',
  initial: 'requestPermissions',
  context: {
    camera: null,
    videoUri: null,
  },
  states: {
    requestPermissions: {
      initial: 'pending',
      states: {
        pending: {
          invoke: {
            id: 'requestPermissions',
            onDone: {
              target: '#camera.capture'
            },
            onError: {
              target: 'failure',
            },
            // src: 
          },
        },
        failure: {}, 
      }
    },
    capture: {
      initial: 'loading',
      states: {
        loading: {
          on: {
            CAMERA_READY: {
              target: 'ready.idle',
              actions: 'setCamera',
            }
          }
        },
        ready: {
          states: {
            idle: {
              on: {
                PRESS_RECORD: 'active',
              }
            },
            active: {
              invoke: {
                id: 'recordVideo',
                src: (context, event) => {
                  // fake camera recording
                  return new Promise((resolve, reject) => {
                    setTimeout(() => {
                      resolve({ uri: 'yo' })
                    }, 1000)
                  })
                },
                onDone: {
                  target: '#camera.review',
                  actions: assign({
                    videoUri: (context, event) => {
                      return event.data.uri;
                    },
                  }),
                  // cond: (context, event) => {
                  //   return event.data.uri !== null,
                  // }
                },
                onError: {
                  target: '#camera.capture.failure',
                  actions: (context, event) => {
                    console.log(event)
                  },
                }
              },
              on: {
                FINISH_RECORD: {
                  actions: (context, event) => {
                    console.log('stop recording')
                  },
                },
              },
            },
          },
        },
        failure: {},
      },
      on: {
        FAIL: '.failure',
      }
    },
    review: {
      on: {
        DISMISS: 'capture',
        SENT: {
          actions: () => {
            console.log('upload complete')
          }
        }
      }
    }
  }
})