Comments (7)
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.
from react-square-payment-form.
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:
from react-square-payment-form.
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.
from react-square-payment-form.
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).
from react-square-payment-form.
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
from react-square-payment-form.
This bug seems to be due to this commit removing the statement that appends the script to the document:
cb6d041#diff-62481efeab60b6a2fc21d34271288c3fL205In the previous commit, the script was being appended to the document. It is no longer. Here is the previous commit line:
I forked your code and ran your dev branch locally and still got the same issue
from react-square-payment-form.
@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.
from react-square-payment-form.
Related Issues (20)
- Create Nonce outside of SquarePaymentForm Context
- paymentFormLoaded not being invoked properly HOT 1
- Allow calling `setPostalCode` after the payment form has loaded
- No way to change styling of the input field inside the iframe. HOT 1
- [TS] Wrong types for SqContact (in createVerificationDetails)
- npm install fails to fetch artifact
- sandox=false HOT 1
- Support Gift Card payment form HOT 1
- Payment form script loaded multiple times
- Uncaught AnalyticsParametersRequiredError: The Analytics library must be initialized with analyticsParameters to call verifyBuyer HOT 1
- Support calling setPostalCode HOT 1
- CVV Not auto completing when using CreditCardCVVInput HOT 3
- Styling the input fields HOT 1
- Update docs to show how to customize the form HOT 3
- Typescript requires formId and apiWrapper properties to be set HOT 1
- Digital wallet methods stay as 'loading' in the context HOT 4
- Unable to add line items HOT 2
- disable prop for CreditCardSubmitButton HOT 1
- Expose SquarePaymentForm State as Context HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-square-payment-form.