https://community.developer.cybersource.com/t5/Integration-and-Testing/Manual-Implementation-in-Nextjs-issues/m-p/87167#M54832 <P>I've tried a manual implementation of the Authorize.Net in NextJS and so far accomplished this:</P><P>I am able to generate the token</P><P>I am able to render the form inside an Iframe</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="vbauz_1-1690815908001.png" style="width: 400px;"><img src="https://community.developer.cybersource.com/t5/image/serverpage/image-id/2434iC8C0DAE0374BFE54/image-size/medium/is-moderation-mode/true?v=v2&amp;px=400" role="button" title="vbauz_1-1690815908001.png" alt="vbauz_1-1690815908001.png" /></span></P><P>However, when I check the network tab on dev tools I see the request status is blocked:other for the IFrameCommunicator</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="vbauz_0-1690815808147.png" style="width: 400px;"><img src="https://community.developer.cybersource.com/t5/image/serverpage/image-id/2433i973D1244A0394C6F/image-size/medium/is-moderation-mode/true?v=v2&amp;px=400" role="button" title="vbauz_0-1690815808147.png" alt="vbauz_0-1690815808147.png" /></span></P><P>On top of that there are multiple issues in the console log</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="vbauz_2-1690816106332.png" style="width: 400px;"><img src="https://community.developer.cybersource.com/t5/image/serverpage/image-id/2435i94C93B2704A3357D/image-size/medium/is-moderation-mode/true?v=v2&amp;px=400" role="button" title="vbauz_2-1690816106332.png" alt="vbauz_2-1690816106332.png" /></span></P><P>Has anyone implemented this on NextJS?</P><P>I am not able to get the success event fired in the global listener</P><P>&nbsp;</P><P>Thanks in advance</P><P>&nbsp;</P><P>&nbsp;</P> Mon, 31 Jul 2023 15:10:32 GMT vbauz 2023-07-31T15:10:32Z https://community.developer.cybersource.com/t5/Integration-and-Testing/Manual-Implementation-in-Nextjs-issues/m-p/87167#M54832 <P>I've tried a manual implementation of the Authorize.Net in NextJS and so far accomplished this:</P><P>I am able to generate the token</P><P>I am able to render the form inside an Iframe</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="vbauz_1-1690815908001.png" style="width: 400px;"><img src="https://community.developer.cybersource.com/t5/image/serverpage/image-id/2434iC8C0DAE0374BFE54/image-size/medium/is-moderation-mode/true?v=v2&amp;px=400" role="button" title="vbauz_1-1690815908001.png" alt="vbauz_1-1690815908001.png" /></span></P><P>However, when I check the network tab on dev tools I see the request status is blocked:other for the IFrameCommunicator</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="vbauz_0-1690815808147.png" style="width: 400px;"><img src="https://community.developer.cybersource.com/t5/image/serverpage/image-id/2433i973D1244A0394C6F/image-size/medium/is-moderation-mode/true?v=v2&amp;px=400" role="button" title="vbauz_0-1690815808147.png" alt="vbauz_0-1690815808147.png" /></span></P><P>On top of that there are multiple issues in the console log</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="vbauz_2-1690816106332.png" style="width: 400px;"><img src="https://community.developer.cybersource.com/t5/image/serverpage/image-id/2435i94C93B2704A3357D/image-size/medium/is-moderation-mode/true?v=v2&amp;px=400" role="button" title="vbauz_2-1690816106332.png" alt="vbauz_2-1690816106332.png" /></span></P><P>Has anyone implemented this on NextJS?</P><P>I am not able to get the success event fired in the global listener</P><P>&nbsp;</P><P>Thanks in advance</P><P>&nbsp;</P><P>&nbsp;</P> Mon, 31 Jul 2023 15:10:32 GMT https://community.developer.cybersource.com/t5/Integration-and-Testing/Manual-Implementation-in-Nextjs-issues/m-p/87167#M54832 vbauz 2023-07-31T15:10:32Z