onfido-sdk-ui/src/components/Capture/withCrossDeviceWhenNoCamera.js

JavaScript SDK view layer for Onfido identity verification

import { h, Component } from 'preact'

export default WrappedComponent =>
  class WithCrossDeviceWhenNoCamera extends Component {

    componentDidMount() {
      this.attemptForwardToCrossDevice()
    }

    componentWillUpdate(nextProps) {
      const propsWeCareAbout = ["useWebcam", "hasCamera", "allowCrossDeviceFlow", "forceCrossDevice"]
      const propsHaveChanged = propsWeCareAbout
        .some(propKey => nextProps[propKey] !== this.props[propKey])

      if (propsHaveChanged) {
        this.attemptForwardToCrossDevice(nextProps)
      }
    }

    attemptForwardToCrossDevice = (props = this.props) => {
      const { useWebcam, hasCamera, forceCrossDevice, allowCrossDeviceFlow, changeFlowTo } = props
      const shouldUseCamera = useWebcam && hasCamera === false

      if (allowCrossDeviceFlow && (shouldUseCamera || forceCrossDevice)) {
        changeFlowTo('crossDeviceSteps', 0, true)
      }
    }

    render() {
      return <WrappedComponent {...this.props} />
    }
  }