topic Re: Accept.js returns E_WC_21 error even with correct login/key in Integration and Testing

Accept.js returns E_WC_21 error even with correct login/key

bkembree — Wed, 20 Dec 2017 23:38:27 GMT

I am testing our integration with authorize.net. I have two test accounts on sandbox.authorize.net (one for USD and one for GBP).

I am using the https://jstest.authorize.net/v1/Accept.js library for our testing.

In my testing the Accept.dispatchData method returns the E_WC_21 error even with a valid API login and public client key.

I've double checked against the accounts on sandbox.authorize.net.

I generated a new public client key and tried that but I am getting the same error.

Does it take a while for a new public client key to become "live"?

Thanks,

Brad

Re: Accept.js returns E_WC_21 error even with correct login/key

Anurag — Thu, 21 Dec 2017 05:53:05 GMT

Hi @bkembree

Can you double check you passing the correct combination of apiLoginID and clientKey per account ?

https://developer.authorize.net/api/reference/features/acceptjs.html

E_WC_21 User authentication failed due to invalid authentication values. Either the API Login ID or Public Client Key, or both values, are incorrect. The value of apiLoginIDmust be same as the ID that you use to authenticate API requests. The value for clientKey can be obtained through the Authorize.Net Merchant Interface, by navigating to Account > Settings > Security Settings > General Security Settings > Manage Public Client Key.

Re: Accept.js returns E_WC_21 error even with correct login/key

bkembree — Thu, 21 Dec 2017 16:08:47 GMT

Yes, as I said in my initial post I have double checked the values for login id and public key.

I generated new public api keys and used those.

I just now once again double checked what I am submitting against the accounts on https://sandbox.authorize.net/ and they match 100% as far as I can see.

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Wed, 07 Feb 2018 03:20:37 GMT

Help

I am stuck on an emergency accept.js conversion (coldfusion) to the hosted form using javascript.

So the creds ID and KEY work on this page : https://developer.authorize.net/api/reference/index.html

But when I submit them to the accept.js in test mode they are throwing this error:

src="https://jstest.authorize.net/v3/AcceptUI.js"

charset="utf-8">

</script>

I am getting this in the response error

E_WC_21: User authentication failed due to invalid authentication values.

I am not sure - what to do -

Re: Accept.js returns E_WC_21 error even with correct login/key

RichardH — Wed, 07 Feb 2018 03:37:44 GMT

@Madeleine Could you be more specific about Test Mode? Did you switch your sandbox to test mode instead of live mode, or are you describing a request sent to the sandbox?

Richard

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Wed, 07 Feb 2018 21:25:46 GMT

The client gave me the ID an KEY I do not have access - here is what client sent me..and other programmers.. on task

_________________________________________

I rolled back to version r and the old url and production values work.

Sandbox account WORKING

https://apitest.authorize.net/xml/v1/request.api

API Login ID: 83u6---DWd

Transaction Key: 6S345vpd6WXtXp96

_______________________________________

They work here https://developer.authorize.net/api/reference/index.html

{
    "authenticateTestRequest": {
        "merchantAuthentication": {
            "name": "83u6---DWd",
            "transactionKey": "6S345vpd6WXtXp96"
        }
    }
}
{
    "messages": {
        "resultCode": "Ok",
        "message": [
            {
                "code": "I00001",
                "text": "Successful."
            }
        ]
    }
}

SO -------

I am trying to do a Hosted form Accept.js - my CFML screen seems to be working JSON it works but my response handler in console returns this: See the script I am calling here: jstest.

E_WC_21: User authentication failed due to invalid authentication values.

What is wrong? Is it the Mode of the Sandbox? I can ask them to change that?

Thanks!

Madeleine

Re: Accept.js returns E_WC_21 error even with correct login/key

RichardH — Thu, 08 Feb 2018 00:05:33 GMT

@Madeleine Use this call in the API Reference with your sandbox credentials, it will tell you if the sandbox is in test mode.

https://developer.authorize.net/api/reference/#transaction-reporting-get-merchant-details

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Thu, 08 Feb 2018 01:08:49 GMT

So not in test mode

<?xml version="1.0" encoding="utf-8"?>
<getMerchantDetailsResponse xmlns="AnetApi/xml/v1/schema/AnetApiSchema.xsd">
<messages>
<resultCode>Ok</resultCode>
<message>
<code>I00001</code>
<text>Successful.</text>
</message>
</messages>
<isTestMode>false</isTestMode>
<processors>
<processor>
<name>First Data Nashville</name>
</processor>
</processors>
<merchantName>fwHGwSdCaR</merchantName>
<gatewayId>565697</gatewayId>
<marketTypes>
<marketType>eCommerce</marketType>
</marketTypes>
<productCodes>
<productCode>CNP</productCode>
</productCodes>
<paymentMethods>
<paymentMethod>AmericanExpress</paymentMethod>
<paymentMethod>DinersClub</paymentMethod>
<paymentMethod>Discover</paymentMethod>
<paymentMethod>EnRoute</paymentMethod>
<paymentMethod>JCB</paymentMethod>
<paymentMethod>Mastercard</paymentMethod>
<paymentMethod>Visa</paymentMethod>
</paymentMethods>
<currencies>
<currency>USD</currency>
</currencies>
<publicClientKey>9aptdYwtHt2F22XLRgr4B9AM4Pkt5eb6b6MC9d2Nn3m3YEptx3RFFuXmpYWDLHev</publicClientKey>
</getMerchantDetailsResponse>

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Thu, 08 Feb 2018 01:35:34 GMT

