-
Notifications
You must be signed in to change notification settings - Fork 572
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore(deps): replace tipsi with official stripe lib #10451
Conversation
This reverts commit 5b5965c.
Co-authored-by: Carlos <araujobarret@gmail.com>
// focus top field on mount | ||
useEffect(() => { | ||
paymentInfoRef.current?.focus() | ||
}, []) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
should be handled by autofocus prop
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Excited for this upgrade...
Maybe we can also remove this extra call, I'm pretty sure it was there just because of tipsi |
## react-native-credit-card-input | ||
|
||
#### When can we remove this: | ||
|
||
When we upgrade our deps to a version of react-native that includes removal of deprecated PropTypes. | ||
|
||
#### Explanation/Context: | ||
|
||
When updating to rn-0.69.10 we had to patch this due to deprecation of PropTypes. For this reason we also installed `deprecated-react-native-prop-types` to avoid errors and we patched the `react-native` package to use the deprecated PropTypes coming from the `deprecated-react-native-prop-types` package. | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👏
## react-native-credit-card-input | ||
|
||
#### When can we remove this: | ||
|
||
We can remove these hacks once we switch to Stripe's forthcoming official react-native library. | ||
|
||
#### Explanation/Context: | ||
|
||
These are fairly superficial styling hacks for | ||
|
||
- focused/error border states | ||
- shrinking the icon size to work nicely with our inputs | ||
- aligning inner inputs nicely | ||
- icon animation to work properly on android | ||
- palette v3 colors | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👋 awesome! we got rid of two hacks already 🔥
- Issue with installing `tipsi-stripe` | ||
|
||
``` | ||
[!] CocoaPods could not find compatible versions for pod "tipsi-stripe": | ||
``` | ||
|
||
You need to run | ||
|
||
``` | ||
bundle exec pod update tipsi-stripe | ||
``` | ||
|
||
- Error during `bundle exec pod update tipsi-stripe` | ||
|
||
``` | ||
checking whether the C compiler works... no | ||
xcrun: error: SDK "iphoneos" cannot be located | ||
xcrun: error: SDK "iphoneos" cannot be located | ||
xcrun: error: SDK "iphoneos" cannot be located | ||
``` | ||
|
||
You need to go to Xcode -> Preferences -> Locations and select Command Line Tools from the dropdown | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👋
252d6dd
This PR resolves PHIRE-1018
Description
Updates our payment dependencies from old tipsi forked + deprecated dependency to stripes official react native dependency.
Credit @araujobarret for much of the initial implementation: #9189
Before
before-low.mov
After
after-low.mov
PR Checklist
To the reviewers 👀
Changelog updates
Changelog updates
Cross-platform user-facing changes
iOS user-facing changes
Android user-facing changes
Dev changes
Need help with something? Have a look at our docs, or get in touch with us.