import El from 'el.js/src'

# requires <script src='//www.google.com/recaptcha/api.js?render=explicit'/>
export default class ReCaptcha extends El.View
  tag:  'recaptcha'
  html: ''

  # sitekey from recaptcha
  # sitekey: null

  # theme ('dark'/'light')
  theme: 'light'

  init: ->
    if !@sitekey
      console.error 'recaptcha: no sitekey found'
      return

    tryRecaptcha = =>
      requestAnimationFrame =>
        try
          grecaptcha.render @root,
            sitekey: @sitekey
            theme:   @theme
            callback: (res) =>
              @data.set 'user.g-recaptcha-response', res
        catch e
          tryRecaptcha()

    tryRecaptcha()

ReCaptcha.register()