Hello

is it the following??????

The important thing to remember, though, is that you're not using your regular sandbox transaction key to use Accept.js. If that's what you're trying with Accept.js, that would explain the error.

Any credentials you use for Accept.js will be exposed in the browser, so we have you use a special client key that's only for Accept. That way, someone taking your credentials out of the browser would only be able to use them to generate card tokens, not for any transaction processing or anything like that.

We call his special client key the "public client key". If you haven't already, go back to the documentation and read through the section "Obtaining a Public Client Key". That will walk you through the steps of generating a public client key to use with Accept.js.

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Thu, 08 Feb 2018 02:01:12 GMT

Tried the public Client Key no beans same error - any Helpful ideas?

Re: Accept.js returns E_WC_21 error even with correct login/key

Anurag — Thu, 08 Feb 2018 02:16:01 GMT

Hi @Madeleine

Have you seen the Accept sample app at https://github.com/AuthorizeNet/accept-sample-app

It does has example of using AcceptUI.js .

Hope it helps !!

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Fri, 09 Feb 2018 02:03:54 GMT

Hello

That is a great example but it is in php and it is way more than I need to do - I will need that sort of example once I get past my problems

I need the simplest form ever!

The example on the page says you can even get the token back in pure html - well I am so stuck with out the token I cannot for forward.

All I want is the token back and I am getting an error -

E_WC_21: User authentication failed due to invalid authentication values.

Re: Accept.js returns E_WC_21 error even with correct login/key

NexusSoftware — Fri, 09 Feb 2018 12:01:20 GMT

The authentication data object includes only two values, your API Login ID and the Public Client Key.

The simplest example is below:

<script type="text/javascript"
    src="https://jstest.authorize.net/v3/AcceptUI.js"
    charset="utf-8">
</script>

<form id="paymentForm"
    method="POST"
    action="https://YourServer/PathToYourPaymentProcessingScript">
    <input type="hidden" name="dataValue" id="dataValue" />
    <input type="hidden" name="dataDescriptor" id="dataDescriptor" />
    <button type="button"
        class="AcceptUI"
        data-billingAddressOptions='{"show":true, "required":false}' 
        data-apiLoginID="YOUR API LOGIN ID" 
        data-clientKey="YOUR PUBLIC CLIENT KEY : 64 byte string"
        data-acceptUIFormBtnTxt="Submit" 
        data-acceptUIFormHeaderTxt="Card Information" 
        data-responseHandler="responseHandler">Pay
    </button>
</form>

<script type="text/javascript">
function responseHandler(response) {
    if (response.messages.resultCode === "Error") {
        var i = 0;
        while (i < response.messages.message.length) {
            console.log(
                response.messages.message[i].code + ": " +
                response.messages.message[i].text
            );
            i = i + 1;
        }
    } else {
        paymentFormUpdate(response.opaqueData);
    }
}


function paymentFormUpdate(opaqueData) {
    document.getElementById("dataDescriptor").value = opaqueData.dataDescriptor;
    document.getElementById("dataValue").value = opaqueData.dataValue;

  document.getElementById("paymentForm").submit();
}
</script>

In the above example, your Sandbox credentials would apply. Once the lightbox payment form is submitted, the dataValue input is auto-populated with the token and submitted to your payment processing script.

<input type="hidden" name="dataValue" id="dataValue" value="eyJjb2XXX...">

To test, login to the Sandbox, get your API Login ID and the Public Client Key and replace the placeholder values in the JavaScript above.

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Fri, 09 Feb 2018 21:43:44 GMT

Hello

I do understand- I have read that doc over and over - I have tried that - exactly that see below with exactly the string for ID and KEY that test successfully.see below. What else could be wrong? still get error...Screen is working - does it all returns E_WC_21: User authentication failed due to invalid authentication values.

Thank you please help

<!DOCTYPE html>
<html>

<!--
    This file is a standalone HTML page demonstrating usage of the Authorize.net
    Accept JavaScript library using the integrated payment information form.

    For complete documentation for the Accept JavaScript library, see
    https://developer.authorize.net/api/reference/features/acceptjs.html
-->

<head>
    <title>Sample form</title>
</head>

<script type="text/javascript"
    src="https://jstest.authorize.net/v3/AcceptUI.js"
    charset="utf-8">
</script>

