onfido-sdk-ui/src/components/PhoneNumberInput/Lazy.js

JavaScript SDK view layer for Onfido identity verification

import { h } from 'preact'
import { localised } from '../../locales'
import { asyncComponent } from '~utils/components'
import style from './style.scss'

const Loading = localised(({ translate }) => (
  <div className={style.loading}>
    {translate('generic.lazy_load_placeholder')}
  </div>
))

const AsyncCrossDevice = asyncComponent(
  () => import(/* webpackChunkName: "crossDevice" */ './index'),
  Loading
)

const PhoneNumberInputLazy = (props) => <AsyncCrossDevice {...props} />

export default localised(PhoneNumberInputLazy)