Payment Checkout Example does not work as is

[nmcginnis7]

It seems like the Payment Checkout Example is incomplete and does not explain where a lot of stuff is coming from. the part variable is never defined and no mention of what it is supposed to be and getADFEditorContentInformation is referenced but an error is being thrown saying it is not a function. Could there be some clarification on this documentation or updated code, I really would like to use the new payment functionality but there is little to no documentation on it.

[ramanmiddha]

Hi Nick,

Thanks for pointing out these points . Here is the answer of your concerns :

1. Part variable is not defined.

Answer : part is point to parent div. But in your case its not required , you can direct find the element with jquery. We will update the document for the same

2. getADFEditorContentInformation is not a function.

Answer : We request you to please share your JS file implementing ADF API to analyse . Seems your donation service JS is not updated on browser. Please share page URL or Customer JS file.

Thanks
Raman Kumar

[nmcginnis7]

I followed your advice on the first issue and seems to work fine. The second issue seems to have fixed itself. However, the code still does not work. I can see a call to /BBIS/WebApi/donationcheckout that is coming back with a success but no popup is appearing. I feel that there is a lot of information missing in the HTML portion of this example that would be very helpful to see.

[davidmdem]

I've commented in the BB Community thread, but wanted to post here as well for anyone else who comes across the same issues.

Here is source for a working example with a live demonstration available.

Live Demo (this demo will probably not stay live for long)

Setup:

1. Create an ADF page/part with wallet options checked.
2. Upload or otherwise host the checkout-adf.js file and update the <script> tag at the bottom of checkout-adf-design.html.
3. Paste contents of checkout-adf-design.html into the ADF part's Design section.

Notes:

• This is for demo and educational purposes only.
• Requires a modern browser that understands async/await (no IE, see above)
• There is no real error handling or field validation.
• Uses the Vue framework for code organization and model binding.

[nmcginnis7]

@davidmdem Thank you for your post on the community and on here. I will take a look at your source code, thank you for the work you put in and for sharing.

[deofernandes]

I followed your advice on the first issue and seems to work fine. The second issue seems to have fixed itself. However, the code still does not work. I can see a call to /BBIS/WebApi/donationcheckout that is coming back with a success but no popup is appearing. I feel that there is a lot of information missing in the HTML portion of this example that would be very helpful to see.

Have the same issue here, it appears it try to load the checkout overlay but thrown a 500 error