Git Product home page Git Product logo

react-payment's Issues

Modify submit button "ADD CARD" label?

Is it possible, and if not I suggest, to change the submit button ("ADD CARD") label?
I think a plain simple string property would do the job...

What do you think?

Dropping 4th number of each block in CC field

Issue can be seen in a few places:

  • If I enter 4, 8, or 12 numbers into the credit card field and then deselect, the 4th number gets chopped
  • If I enter 16 numbers and it's a valid CC, deselecting the field chops the 16th number (this does not happen if it's an invalid CC number)

This behavior can be seen in the demo: http://lorensr.me/react-payment/?selectedKind=CardForm&selectedStory=full&full=0&down=1&left=1&panelRight=0

I attempted to fix this, but I wasn't smart enough to figure it out in the time allowed. Pretty sure the issue has to do with jQuery ("payment" module) and React disagreeing about state. Possibly just a bug in the "payment" module itself.

I ended up going with a different solution, so no rush on this.

CardForm account number and exp date look broken

Trying to get this package up and running (it's just what I need!), but having a few issues.

If I just try to run the example (using "npm run storybook"), it launches the interface just fine. I then navigate to the CardForm example. Though entering text/numbers into most fields works fine, the "Account Number" and "MM / YY" fields don't work.

The account number field does not take any input, attempts to type anything are ignored.
The MM / YY field allows me to enter any number 2 - 9 (resulting in 02, 03, etc). Entries of 1 or 0 are ignored. Attempts to enter the year just replace the month value.

I've tried this using several versions of node (4 - 6). This behavior occurs in the example as well as when the package is included in my project.

Any ideas?

Visa card formatting error

It's removing the last digit from a Visa card (Mastercard seems ok) number when jumping to another field. It happens if we type a number then leave the cc number field, but it works just fine if we copy paste a number without spaces. Maybe a bug related with the added spaces between numbers.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.