<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic authorize-net how to use the form token (react JS) in Integration and Testing</title>
    <link>https://community.developer.cybersource.com/t5/Integration-and-Testing/authorize-net-how-to-use-the-form-token-react-JS/m-p/73402#M45456</link>
    <description>&lt;P&gt;o I would like to implement a payment system using authorize.net I tried their sandbox which is fairly easy to use. code below&lt;/P&gt;&lt;PRE&gt;  &amp;lt;div &amp;gt;
            &lt;SPAN class="xml"&gt;&lt;SPAN class="hljs-tag"&gt;&amp;lt;&lt;SPAN class="hljs-name"&gt;FormContainer&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;style&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{{backgroundColor:&lt;/SPAN&gt; "&lt;SPAN class="hljs-attr"&gt;red&lt;/SPAN&gt;"}}
                &lt;SPAN class="hljs-attr"&gt;environment&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;"sandbox"&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;onError&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{onErrorHandler}&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;onSuccess&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{onSuccessHandler}&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;amount&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{amount}&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;component&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{FormComponent}&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;clientKey&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{clientKey}&lt;/SPAN&gt;
               &lt;SPAN class="hljs-attr"&gt;apiLoginId&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{apiLoginId}&lt;/SPAN&gt;
            /&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;

        &amp;lt;/div&amp;gt;&lt;/PRE&gt;&lt;P&gt;However a production sounds more difficult to implement. I was able to implement the API call to get a form token, but then I have no idea how to use it in order to display the form or put the amount to charge.&lt;/P&gt;&lt;P&gt;anyone can help understand how to use the form token to display a form on the browser?&lt;/P&gt;&lt;P&gt;thanks&lt;/P&gt;</description>
    <pubDate>Wed, 30 Sep 2020 22:36:23 GMT</pubDate>
    <dc:creator>DavidMoore</dc:creator>
    <dc:date>2020-09-30T22:36:23Z</dc:date>
    <item>
      <title>authorize-net how to use the form token (react JS)</title>
      <link>https://community.developer.cybersource.com/t5/Integration-and-Testing/authorize-net-how-to-use-the-form-token-react-JS/m-p/73402#M45456</link>
      <description>&lt;P&gt;o I would like to implement a payment system using authorize.net I tried their sandbox which is fairly easy to use. code below&lt;/P&gt;&lt;PRE&gt;  &amp;lt;div &amp;gt;
            &lt;SPAN class="xml"&gt;&lt;SPAN class="hljs-tag"&gt;&amp;lt;&lt;SPAN class="hljs-name"&gt;FormContainer&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;style&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{{backgroundColor:&lt;/SPAN&gt; "&lt;SPAN class="hljs-attr"&gt;red&lt;/SPAN&gt;"}}
                &lt;SPAN class="hljs-attr"&gt;environment&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;"sandbox"&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;onError&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{onErrorHandler}&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;onSuccess&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{onSuccessHandler}&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;amount&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{amount}&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;component&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{FormComponent}&lt;/SPAN&gt;
                &lt;SPAN class="hljs-attr"&gt;clientKey&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{clientKey}&lt;/SPAN&gt;
               &lt;SPAN class="hljs-attr"&gt;apiLoginId&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;{apiLoginId}&lt;/SPAN&gt;
            /&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;

        &amp;lt;/div&amp;gt;&lt;/PRE&gt;&lt;P&gt;However a production sounds more difficult to implement. I was able to implement the API call to get a form token, but then I have no idea how to use it in order to display the form or put the amount to charge.&lt;/P&gt;&lt;P&gt;anyone can help understand how to use the form token to display a form on the browser?&lt;/P&gt;&lt;P&gt;thanks&lt;/P&gt;</description>
      <pubDate>Wed, 30 Sep 2020 22:36:23 GMT</pubDate>
      <guid>https://community.developer.cybersource.com/t5/Integration-and-Testing/authorize-net-how-to-use-the-form-token-react-JS/m-p/73402#M45456</guid>
      <dc:creator>DavidMoore</dc:creator>
      <dc:date>2020-09-30T22:36:23Z</dc:date>
    </item>
  </channel>
</rss>

