@ornikar/kitt-universal 9.40.0 → 9.41.0

package/dist/index-node-14.17.cjs.js

@@ -15,6 +15,7 @@ const twemojiParser = require('twemoji-parser');
 const WebBrowser = require('expo-web-browser');
 const DateTimePicker = require('@react-native-community/datetimepicker');
 const reactIntl = require('react-intl');
+const libphonenumberJs = require('libphonenumber-js');
 const Svg = require('react-native-svg');
 const picker$1 = require('@react-native-picker/picker');
 const expoLinearGradient = require('expo-linear-gradient');
@@ -3791,17 +3792,17 @@ function getReturnKeyTypeForNumericInput(returnKeyType) {
   return returnKeyType;
 }
 
-function prefixWithZero(value, maxLength = 2) {
+function prefixWithZero$1(value, maxLength = 2) {
   return `${value}`.padStart(maxLength, '0');
 }
 function dayFormatter(day) {
-  return prefixWithZero(day);
+  return prefixWithZero$1(day);
 }
 function monthFormatter(month) {
-  return prefixWithZero(month);
+  return prefixWithZero$1(month);
 }
 function yearFormatter(year) {
-  return prefixWithZero(year, 4);
+  return prefixWithZero$1(year, 4);
 }
 
 function getDayInInterval(value) {
@@ -5068,19 +5069,63 @@ const InputPassword = /*#__PURE__*/React.forwardRef(({
   });
 });
 
+function isPhoneNumberValid(number) {
+  return libphonenumberJs.isValidNumber(number);
+}
+function prefixWithZero(value, phoneNumberLength) {
+  return value.padStart(phoneNumberLength, '0');
+}
 const InputPhone = /*#__PURE__*/React.forwardRef(({
   returnKeyType,
   autoComplete = 'tel',
+  phoneNumberLength = 10,
+  value,
+  onChange,
   ...props
 }, ref) => {
+  const [currentValue, setCurrentValue] = React.useState(value);
   const currentReturnKeyType = returnKeyType ? getReturnKeyTypeForNumericInput(returnKeyType) : undefined;
   return /*#__PURE__*/jsxRuntime.jsx(InputText, {
     ref: ref,
     ...props,
+    value: currentValue,
     keyboardType: "phone-pad",
     returnKeyType: currentReturnKeyType,
     autoComplete: autoComplete,
-    textContentType: "telephoneNumber"
+    textContentType: "telephoneNumber",
+    onChange: event => {
+      const number = libphonenumberJs.parseNumber(event.nativeEvent.text);
+
+      // When intl phone number is valid :
+      // 1 - We extract intl data
+      // 2 - We recreate the local value to display
+      if (isPhoneNumberValid(number)) {
+        const {
+          phone
+        } = number;
+        const finalPhoneNumber = prefixWithZero(`${phone || ''}`, phoneNumberLength);
+        const eventWithoutCountryCode = {
+          ...event,
+          nativeEvent: {
+            ...event.nativeEvent,
+            text: finalPhoneNumber
+          }
+        };
+        setCurrentValue(finalPhoneNumber);
+        if (onChange) {
+          onChange(eventWithoutCountryCode, {
+            ...number,
+            countryCode: libphonenumberJs.getCountryCallingCode(number.country),
+            originalNativeEventText: event.nativeEvent.text
+          });
+        }
+        return;
+      }
+
+      // Value is correctly parsed but might not pass validation
+      setCurrentValue(event.nativeEvent.text);
+      if (onChange) onChange(event);
+    }
   });
 });