JSFiddle - React, Tailwind, and code Playground

by ringcaptcha

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.rawgit.com/oauth-io/oauth-js/c5af4519/dist/oauth.js"></script>
<script src="https://s3.amazonaws.com/ringcaptcha-test/widget/jwt-20180226-b/bundle.js"></script>
<div id='widget-point'>
</div>

JavaScript

$(document).ready(function() {
    $('#widget-point').append(
      '<div id="xyz" data-widget data-locale="en" data-mode="signup" data-type="dual"></div>'
    );

    $('#xyz').each(function() {
      var appKey = "hy2o7ujafi5ene6o4y7a";
      var oauthioKey = 'HwAr2OtSxRgEEnO2-JnYjsuA3tc';
      var settings = $(this).data();
      // Initialize the SDK
      OAuth.initialize(oauthioKey)
      settings.app = appKey;
      settings.events = {
        ready: function(event) {
          console.log("Ready: event:", event);
          const dataString = localStorage.getItem('ringcaptcha.widget.' + appKey);
          const data = dataString ? JSON.parse(dataString) : null;
          console.log("Ready: data:", data);
        },
        verified: function(event) {
          console.log("Verified: event:", event);
          const dataString = localStorage.getItem('ringcaptcha.widget.' + appKey);
          const data = dataString ? JSON.parse(dataString) : null;
          console.log("Verified: data:", data);
        },
        signup: function(event, formValues) {
          console.log("Signup: event:", event);
          console.log("Signup: formValues:", formValues);
          const dataString = localStorage.getItem('ringcaptcha.widget.' + appKey);
          const data = dataString ? JSON.parse(dataString) : null;
          console.log("Signup: data:", data);
          User.signup({
            email: formValues.email,
            password: "Freef0rall!",
            firstname: "Fname",
            lastname: "Lname",
            phone: formValues.phone
          }).done(function(user) {
            console.log("User.signup success for:", formValues.email);
            window.location.replace('https://get.ringcaptcha.com/king-authr-login');
          }).fail(function(err) {
            console.log("User.signup err:", err);
          });
        }
      };

      settings.form = [
        {
          id: 'email',
          type: 'email',
          placeholder: 'Email',
...