sbycrosz / react-native-credit-card-input

Easy, cross-platform credit-card input for your React Native Project! Start accepting payment ๐Ÿ’ฐ in your app today!
MIT License
1.46k stars 699 forks source link

add secureTextEntry to CVC input #240

Open briankette opened 2 weeks ago

briankette commented 2 weeks ago

Hi! ๐Ÿ‘‹

Firstly, thanks for your work on this project! ๐Ÿ™‚

Today I used patch-package to patch react-native-credit-card-input@1.0.0 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-credit-card-input/lib/commonjs/LiteCreditCardInput.cjs b/node_modules/react-native-credit-card-input/lib/commonjs/LiteCreditCardInput.cjs
index 050e915..8975124 100644
--- a/node_modules/react-native-credit-card-input/lib/commonjs/LiteCreditCardInput.cjs
+++ b/node_modules/react-native-credit-card-input/lib/commonjs/LiteCreditCardInput.cjs
@@ -169,6 +169,7 @@ const LiteCreditCardInput = props => {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: s.cvcInput,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          secureTextEntry: true,
           ref: cvcInput,
           keyboardType: "numeric",
           style: [s.input, inputStyle],
diff --git a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.tsx b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.tsx
index cec6e94..8a9cd61 100644
--- a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.tsx
+++ b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.tsx
@@ -205,6 +205,7 @@ const LiteCreditCardInput = (props: Props) => {

         <View style={s.cvcInput}>
           <TextInput
+            secureTextEntry={true}
             ref={cvcInput}
             keyboardType="numeric"
             style={[s.input, inputStyle]}

This issue body was partially generated by patch-package.