@ornikar/kitt-universal 9.40.0 → 9.41.0

package/dist/definitions/forms/InputPhone/InputPhone.d.ts

@@ -1,8 +1,15 @@
 /// <reference types="react" />
-import type { TextInput as RNTextInput } from 'react-native';
+import type { CountryCallingCode, ParsedNumber } from 'libphonenumber-js';
+import type { NativeSyntheticEvent, TextInput as RNTextInput, TextInputChangeEventData } from 'react-native';
 import type { Except } from 'type-fest';
 import type { InputTextProps } from '../InputText/InputText';
+export interface InputPhoneNumberData extends ParsedNumber {
+    countryCode: CountryCallingCode;
+    originalNativeEventText: string;
+}
 export interface InputPhoneProps extends Except<InputTextProps, 'keyboardType' | 'textContentType'> {
+    phoneNumberLength?: number;
+    onChange?: (event: NativeSyntheticEvent<TextInputChangeEventData>, phoneNumberData?: InputPhoneNumberData) => void;
 }
 export declare const InputPhone: import("react").ForwardRefExoticComponent<InputPhoneProps & import("react").RefAttributes<RNTextInput>>;
 //# sourceMappingURL=InputPhone.d.ts.map

package/dist/definitions/forms/InputPhone/InputPhone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPhone.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputPhone/InputPhone.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,cAAc,EAAE,cAAc,GAAG,iBAAiB,CAAC;CAAG;AAEtG,eAAO,MAAM,UAAU,yGAetB,CAAC"}
+{"version":3,"file":"InputPhone.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputPhone/InputPhone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,IAAI,WAAW,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAC7G,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAW7D,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,WAAW,EAAE,kBAAkB,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,cAAc,EAAE,cAAc,GAAG,iBAAiB,CAAC;IACjG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,CAAC,EAAE,eAAe,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACpH;AAED,eAAO,MAAM,UAAU,yGA2DtB,CAAC"}

package/dist/index-browser-all.es.android.js

@@ -21,6 +21,7 @@ import { parse } from 'twemoji-parser';
 import * as WebBrowser from 'expo-web-browser';
 import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
 import { FormattedMessage } from 'react-intl';
+import { parseNumber, getCountryCallingCode, isValidNumber } from 'libphonenumber-js';
 import Svg, { LinearGradient, Stop, Mask, Path, G, Defs, Circle as Circle$1 } from 'react-native-svg';
 import { Picker as Picker$1 } from '@react-native-picker/picker';
 import { LinearGradient as LinearGradient$1 } from 'expo-linear-gradient';
@@ -3840,18 +3841,18 @@ function getReturnKeyTypeForNumericInput(returnKeyType) {
   return returnKeyType;
 }
 
-function prefixWithZero(value) {
+function prefixWithZero$1(value) {
   var maxLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   return "".concat(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) {
@@ -5119,20 +5120,63 @@ var InputPassword = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 
-var _excluded$c = ["returnKeyType", "autoComplete"];
+var _excluded$c = ["returnKeyType", "autoComplete", "phoneNumberLength", "value", "onChange"];
+function isPhoneNumberValid(number) {
+  return isValidNumber(number);
+}
+function prefixWithZero(value, phoneNumberLength) {
+  return value.padStart(phoneNumberLength, '0');
+}
 var InputPhone = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var returnKeyType = _ref.returnKeyType,
     _ref$autoComplete = _ref.autoComplete,
     autoComplete = _ref$autoComplete === void 0 ? 'tel' : _ref$autoComplete,
+    _ref$phoneNumberLengt = _ref.phoneNumberLength,
+    phoneNumberLength = _ref$phoneNumberLengt === void 0 ? 10 : _ref$phoneNumberLengt,
+    value = _ref.value,
+    onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded$c);
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentValue = _useState2[0],
+    setCurrentValue = _useState2[1];
   var currentReturnKeyType = returnKeyType ? getReturnKeyTypeForNumericInput(returnKeyType) : undefined;
   return /*#__PURE__*/jsx(InputText, _objectSpread(_objectSpread({
     ref: ref
   }, props), {}, {
+    value: currentValue,
     keyboardType: "phone-pad",
     returnKeyType: currentReturnKeyType,
     autoComplete: autoComplete,
-    textContentType: "telephoneNumber"
+    textContentType: "telephoneNumber",
+    onChange: function handleChange(event) {
+      var number = 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)) {
+        var phone = number.phone;
+        var finalPhoneNumber = prefixWithZero("".concat(phone || ''), phoneNumberLength);
+        var eventWithoutCountryCode = _objectSpread(_objectSpread({}, event), {}, {
+          nativeEvent: _objectSpread(_objectSpread({}, event.nativeEvent), {}, {
+            text: finalPhoneNumber
+          })
+        });
+        setCurrentValue(finalPhoneNumber);
+        if (onChange) {
+          onChange(eventWithoutCountryCode, _objectSpread(_objectSpread({}, number), {}, {
+            countryCode: 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);
+    }
   }));
 });