Please add onFormattedUpdate() callback

[timothytripp]

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch [email protected] for the project I'm working on.

Because the onEndEditing callback is not getting invoked until after the TextInput component loses focus, my app was attempting to save the contents of the form before the onEndEditing was called, so the formatted result was not coming in. For my use, I added another callback comparable to onValueUpdate() called onFormattedUpdate(). I also fixed a small error where you didn't provide the onValueUpdate as a useEffect dependency.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-intl-phone-field/src/index.tsx b/node_modules/react-native-intl-phone-field/src/index.tsx
index af9a955..25f22d7 100644
--- a/node_modules/react-native-intl-phone-field/src/index.tsx
+++ b/node_modules/react-native-intl-phone-field/src/index.tsx
@@ -16,6 +16,7 @@ export type IntlPhoneFieldProps = {
   defaultValue?: string;
   defaultFlag?: string;
   onEndEditing?: Function;
+  onFormattedUpdate?: Function;
   onValidation?: Function;
   onValueUpdate?: Function;
   containerStyle?: object;
@@ -30,6 +31,7 @@ let resolveFlagTimeoutId: NodeJS.Timeout;
 export default function IntlPhoneField({
   flagUndetermined = '❓',
   onEndEditing,
+  onFormattedUpdate,
   onValidation,
   onValueUpdate,
   defaultCountry,
@@ -112,7 +114,11 @@ export default function IntlPhoneField({
 
   useEffect(() => {
     onValueUpdate && onValueUpdate(value);
-  }, [value]);
+  }, [onValueUpdate, value]);
+
+  useEffect(() => {
+    onFormattedUpdate && onFormattedUpdate(formatted);
+  }, [onFormattedUpdate, formatted]);
 
   return (
     <View style={[styles.container, containerStyle]}>

This issue body was partially generated by patch-package.

[fakeheal]

Thank you so much for both your sponsorship and contribution! Over the next week I will implement & test the changes you suggested!

[fakeheal]

@timothytripp Hi, it's me again. Could you post an example (on expo if possible) that shows the issue you're having with onEndEditing. Is your app auto saving the contents of the field without any user interaction?