JSFiddle - React, Tailwind, and code Playground

by aewhatley

HTML

<script
		 type="text/javascript"
		 src="https://appcenter.intuit.com/Content/IA/intuit.ipp.anywhere-1.3.3.js">
		 </script>

		 <script src="https://js.appcenter.intuit.com/Content/IA/intuit.ipp.anywhere-1.3.3.js" type="text/javascript"></script>
		 <script type="text/javascript">
				 intuit.ipp.anywhere.setup({
								 grantUrl: 'http://www.mycompany.com/HelloWorld/RequestTokenServlet',
								 datasources: {
											quickbooks : true,
											payments : true
								},
								 paymentOptions:{
											 intuitReferred : true
								}
				 });
         
<div id="container"></div>
		 </script>

JavaScript

import React from 'react';

class ConnectToQuickBooksOnlineButton extends React.Component {
	constructor(props){
		super(props);
		this.state = {
		};
	}

	componentWillMount() {
		const connectToIntuit = document.createElement('ipp:connectToIntuit');
		document.body.appendChild(connectToIntuit);
	}

	render(){
		return <div id="ipp:connectToIntuit"/>;
	}
};

ReactDOM.render(
  <ConnectToQuickBooksOnlineButton />,
  document.getElementById('container')
);