onChangeText implemented

alifarooq96 · alifarooq96 · commit 73786897a9a3 · 2023-02-17T02:35:50.000+05:00
diff --git a/src/components/CardNumber.tsx b/src/components/CardNumber.tsx
@@ -31,6 +31,7 @@ const CardNumber: React.FC<FramesCardFieldProps> = (props) => {
               style={[styles.cardNumber, props.style]}
               onChangeText={(val: string) => {
                 dispatch({ type: CARD_CHANGE, payload: val });
+                props.onChangeText && props.onChangeText(val);
                 if (
                   val.replace(/[^0-9]/g, "").length >= 8 &&
                   val.replace(/[^0-9]/g, "").substring(0, 8) !==
diff --git a/src/components/Cvv.tsx b/src/components/Cvv.tsx
@@ -30,9 +30,10 @@ const Cvv: React.SFC<FramesFieldProps> = (props) => {
             style={[styles.cvv, props.style]}
             value={state.cvv}
             maxLength={state.cvvLength}
-            onChangeText={(val: string) =>
-              dispatch({ type: CVV_CHANGE, payload: val })
-            }
+            onChangeText={(val: string) => {
+              dispatch({ type: CVV_CHANGE, payload: val });
+              props.onChangeText && props.onChangeText(val);
+            }}
           />
         );
       }}
diff --git a/src/components/ExpiryDate.tsx b/src/components/ExpiryDate.tsx
@@ -29,9 +29,10 @@ const ExpiryDate: React.SFC<FramesFieldProps> = (props) => {
             {...props}
             style={[styles.expiryDate, props.style]}
             value={state.expiryDate}
-            onChangeText={(val: string) =>
-              dispatch({ type: DATE_CHANGE, payload: val })
-            }
+            onChangeText={(val: string) => {
+              dispatch({ type: DATE_CHANGE, payload: val });
+              props.onChangeText && props.onChangeText(val);
+            }}
           />
         );
       }}
