@ornikar/kitt-universal 9.40.0 → 9.41.0

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

@@ -12,6 +12,7 @@ const react$1 = require('@linaria/react');
 const reactPortal = require('react-portal');
 const reactTransitionGroup = require('react-transition-group');
 const twemojiParser = require('twemoji-parser');
+const libphonenumberJs = require('libphonenumber-js');
 const reactNativeSafeAreaContext = require('react-native-safe-area-context');
 const reactDom = require('@floating-ui/react-dom');
 const usehooksTs = require('usehooks-ts');
@@ -3366,17 +3367,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) {
@@ -3980,19 +3981,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);
+    }
   });
 });