onfido-sdk-ui/src/components/Timeout/index.js

JavaScript SDK view layer for Onfido identity verification

// @flow
import * as React from 'react'
import { h, Component } from 'preact'

type Props = {
  seconds: number,
  onTimeout: void => void,
}

type State = {
  hasTimedOut: boolean
}

export default class Timeout extends Component<Props, State> {
  timeoutId: TimeoutID

  static defaultProps: Props = {
    seconds: 0,
    onTimeout: () => {},
  }

  state: State = {
    hasTimedOut: false,
  }

  componentDidMount() {
    if (!this.timeoutId) {
      this.clearInactivityTimeout()
      this.timeoutId = setTimeout(() => this.setState({ hasTimedOut: true }), this.props.seconds * 1000)
    }
  }

  componentWillUnmount() {
    this.clearInactivityTimeout()
  }

  componentDidUpdate(prevProps: Props, prevState: State) {
    if (!prevState.hasTimedOut && this.state.hasTimedOut) {
      this.props.onTimeout()
    }
  }

  clearInactivityTimeout = () => clearTimeout(this.timeoutId)

  render() {
    return null
  }
}