Issues implementating react-acceptjs on NextJS

vbauz — Mon, 31 Jul 2023 15:24:41 GMT

I am trying to implement the package react-acceptjs to process payments but I'm encountering some issues with this

The code:

<AcceptHosted

formToken={formToken}

integration="iframe"

onTransactionResponse={(response) => console.log('response', response)}

environment="SANDBOX"

onResize={(width: number, height: number) => {

console.log('resize', width, height);

}}

onSuccessfulSave={() => {

console.log('onSuccessfulSave');

}}

onCancel={() => {

console.log('onCancel');

}}

<AcceptHosted.Button className="btn btn-primary">Continue to IFrame</AcceptHosted.Button>

<AcceptHosted.IFrameBackdrop />

<AcceptHosted.IFrameContainer>

<AcceptHosted.IFrame />

</AcceptHosted.IFrameContainer>

</AcceptHosted>

the IFrameConnector request returns a blocked:other status

The console log

Basically after submitting the form I am stuck on 'Processing...' and no event is fired afterwards

If anyone has any suggestion I'd appreciate it a lot.

Thanks in advance

Re: Issues implementating react-acceptjs on NextJS

marine2026 — Wed, 02 Aug 2023 16:23:39 GMT

I recommend carefully re-reading the docs on the iFrame Communicator response.
https://developer.authorize.net/api/reference/features/accept-hosted.html#Transaction_Response
The lack of responses from admin in this discussion forum leads me to believe that they believe people just need to read the docs, and they will figure it out.