When trying to run the demo the card UI doesn't have input fields about react-square-payment-form

[spenweb]

I am also experiencing this. With the latest release (v0.7.0), the Square payment form remote js script is no longer being loaded, thus no iFrames are created to receive credit card info.

[spenweb]

This bug seems to be due to this commit removing the statement that appends the script to the document:
cb6d041#diff-62481efeab60b6a2fc21d34271288c3fL205

In the previous commit, the script was being appended to the document. It is no longer. Here is the previous commit line:

react-square-payment-form/src/components/SquarePaymentForm.tsx

Line 205 in 27533de

document.body.appendChild(script);

[stephtaylor]

Thank you so much @HarounAns and @spenweb for pointing this issue out and investigating! The PR looks good so I'll publish a new package shortly.

[Xabadu]

Hey @HarounAns,

Thanks for reaching out. Do you have a copy of your project published that you could share with us? Happy to take a look and help with this. If not, do you mind publishing and sharing the link with us? (If you need a tool to help with this, creating a Sandbox might be helpful).

[HarounAns]

Hey @HarounAns,

Thanks for reaching out. Do you have a copy of your project published that you could share with us? Happy to take a look and help with this. If not, do you mind publishing and sharing the link with us? (If you need a tool to help with this, creating a Sandbox might be helpful).

I just cloned it, changed into the demo directory, npm installed and npm started it and got the issue. My fork is exactly the same as the parent repo

[HarounAns]

This bug seems to be due to this commit removing the statement that appends the script to the document:
cb6d041#diff-62481efeab60b6a2fc21d34271288c3fL205

In the previous commit, the script was being appended to the document. It is no longer. Here is the previous commit line:

react-square-payment-form/src/components/SquarePaymentForm.tsx

Line 205 in 27533de

document.body.appendChild(script);

I forked your code and ran your dev branch locally and still got the same issue

[spenweb]

@HarounAns , unfortunately I was not able to load my locally built version of this package so I ended up manually adding the document.body.appendChild(script); statement manually to the latest (v0.7.0) package directly in my node_modules directory here: node_modules/react-square-payment-form/lib/components/SquarePaymentForm.js. This is definitely temporary, but once I added the statement at the end of the loadSqPaymentFormLibrary function, the payment form loads.