<form id="paymentForm"
    method="POST"
    action="https://YourServer/PathToYourPaymentProcessingScript">
    <input type="hidden" name="dataValue" id="dataValue" />
    <input type="hidden" name="dataDescriptor" id="dataDescriptor" />
    <button type="button"
        class="AcceptUI"
        data-billingAddressOptions='{"show":true, "required":false}' 
        data-apiLoginID="MYID" 
        data-clientKey="9aptdYwtHt2F22XLRgr4B9AM4Pkt5eb6b6MC9d2Nn3m3YEptx3RFFuXmpYWDLHev"
        data-acceptUIFormBtnTxt="Submit" 
        data-acceptUIFormHeaderTxt="Card Information" 
        data-responseHandler="responseHandler">Pay
    </button>
</form>

<script type="text/javascript">
function responseHandler(response) {
    if (response.messages.resultCode === "Error") {
        var i = 0;
        while (i < response.messages.message.length) {
            console.log(
                response.messages.message[i].code + ": " +
                response.messages.message[i].text
            );
            i = i + 1;
        }
    } else {
        paymentFormUpdate(response.opaqueData);
    }
}


function paymentFormUpdate(opaqueData) {
    document.getElementById("dataDescriptor").value = opaqueData.dataDescriptor;
    document.getElementById("dataValue").value = opaqueData.dataValue;

  document.getElementById("paymentForm").submit();
}



function paymentFormUpdate(opaqueData) {
    document.getElementById("dataDescriptor").value = opaqueData.dataDescriptor;
    document.getElementById("dataValue").value = opaqueData.dataValue;

    // If using your own form to collect the sensitive data from the customer,
    // blank out the fields before submitting them to your server.
    // document.getElementById("cardNumber").value = "";
    // document.getElementById("expMonth").value = "";
    // document.getElementById("expYear").value = "";
    // document.getElementById("cardCode").value = "";

    document.getElementById("paymentForm").submit();
}
</script>

<?xml version="1.0" encoding="utf-8"?>
<getMerchantDetailsResponse xmlns="AnetApi/xml/v1/schema/AnetApiSchema.xsd">
<messages>
<resultCode>Ok</resultCode>
<message>
<code>I00001</code>
<text>Successful.</text>
</message>
</messages>
<isTestMode>false</isTestMode>
<processors>
<processor>
<name>First Data Nashville</name>
</processor>
</processors>
<merchantName>fwHGwSdCaR</merchantName>
<gatewayId>565697</gatewayId>
<marketTypes>
<marketType>eCommerce</marketType>
</marketTypes>
<productCodes>
<productCode>CNP</productCode>
</productCodes>
<paymentMethods>
<paymentMethod>AmericanExpress</paymentMethod>
<paymentMethod>DinersClub</paymentMethod>
<paymentMethod>Discover</paymentMethod>
<paymentMethod>EnRoute</paymentMethod>
<paymentMethod>JCB</paymentMethod>
<paymentMethod>Mastercard</paymentMethod>
<paymentMethod>Visa</paymentMethod>
</paymentMethods>
<currencies>
<currency>USD</currency>
</currencies>
<publicClientKey>9aptdYwtHt2F22XLRgr4B9AM4Pkt5eb6b6MC9d2Nn3m3YEptx3RFFuXmpYWDLHev</publicClientKey>
</getMerchantDetailsResponse>

Re: Accept.js returns E_WC_21 error even with correct login/key

NexusSoftware — Fri, 09 Feb 2018 21:50:40 GMT

Where are you getting the error? In that XML response you posted, the response is successful.

If you are getting the error when including https://js.authorize.net/v3/AcceptUI.js instead of https://jstest.authorize.net/v3/AcceptUI.js, the production endpoint requires seperate production login credentials.

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Fri, 09 Feb 2018 21:59:33 GMT

Hello

I am getting the error in the console so the form will not go to submit- I get no token..

E_WC_21: User authentication failed due to invalid authentication values.

When I use the TRY it in this page URL it WORKS I give you the results, so I have the correct IDs and KEYS.

https://developer.authorize.net/api/reference/#transaction-reporting-get-merchant-details

I am asking the client to regenerate the public Client Key could it be old or something- as you can see I am using the example:

<script type="text/javascript"
	src="https://jstest.authorize.net/v3/AcceptUI.js"
	charset="utf-8">
	</script>

Re: Accept.js returns E_WC_21 error even with correct login/key

Madeleine — Fri, 09 Feb 2018 22:27:31 GMT

I got grumpy and made my own sandbox and public key and it works now-

That old public client key was old or something?

So I will have to get this client to regenerate thier keys.

The public client key will not impact anything else. They are very nervous.

Thanks I am not a dork thanks! Moving on now ..

Re: Accept.js returns E_WC_21 error even with correct login/key

Complex210 — Fri, 25 Oct 2019 17:15:57 GMT

I solved this by changing my script source from

src="https://jstest.authorize.net/v3/AcceptUI.js"

src="https://js.authorize.net/v3/AcceptUI.js"

Probably wont help everyone but if you're sure your codes are good, maybe this is the issue.