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

machine.js

const docVideoFlow = Machine({
  id: 'docVideo',
  type: 'parallel',
  states: {
    recordState: {
      initial: 'hideButton',
      states: {
        hideButton: {
          on: {
            NEXT_RECORD_STATE: 'showButton'
          }
        },
        showButton: {
          on: {
            NEXT_RECORD_STATE: 'holdStill',
            RESET_RECORD_STATE: 'hideButton'
          }
        },
        holdStill: {
          on: {
            NEXT_RECORD_STATE: 'success',
            RESET_RECORD_STATE: 'hideButton'
          }
        },
        success: {
          type: 'final',
          on: {
            RESET_RECORD_STATE: 'hideButton'
          }
        }
      }
    },
    captureStep: {
      initial: 'intro',
      states: {
        intro: {
          on: {
            NEXT_CAPTURE_STEP: {
              target: 'front',
              actions: send('RESET_RECORD_STATE')
            }
          }
        },
        front: {
          on: {
            NEXT_CAPTURE_STEP: {
              target: 'back',
              actions: send('RESET_RECORD_STATE')
            },
          }
        },
        back: {
          on: {
            NEXT_CAPTURE_STEP: {
              target: 'confirm',
              actions: send('RESET_RECORD_STATE')
            },
          }
        },
        confirm: {
          type: 'final'
        }
      }
    }
  }
});