@trackunit/react-form-components 0.0.152 → 0.0.155

package/index.cjs.js

@@ -4398,7 +4398,7 @@ function checkNumberLengthForType(nationalNumber, type, metadata) {
  * @return {string}
  */
 
-function isPossiblePhoneNumber$2(input, options, metadata) {
+function isPossiblePhoneNumber(input, options, metadata) {
   /* istanbul ignore if */
   if (options === undefined) {
     options = {};
@@ -4779,11 +4779,11 @@ function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var DEFAULT_OPTIONS = {
   formatExtension: function formatExtension(formattedNumber, extension, metadata) {
     return "".concat(formattedNumber).concat(metadata.ext()).concat(extension);
@@ -4808,7 +4808,7 @@ var DEFAULT_OPTIONS = {
 function formatNumber(input, format, options, metadata) {
   // Apply default options.
   if (options) {
-    options = _objectSpread$5(_objectSpread$5({}, DEFAULT_OPTIONS), options);
+    options = _objectSpread$6(_objectSpread$6({}, DEFAULT_OPTIONS), options);
   } else {
     options = DEFAULT_OPTIONS;
   }
@@ -4953,11 +4953,11 @@ function formatIDD(nationalNumber, carrierCode, countryCallingCode, fromCountry,
   }
 }
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -5021,7 +5021,7 @@ var PhoneNumber = /*#__PURE__*/function () {
   }, {
     key: "isPossible",
     value: function isPossible() {
-      return isPossiblePhoneNumber$2(this, {
+      return isPossiblePhoneNumber(this, {
         v2: true
       }, this.getMetadata());
     }
@@ -5067,7 +5067,7 @@ var PhoneNumber = /*#__PURE__*/function () {
   }, {
     key: "format",
     value: function format(_format, options) {
-      return formatNumber(this, _format, options ? _objectSpread$4(_objectSpread$4({}, options), {}, {
+      return formatNumber(this, _format, options ? _objectSpread$5(_objectSpread$5({}, options), {}, {
         v2: true
       }) : {
         v2: true
@@ -6110,24 +6110,24 @@ function parsePhoneNumber$3(formattedPhoneNumber, defaultCountry, defaultCalling
   };
 }
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function parsePhoneNumberWithError(text, options, metadata) {
-  return parse$1(text, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  return parse$1(text, _objectSpread$4(_objectSpread$4({}, options), {}, {
     v2: true
   }), metadata);
 }
 
 function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1(); }
 
@@ -6174,7 +6174,7 @@ function normalizeArguments(args) {
     }
 
     if (arg_2) {
-      options = _objectSpread$2({
+      options = _objectSpread$3({
         defaultCountry: arg_2
       }, options);
     }
@@ -6202,15 +6202,15 @@ var isObject = function isObject(_) {
   return _typeof$1(_) === 'object';
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function parsePhoneNumber$2(text, options, metadata) {
   // Validate `defaultCountry`.
   if (options && options.defaultCountry && !isSupportedCountry(options.defaultCountry, metadata)) {
-    options = _objectSpread$1(_objectSpread$1({}, options), {}, {
+    options = _objectSpread$2(_objectSpread$2({}, options), {}, {
       defaultCountry: undefined
     });
   } // Parse phone number.
@@ -6235,12 +6235,30 @@ function parsePhoneNumber$1() {
   return parsePhoneNumber$2(text, options, metadata);
 }
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function isValidPhoneNumber$1() {
+  var _normalizeArguments = normalizeArguments(arguments),
+      text = _normalizeArguments.text,
+      options = _normalizeArguments.options,
+      metadata = _normalizeArguments.metadata;
+
+  options = _objectSpread$1(_objectSpread$1({}, options), {}, {
+    extract: false
+  });
+  var phoneNumber = parsePhoneNumber$2(text, options, metadata);
+  return phoneNumber && phoneNumber.isValid() || false;
+}
+
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function isPossiblePhoneNumber$1() {
+function validatePhoneNumberLength$1() {
   var _normalizeArguments = normalizeArguments(arguments),
       text = _normalizeArguments.text,
       options = _normalizeArguments.options,
@@ -6248,9 +6266,25 @@ function isPossiblePhoneNumber$1() {
 
   options = _objectSpread(_objectSpread({}, options), {}, {
     extract: false
-  });
-  var phoneNumber = parsePhoneNumber$2(text, options, metadata);
-  return phoneNumber && phoneNumber.isPossible() || false;
+  }); // Parse phone number.
+
+  try {
+    var phoneNumber = parsePhoneNumberWithError(text, options, metadata);
+    metadata = new Metadata(metadata);
+    metadata.selectNumberingPlan(phoneNumber.countryCallingCode);
+    var result = checkNumberLength(phoneNumber.nationalNumber, metadata);
+
+    if (result !== 'IS_POSSIBLE') {
+      return result;
+    }
+  } catch (error) {
+    /* istanbul ignore else */
+    if (error instanceof ParseError) {
+      return error.message;
+    } else {
+      throw error;
+    }
+  }
 }
 
 function getCountries$1(metadata) {
@@ -6261,8 +6295,12 @@ function parsePhoneNumber() {
 	return withMetadataArgument(parsePhoneNumber$1, arguments)
 }
 
-function isPossiblePhoneNumber() {
-	return withMetadataArgument(isPossiblePhoneNumber$1, arguments)
+function isValidPhoneNumber() {
+	return withMetadataArgument(isValidPhoneNumber$1, arguments)
+}
+
+function validatePhoneNumberLength() {
+	return withMetadataArgument(validatePhoneNumberLength$1, arguments)
 }
 
 function getCountries() {
@@ -6295,33 +6333,9 @@ const getPhoneNumberWithPlus = (phoneNumber) => {
 /**
  * A custom hook for managing phone number input state and validation.
  *
- * @returns {object} - An object containing state values and event handler functions.
- * @property {Function}  getIsCountryCodeInvalid - A function for check if country code is valid
- * @property {Function} getIsNumberInvalid- A function for check if number part of phone number is valid
- * @property {Function} getIsPhoneNumberValid- A function for check if phone number is valid
  *  @property {Function} getPhoneNumber - A function for get formatted phone number with country code and plus sign
- * @property {string} combinedValue - The combined country code and phone number value.
  */
 const usePhoneInput = () => {
-    const getIsCountryCodeInvalid = (code) => {
-        if (code) {
-            return false;
-        }
-        return true;
-    };
-    const getIsNumberInvalid = (number) => {
-        if (number) {
-            return false;
-        }
-        return true;
-    };
-    const getIsPhoneNumberInvalid = (phone) => {
-        if (phone) {
-            const normalized = getPhoneNumberWithPlus(phone.toString());
-            return isPossiblePhoneNumber(normalized);
-        }
-        return true;
-    };
     const getPhoneNumber = ({ country, phone }) => {
         if (country) {
             return getPhoneNumberWithPlus(`${country}${phone || ""}`);
@@ -6329,9 +6343,6 @@ const usePhoneInput = () => {
         return phone || "";
     };
     return {
-        getIsCountryCodeInvalid,
-        getIsNumberInvalid,
-        getIsPhoneNumberInvalid,
         getPhoneNumber,
     };
 };
@@ -14486,7 +14497,7 @@ const countryCodes = countryCodesSet.map(code => ({ label: `+${code}`, value: `+
  * @param {CountryCodeSelectProps} props - The props for the CountryCodeSelect component
  * @returns {JSX.Element} CountryCodeSelect component
  */
-const CountryCodeSelect = ({ excludedCountries, countryCode, isInvalid, onChange, disabled, readOnly, dataTestId, placeholder, onBlur, }) => {
+const CountryCodeSelect = ({ excludedCountries, countryCode, isInvalid, onChange, disabled, readOnly, dataTestId, placeholder, onBlur, isClearable, }) => {
     const [isCountryCodeMissing, setIsCountryCodeMissing] = React.useState(false);
     React.useEffect(() => {
         countryCode && setIsCountryCodeMissing(false);
@@ -14494,7 +14505,7 @@ const CountryCodeSelect = ({ excludedCountries, countryCode, isInvalid, onChange
     const filteredCodes = countryCodes.filter(code => {
         return !(excludedCountries === null || excludedCountries === void 0 ? void 0 : excludedCountries.some(excludedCode => excludedCode.value === code.value));
     });
-    return (jsxRuntime.jsx(Select, { dataTestId: dataTestId, className: "w-28", "aria-invalid": isCountryCodeMissing, options: filteredCodes.map(code => code), value: filteredCodes.find(({ value }) => value === `+${countryCode}`), placeholder: placeholder, hasError: isCountryCodeMissing || isInvalid, maxMenuHeight: 200, onChange: onChange, disabled: disabled, readOnly: readOnly, onBlur: onBlur, closeMenuOnSelect: true, menuIsOpen: readOnly ? false : undefined }));
+    return (jsxRuntime.jsx(Select, { dataTestId: dataTestId, className: "w-32", "aria-invalid": isCountryCodeMissing, options: filteredCodes.map(code => code), value: filteredCodes.find(({ value }) => value === `+${countryCode}`), placeholder: placeholder, hasError: isCountryCodeMissing || isInvalid, maxMenuHeight: 200, onChange: onChange, disabled: disabled, readOnly: readOnly, onBlur: onBlur, closeMenuOnSelect: true, menuIsOpen: readOnly ? false : undefined, isClearable: isClearable }));
 };
 
 /**
@@ -14509,10 +14520,10 @@ const CountryCodeSelect = ({ excludedCountries, countryCode, isInvalid, onChange
  */
 const PhoneInput = React.forwardRef((_a, ref) => {
     var _b, _c;
-    var { dataTestId, isInvalid, disabled = false, value, defaultValue, fieldSize = "medium", disableAction = false, onChange, onBlurCountryCode, readOnly, countryCodePlaceholder, onChangeCountryCode, onBlur, onFieldsBlur, onChangeValue } = _a, rest = __rest(_a, ["dataTestId", "isInvalid", "disabled", "value", "defaultValue", "fieldSize", "disableAction", "onChange", "onBlurCountryCode", "readOnly", "countryCodePlaceholder", "onChangeCountryCode", "onBlur", "onFieldsBlur", "onChangeValue"]);
+    var { dataTestId, isInvalid, disabled = false, value, defaultValue, fieldSize = "medium", disableAction = false, onChange, onBlurCountryCode, readOnly, countryCodePlaceholder, onChangeCountryCode, onBlur, onFieldsBlur, onChangeValue, isCountryCodeClearable } = _a, rest = __rest(_a, ["dataTestId", "isInvalid", "disabled", "value", "defaultValue", "fieldSize", "disableAction", "onChange", "onBlurCountryCode", "readOnly", "countryCodePlaceholder", "onChangeCountryCode", "onBlur", "onFieldsBlur", "onChangeValue", "isCountryCodeClearable"]);
     const DEFAULT_COUNTRY_CODE = "+45";
-    const { getIsCountryCodeInvalid, getIsPhoneNumberInvalid, getPhoneNumber } = usePhoneInput();
-    const countryCodePlaceholderValue = countryCodePlaceholder || DEFAULT_COUNTRY_CODE;
+    const { getPhoneNumber } = usePhoneInput();
+    const countryCodePlaceholderValue = !readOnly ? countryCodePlaceholder || DEFAULT_COUNTRY_CODE : "";
     const safePhoneNumber = getPhoneNumberWithPlus(value || "");
     const number = parsePhoneNumber(safePhoneNumber);
     const [phone, setPhone] = React.useState((_b = number === null || number === void 0 ? void 0 : number.nationalNumber.toString()) !== null && _b !== void 0 ? _b : "");
@@ -14527,14 +14538,24 @@ const PhoneInput = React.forwardRef((_a, ref) => {
                 national: newPhone,
             });
     }, [onChangeValue, getPhoneNumber]);
+    const onPhoneChangeHandler = React__default["default"].useCallback((ph) => {
+        phoneRef.current = ph;
+        setPhone(ph);
+        onChangeHandler({ newPhone: ph, newCode: code });
+    }, [onChangeHandler, code, phoneRef]);
     const onCodeChangeHandler = React__default["default"].useCallback((codeNumber) => {
+        codeRef.current = codeNumber;
         setCode(codeNumber);
-        onChangeHandler({ newPhone: phone, newCode: codeNumber });
-    }, [phone, onChangeHandler]);
-    const onPhoneChangeHandler = React__default["default"].useCallback((phoneNumber) => {
-        setPhone(phoneNumber);
-        onChangeHandler({ newPhone: phoneNumber, newCode: code });
-    }, [onChangeHandler, code]);
+        if (codeNumber !== "") {
+            onChangeHandler({ newPhone: phone, newCode: codeNumber });
+        }
+        else {
+            //Clear the phone number because we disable the field, when there is no country code
+            onChangeHandler({ newPhone: "", newCode: "" });
+            phoneRef.current = "";
+            setPhone("");
+        }
+    }, [phone, onChangeHandler, codeRef]);
     const onBlurHandler = React__default["default"].useCallback(() => {
         onFieldsBlur &&
             onFieldsBlur({
@@ -14556,15 +14577,13 @@ const PhoneInput = React.forwardRef((_a, ref) => {
     return (jsxRuntime.jsxs("div", { className: "grid grid-cols-min-fr gap-2", "data-testid": dataTestId && `${dataTestId}-container`, children: [jsxRuntime.jsx("input", { hidden: true, id: "phone-input", "data-testid": dataTestId, value: phoneNumber, ref: hiddenInputRef, onChange: onChange, "aria-invalid": isInvalid }), jsxRuntime.jsx(CountryCodeSelect, { dataTestId: dataTestId && `${dataTestId}-countryCodeSelect`, countryCode: code, onBlur: e => {
                     onBlurHandler();
                 }, onChange: e => {
-                    (e === null || e === void 0 ? void 0 : e.value) && onCodeChangeHandler(e === null || e === void 0 ? void 0 : e.value);
-                    codeRef.current = (e === null || e === void 0 ? void 0 : e.value) || "";
-                }, disabled: disabled, readOnly: readOnly, isInvalid: isInvalid, placeholder: countryCodePlaceholderValue }), jsxRuntime.jsx(BaseInput, Object.assign({ id: "phoneInput-number", dataTestId: dataTestId && `${dataTestId}-phoneNumberInput`, fieldSize: fieldSize, type: "tel", value: phone, disabled: disabled, readOnly: readOnly, isInvalid: isInvalid, onChange: e => {
-                    (e === null || e === void 0 ? void 0 : e.target.value) && setPhone(e.target.value);
+                    var _a;
+                    onCodeChangeHandler((_a = e === null || e === void 0 ? void 0 : e.value) !== null && _a !== void 0 ? _a : "");
+                }, disabled: disabled, readOnly: readOnly, isInvalid: isInvalid, placeholder: countryCodePlaceholderValue, isClearable: isCountryCodeClearable }), jsxRuntime.jsx(BaseInput, Object.assign({ id: "phoneInput-number", dataTestId: dataTestId && `${dataTestId}-phoneNumberInput`, fieldSize: fieldSize, type: "tel", value: phone, disabled: disabled || code === "", readOnly: readOnly, isInvalid: isInvalid, onChange: e => {
                     onPhoneChangeHandler(e.target.value);
-                    phoneRef.current = e === null || e === void 0 ? void 0 : e.target.value;
                 }, onBlur: () => {
                     onBlurHandler();
-                }, actions: !disableAction && (jsxRuntime.jsx(ActionButton, { disabled: disabled || isInvalid || getIsCountryCodeInvalid(code || "") || getIsPhoneNumberInvalid(phone || " "), value: phoneNumber, type: "PHONE_NUMBER", dataTestId: dataTestId && `${dataTestId}-phoneIcon`, iconSize: fieldSize })) }, rest))] }));
+                }, actions: !disableAction && (jsxRuntime.jsx(ActionButton, { disabled: disabled || isInvalid, value: phoneNumber, type: "PHONE_NUMBER", dataTestId: dataTestId && `${dataTestId}-phoneIcon`, iconSize: fieldSize })) }, rest))] }));
 });
 
 /**
@@ -14586,9 +14605,44 @@ const PhoneInput = React.forwardRef((_a, ref) => {
 const PhoneField = React.forwardRef((_a, ref) => {
     var { label, id, tip, helpText, isInvalid, errorMessage, value, helpAddon, className, defaultValue, dataTestId, onChangeValue, onFieldsBlur } = _a, rest = __rest(_a, ["label", "id", "tip", "helpText", "isInvalid", "errorMessage", "value", "helpAddon", "className", "defaultValue", "dataTestId", "onChangeValue", "onFieldsBlur"]);
     const htmlForId = id ? id : "phoneField-" + v4();
-    return (jsxRuntime.jsx(FormGroup, { htmlFor: htmlForId, label: label, tip: tip, isInvalid: isInvalid, helpText: (isInvalid && errorMessage) || helpText, helpAddon: helpAddon, disabled: rest.disabled, className: className, dataTestId: dataTestId && `${dataTestId}-FormGroup`, children: jsxRuntime.jsx(PhoneInput, Object.assign({ id: htmlForId, "aria-labelledby": htmlForId + "-label", value: value, defaultValue: defaultValue, ref: ref, dataTestId: dataTestId, onChangeValue: onChangeValue, onFieldsBlur: onFieldsBlur }, rest)) }));
+    const renderAsInvalid = isInvalid || Boolean(errorMessage);
+    return (jsxRuntime.jsx(FormGroup, { htmlFor: htmlForId, label: label, tip: tip, isInvalid: renderAsInvalid, helpText: (renderAsInvalid && errorMessage) || helpText, helpAddon: helpAddon, disabled: rest.disabled, className: className, dataTestId: dataTestId && `${dataTestId}-FormGroup`, children: jsxRuntime.jsx(PhoneInput, Object.assign({ id: htmlForId, "aria-labelledby": htmlForId + "-label", value: value, defaultValue: defaultValue, ref: ref, isInvalid: renderAsInvalid, dataTestId: dataTestId, onChangeValue: onChangeValue, onFieldsBlur: onFieldsBlur }, rest)) }));
 });
 
+/**
+ * Validates a phone number
+ */
+const validatePhoneNumber = (phoneNumber) => {
+    if (phoneNumber &&
+        (checkIfPhoneNumberHasPlus(phoneNumber) ? isNaN(+phoneNumber.slice(1, phoneNumber.length)) : isNaN(+phoneNumber))) {
+        return "NOT_A_NUMBER";
+    }
+    if (!phoneNumber) {
+        return "REQUIRED";
+    }
+    const safePhoneNumber = getPhoneNumberWithPlus(phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.trim());
+    if (safePhoneNumber.length <= 5) {
+        //needs to be handled manually, parsePhoneNumberFromString can't parse it
+        return "TOO_SHORT";
+    }
+    const number = parsePhoneNumber(safePhoneNumber);
+    if (!number) {
+        return "NOT_A_NUMBER";
+    }
+    if (!isValidPhoneNumber(number.number, number.country)) {
+        return validatePhoneNumberLength(number.number, number.country);
+    }
+    return undefined;
+};
+/**
+ * Checks if the country code is valid and required
+ */
+const isInvalidCountryCode = (error, required) => !!required && error === "REQUIRED";
+/**
+ * Checks if the phone number is valid and required
+ */
+const isInvalidPhoneNumber = (error, required) => (!!error && error !== "REQUIRED") || (!!required && error === "REQUIRED");
+
 const cvaRadioGroup = cssClassVarianceUtilities.cvaMerge(["flex", "gap-2", "flex-col", "items-start"], {
     variants: {
         layout: {
@@ -15224,9 +15278,12 @@ exports.cvaSelectMenuList = cvaSelectMenuList;
 exports.cvaSelectPrefix = cvaSelectPrefix;
 exports.cvaSelectXIcon = cvaSelectXIcon;
 exports.getOrderedOptions = getOrderedOptions;
+exports.isInvalidCountryCode = isInvalidCountryCode;
+exports.isInvalidPhoneNumber = isInvalidPhoneNumber;
 exports.isMultiValue = isMultiValue;
 exports.parseSchedule = parseSchedule;
 exports.serializeSchedule = serializeSchedule;
 exports.useCustomComponents = useCustomComponents;
 exports.usePhoneInput = usePhoneInput;
+exports.validatePhoneNumber = validatePhoneNumber;
 exports.weekDay = weekDay;

package/index.esm.js

@@ -4372,7 +4372,7 @@ function checkNumberLengthForType(nationalNumber, type, metadata) {
  * @return {string}
  */
 
-function isPossiblePhoneNumber$2(input, options, metadata) {
+function isPossiblePhoneNumber(input, options, metadata) {
   /* istanbul ignore if */
   if (options === undefined) {
     options = {};
@@ -4753,11 +4753,11 @@ function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var DEFAULT_OPTIONS = {
   formatExtension: function formatExtension(formattedNumber, extension, metadata) {
     return "".concat(formattedNumber).concat(metadata.ext()).concat(extension);
@@ -4782,7 +4782,7 @@ var DEFAULT_OPTIONS = {
 function formatNumber(input, format, options, metadata) {
   // Apply default options.
   if (options) {
-    options = _objectSpread$5(_objectSpread$5({}, DEFAULT_OPTIONS), options);
+    options = _objectSpread$6(_objectSpread$6({}, DEFAULT_OPTIONS), options);
   } else {
     options = DEFAULT_OPTIONS;
   }
@@ -4927,11 +4927,11 @@ function formatIDD(nationalNumber, carrierCode, countryCallingCode, fromCountry,
   }
 }
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -4995,7 +4995,7 @@ var PhoneNumber = /*#__PURE__*/function () {
   }, {
     key: "isPossible",
     value: function isPossible() {
-      return isPossiblePhoneNumber$2(this, {
+      return isPossiblePhoneNumber(this, {
         v2: true
       }, this.getMetadata());
     }
@@ -5041,7 +5041,7 @@ var PhoneNumber = /*#__PURE__*/function () {
   }, {
     key: "format",
     value: function format(_format, options) {
-      return formatNumber(this, _format, options ? _objectSpread$4(_objectSpread$4({}, options), {}, {
+      return formatNumber(this, _format, options ? _objectSpread$5(_objectSpread$5({}, options), {}, {
         v2: true
       }) : {
         v2: true
@@ -6084,24 +6084,24 @@ function parsePhoneNumber$3(formattedPhoneNumber, defaultCountry, defaultCalling
   };
 }
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function parsePhoneNumberWithError(text, options, metadata) {
-  return parse$1(text, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  return parse$1(text, _objectSpread$4(_objectSpread$4({}, options), {}, {
     v2: true
   }), metadata);
 }
 
 function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1(); }
 
@@ -6148,7 +6148,7 @@ function normalizeArguments(args) {
     }
 
     if (arg_2) {
-      options = _objectSpread$2({
+      options = _objectSpread$3({
         defaultCountry: arg_2
       }, options);
     }
@@ -6176,15 +6176,15 @@ var isObject = function isObject(_) {
   return _typeof$1(_) === 'object';
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function parsePhoneNumber$2(text, options, metadata) {
   // Validate `defaultCountry`.
   if (options && options.defaultCountry && !isSupportedCountry(options.defaultCountry, metadata)) {
-    options = _objectSpread$1(_objectSpread$1({}, options), {}, {
+    options = _objectSpread$2(_objectSpread$2({}, options), {}, {
       defaultCountry: undefined
     });
   } // Parse phone number.
@@ -6209,12 +6209,30 @@ function parsePhoneNumber$1() {
   return parsePhoneNumber$2(text, options, metadata);
 }
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function isValidPhoneNumber$1() {
+  var _normalizeArguments = normalizeArguments(arguments),
+      text = _normalizeArguments.text,
+      options = _normalizeArguments.options,
+      metadata = _normalizeArguments.metadata;
+
+  options = _objectSpread$1(_objectSpread$1({}, options), {}, {
+    extract: false
+  });
+  var phoneNumber = parsePhoneNumber$2(text, options, metadata);
+  return phoneNumber && phoneNumber.isValid() || false;
+}
+
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function isPossiblePhoneNumber$1() {
+function validatePhoneNumberLength$1() {
   var _normalizeArguments = normalizeArguments(arguments),
       text = _normalizeArguments.text,
       options = _normalizeArguments.options,
@@ -6222,9 +6240,25 @@ function isPossiblePhoneNumber$1() {
 
   options = _objectSpread(_objectSpread({}, options), {}, {
     extract: false
-  });
-  var phoneNumber = parsePhoneNumber$2(text, options, metadata);
-  return phoneNumber && phoneNumber.isPossible() || false;
+  }); // Parse phone number.
+
+  try {
+    var phoneNumber = parsePhoneNumberWithError(text, options, metadata);
+    metadata = new Metadata(metadata);
+    metadata.selectNumberingPlan(phoneNumber.countryCallingCode);
+    var result = checkNumberLength(phoneNumber.nationalNumber, metadata);
+
+    if (result !== 'IS_POSSIBLE') {
+      return result;
+    }
+  } catch (error) {
+    /* istanbul ignore else */
+    if (error instanceof ParseError) {
+      return error.message;
+    } else {
+      throw error;
+    }
+  }
 }
 
 function getCountries$1(metadata) {
@@ -6235,8 +6269,12 @@ function parsePhoneNumber() {
 	return withMetadataArgument(parsePhoneNumber$1, arguments)
 }
 
-function isPossiblePhoneNumber() {
-	return withMetadataArgument(isPossiblePhoneNumber$1, arguments)
+function isValidPhoneNumber() {
+	return withMetadataArgument(isValidPhoneNumber$1, arguments)
+}
+
+function validatePhoneNumberLength() {
+	return withMetadataArgument(validatePhoneNumberLength$1, arguments)
 }
 
 function getCountries() {
@@ -6269,33 +6307,9 @@ const getPhoneNumberWithPlus = (phoneNumber) => {
 /**
  * A custom hook for managing phone number input state and validation.
  *
- * @returns {object} - An object containing state values and event handler functions.
- * @property {Function}  getIsCountryCodeInvalid - A function for check if country code is valid
- * @property {Function} getIsNumberInvalid- A function for check if number part of phone number is valid
- * @property {Function} getIsPhoneNumberValid- A function for check if phone number is valid
  *  @property {Function} getPhoneNumber - A function for get formatted phone number with country code and plus sign
- * @property {string} combinedValue - The combined country code and phone number value.
  */
 const usePhoneInput = () => {
-    const getIsCountryCodeInvalid = (code) => {
-        if (code) {
-            return false;
-        }
-        return true;
-    };
-    const getIsNumberInvalid = (number) => {
-        if (number) {
-            return false;
-        }
-        return true;
-    };
-    const getIsPhoneNumberInvalid = (phone) => {
-        if (phone) {
-            const normalized = getPhoneNumberWithPlus(phone.toString());
-            return isPossiblePhoneNumber(normalized);
-        }
-        return true;
-    };
     const getPhoneNumber = ({ country, phone }) => {
         if (country) {
             return getPhoneNumberWithPlus(`${country}${phone || ""}`);
@@ -6303,9 +6317,6 @@ const usePhoneInput = () => {
         return phone || "";
     };
     return {
-        getIsCountryCodeInvalid,
-        getIsNumberInvalid,
-        getIsPhoneNumberInvalid,
         getPhoneNumber,
     };
 };
@@ -14460,7 +14471,7 @@ const countryCodes = countryCodesSet.map(code => ({ label: `+${code}`, value: `+
  * @param {CountryCodeSelectProps} props - The props for the CountryCodeSelect component
  * @returns {JSX.Element} CountryCodeSelect component
  */
-const CountryCodeSelect = ({ excludedCountries, countryCode, isInvalid, onChange, disabled, readOnly, dataTestId, placeholder, onBlur, }) => {
+const CountryCodeSelect = ({ excludedCountries, countryCode, isInvalid, onChange, disabled, readOnly, dataTestId, placeholder, onBlur, isClearable, }) => {
     const [isCountryCodeMissing, setIsCountryCodeMissing] = useState(false);
     useEffect(() => {
         countryCode && setIsCountryCodeMissing(false);
@@ -14468,7 +14479,7 @@ const CountryCodeSelect = ({ excludedCountries, countryCode, isInvalid, onChange
     const filteredCodes = countryCodes.filter(code => {
         return !(excludedCountries === null || excludedCountries === void 0 ? void 0 : excludedCountries.some(excludedCode => excludedCode.value === code.value));
     });
-    return (jsx$1(Select, { dataTestId: dataTestId, className: "w-28", "aria-invalid": isCountryCodeMissing, options: filteredCodes.map(code => code), value: filteredCodes.find(({ value }) => value === `+${countryCode}`), placeholder: placeholder, hasError: isCountryCodeMissing || isInvalid, maxMenuHeight: 200, onChange: onChange, disabled: disabled, readOnly: readOnly, onBlur: onBlur, closeMenuOnSelect: true, menuIsOpen: readOnly ? false : undefined }));
+    return (jsx$1(Select, { dataTestId: dataTestId, className: "w-32", "aria-invalid": isCountryCodeMissing, options: filteredCodes.map(code => code), value: filteredCodes.find(({ value }) => value === `+${countryCode}`), placeholder: placeholder, hasError: isCountryCodeMissing || isInvalid, maxMenuHeight: 200, onChange: onChange, disabled: disabled, readOnly: readOnly, onBlur: onBlur, closeMenuOnSelect: true, menuIsOpen: readOnly ? false : undefined, isClearable: isClearable }));
 };
 
 /**
@@ -14483,10 +14494,10 @@ const CountryCodeSelect = ({ excludedCountries, countryCode, isInvalid, onChange
  */
 const PhoneInput = forwardRef((_a, ref) => {
     var _b, _c;
-    var { dataTestId, isInvalid, disabled = false, value, defaultValue, fieldSize = "medium", disableAction = false, onChange, onBlurCountryCode, readOnly, countryCodePlaceholder, onChangeCountryCode, onBlur, onFieldsBlur, onChangeValue } = _a, rest = __rest(_a, ["dataTestId", "isInvalid", "disabled", "value", "defaultValue", "fieldSize", "disableAction", "onChange", "onBlurCountryCode", "readOnly", "countryCodePlaceholder", "onChangeCountryCode", "onBlur", "onFieldsBlur", "onChangeValue"]);
+    var { dataTestId, isInvalid, disabled = false, value, defaultValue, fieldSize = "medium", disableAction = false, onChange, onBlurCountryCode, readOnly, countryCodePlaceholder, onChangeCountryCode, onBlur, onFieldsBlur, onChangeValue, isCountryCodeClearable } = _a, rest = __rest(_a, ["dataTestId", "isInvalid", "disabled", "value", "defaultValue", "fieldSize", "disableAction", "onChange", "onBlurCountryCode", "readOnly", "countryCodePlaceholder", "onChangeCountryCode", "onBlur", "onFieldsBlur", "onChangeValue", "isCountryCodeClearable"]);
     const DEFAULT_COUNTRY_CODE = "+45";
-    const { getIsCountryCodeInvalid, getIsPhoneNumberInvalid, getPhoneNumber } = usePhoneInput();
-    const countryCodePlaceholderValue = countryCodePlaceholder || DEFAULT_COUNTRY_CODE;
+    const { getPhoneNumber } = usePhoneInput();
+    const countryCodePlaceholderValue = !readOnly ? countryCodePlaceholder || DEFAULT_COUNTRY_CODE : "";
     const safePhoneNumber = getPhoneNumberWithPlus(value || "");
     const number = parsePhoneNumber(safePhoneNumber);
     const [phone, setPhone] = useState((_b = number === null || number === void 0 ? void 0 : number.nationalNumber.toString()) !== null && _b !== void 0 ? _b : "");
@@ -14501,14 +14512,24 @@ const PhoneInput = forwardRef((_a, ref) => {
                 national: newPhone,
             });
     }, [onChangeValue, getPhoneNumber]);
+    const onPhoneChangeHandler = React__default.useCallback((ph) => {
+        phoneRef.current = ph;
+        setPhone(ph);
+        onChangeHandler({ newPhone: ph, newCode: code });
+    }, [onChangeHandler, code, phoneRef]);
     const onCodeChangeHandler = React__default.useCallback((codeNumber) => {
+        codeRef.current = codeNumber;
         setCode(codeNumber);
-        onChangeHandler({ newPhone: phone, newCode: codeNumber });
-    }, [phone, onChangeHandler]);
-    const onPhoneChangeHandler = React__default.useCallback((phoneNumber) => {
-        setPhone(phoneNumber);
-        onChangeHandler({ newPhone: phoneNumber, newCode: code });
-    }, [onChangeHandler, code]);
+        if (codeNumber !== "") {
+            onChangeHandler({ newPhone: phone, newCode: codeNumber });
+        }
+        else {
+            //Clear the phone number because we disable the field, when there is no country code
+            onChangeHandler({ newPhone: "", newCode: "" });
+            phoneRef.current = "";
+            setPhone("");
+        }
+    }, [phone, onChangeHandler, codeRef]);
     const onBlurHandler = React__default.useCallback(() => {
         onFieldsBlur &&
             onFieldsBlur({
@@ -14530,15 +14551,13 @@ const PhoneInput = forwardRef((_a, ref) => {
     return (jsxs("div", { className: "grid grid-cols-min-fr gap-2", "data-testid": dataTestId && `${dataTestId}-container`, children: [jsx$1("input", { hidden: true, id: "phone-input", "data-testid": dataTestId, value: phoneNumber, ref: hiddenInputRef, onChange: onChange, "aria-invalid": isInvalid }), jsx$1(CountryCodeSelect, { dataTestId: dataTestId && `${dataTestId}-countryCodeSelect`, countryCode: code, onBlur: e => {
                     onBlurHandler();
                 }, onChange: e => {
-                    (e === null || e === void 0 ? void 0 : e.value) && onCodeChangeHandler(e === null || e === void 0 ? void 0 : e.value);
-                    codeRef.current = (e === null || e === void 0 ? void 0 : e.value) || "";
-                }, disabled: disabled, readOnly: readOnly, isInvalid: isInvalid, placeholder: countryCodePlaceholderValue }), jsx$1(BaseInput, Object.assign({ id: "phoneInput-number", dataTestId: dataTestId && `${dataTestId}-phoneNumberInput`, fieldSize: fieldSize, type: "tel", value: phone, disabled: disabled, readOnly: readOnly, isInvalid: isInvalid, onChange: e => {
-                    (e === null || e === void 0 ? void 0 : e.target.value) && setPhone(e.target.value);
+                    var _a;
+                    onCodeChangeHandler((_a = e === null || e === void 0 ? void 0 : e.value) !== null && _a !== void 0 ? _a : "");
+                }, disabled: disabled, readOnly: readOnly, isInvalid: isInvalid, placeholder: countryCodePlaceholderValue, isClearable: isCountryCodeClearable }), jsx$1(BaseInput, Object.assign({ id: "phoneInput-number", dataTestId: dataTestId && `${dataTestId}-phoneNumberInput`, fieldSize: fieldSize, type: "tel", value: phone, disabled: disabled || code === "", readOnly: readOnly, isInvalid: isInvalid, onChange: e => {
                     onPhoneChangeHandler(e.target.value);
-                    phoneRef.current = e === null || e === void 0 ? void 0 : e.target.value;
                 }, onBlur: () => {
                     onBlurHandler();
-                }, actions: !disableAction && (jsx$1(ActionButton, { disabled: disabled || isInvalid || getIsCountryCodeInvalid(code || "") || getIsPhoneNumberInvalid(phone || " "), value: phoneNumber, type: "PHONE_NUMBER", dataTestId: dataTestId && `${dataTestId}-phoneIcon`, iconSize: fieldSize })) }, rest))] }));
+                }, actions: !disableAction && (jsx$1(ActionButton, { disabled: disabled || isInvalid, value: phoneNumber, type: "PHONE_NUMBER", dataTestId: dataTestId && `${dataTestId}-phoneIcon`, iconSize: fieldSize })) }, rest))] }));
 });
 
 /**
@@ -14560,9 +14579,44 @@ const PhoneInput = forwardRef((_a, ref) => {
 const PhoneField = forwardRef((_a, ref) => {
     var { label, id, tip, helpText, isInvalid, errorMessage, value, helpAddon, className, defaultValue, dataTestId, onChangeValue, onFieldsBlur } = _a, rest = __rest(_a, ["label", "id", "tip", "helpText", "isInvalid", "errorMessage", "value", "helpAddon", "className", "defaultValue", "dataTestId", "onChangeValue", "onFieldsBlur"]);
     const htmlForId = id ? id : "phoneField-" + v4();
-    return (jsx$1(FormGroup, { htmlFor: htmlForId, label: label, tip: tip, isInvalid: isInvalid, helpText: (isInvalid && errorMessage) || helpText, helpAddon: helpAddon, disabled: rest.disabled, className: className, dataTestId: dataTestId && `${dataTestId}-FormGroup`, children: jsx$1(PhoneInput, Object.assign({ id: htmlForId, "aria-labelledby": htmlForId + "-label", value: value, defaultValue: defaultValue, ref: ref, dataTestId: dataTestId, onChangeValue: onChangeValue, onFieldsBlur: onFieldsBlur }, rest)) }));
+    const renderAsInvalid = isInvalid || Boolean(errorMessage);
+    return (jsx$1(FormGroup, { htmlFor: htmlForId, label: label, tip: tip, isInvalid: renderAsInvalid, helpText: (renderAsInvalid && errorMessage) || helpText, helpAddon: helpAddon, disabled: rest.disabled, className: className, dataTestId: dataTestId && `${dataTestId}-FormGroup`, children: jsx$1(PhoneInput, Object.assign({ id: htmlForId, "aria-labelledby": htmlForId + "-label", value: value, defaultValue: defaultValue, ref: ref, isInvalid: renderAsInvalid, dataTestId: dataTestId, onChangeValue: onChangeValue, onFieldsBlur: onFieldsBlur }, rest)) }));
 });
 
+/**
+ * Validates a phone number
+ */
+const validatePhoneNumber = (phoneNumber) => {
+    if (phoneNumber &&
+        (checkIfPhoneNumberHasPlus(phoneNumber) ? isNaN(+phoneNumber.slice(1, phoneNumber.length)) : isNaN(+phoneNumber))) {
+        return "NOT_A_NUMBER";
+    }
+    if (!phoneNumber) {
+        return "REQUIRED";
+    }
+    const safePhoneNumber = getPhoneNumberWithPlus(phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.trim());
+    if (safePhoneNumber.length <= 5) {
+        //needs to be handled manually, parsePhoneNumberFromString can't parse it
+        return "TOO_SHORT";
+    }
+    const number = parsePhoneNumber(safePhoneNumber);
+    if (!number) {
+        return "NOT_A_NUMBER";
+    }
+    if (!isValidPhoneNumber(number.number, number.country)) {
+        return validatePhoneNumberLength(number.number, number.country);
+    }
+    return undefined;
+};
+/**
+ * Checks if the country code is valid and required
+ */
+const isInvalidCountryCode = (error, required) => !!required && error === "REQUIRED";
+/**
+ * Checks if the phone number is valid and required
+ */
+const isInvalidPhoneNumber = (error, required) => (!!error && error !== "REQUIRED") || (!!required && error === "REQUIRED");
+
 const cvaRadioGroup = cvaMerge(["flex", "gap-2", "flex-col", "items-start"], {
     variants: {
         layout: {
@@ -15146,4 +15200,4 @@ const UploadField = forwardRef((_a, ref) => {
  */
 setupLibraryTranslations();
 
-export { ActionButton, BaseInput, Checkbox, CreatableSelect, DateField, DateInput, DropZone, EmailField, EmailInput, FormGroup, Label, MultiSelectMenuItem, NumberField, NumberInput, OptionCard, PhoneField, PhoneInput, RadioGroup, RadioItem, Schedule, ScheduleVariant, Search, Select, SingleSelectMenuItem, TextArea, TextAreaField, TextField, TextInput, TimeRange, TimeRangeField, Toggle, UploadField, UploadInput, StateManagedSelect$1 as ValueType, cvaInput, cvaInputAddon, cvaInputAddonAfter, cvaInputAddonBefore, cvaInputBase, cvaInputBaseDisabled, cvaInputBaseInvalid, cvaInputField, cvaInputPrefix, cvaInputSuffix, cvaSelect, cvaSelectCounter, cvaSelectDynamicTagContainer, cvaSelectIcon, cvaSelectMenu, cvaSelectMenuList, cvaSelectPrefix, cvaSelectXIcon, getOrderedOptions, isMultiValue, parseSchedule, serializeSchedule, useCustomComponents, usePhoneInput, weekDay };
+export { ActionButton, BaseInput, Checkbox, CreatableSelect, DateField, DateInput, DropZone, EmailField, EmailInput, FormGroup, Label, MultiSelectMenuItem, NumberField, NumberInput, OptionCard, PhoneField, PhoneInput, RadioGroup, RadioItem, Schedule, ScheduleVariant, Search, Select, SingleSelectMenuItem, TextArea, TextAreaField, TextField, TextInput, TimeRange, TimeRangeField, Toggle, UploadField, UploadInput, StateManagedSelect$1 as ValueType, cvaInput, cvaInputAddon, cvaInputAddonAfter, cvaInputAddonBefore, cvaInputBase, cvaInputBaseDisabled, cvaInputBaseInvalid, cvaInputField, cvaInputPrefix, cvaInputSuffix, cvaSelect, cvaSelectCounter, cvaSelectDynamicTagContainer, cvaSelectIcon, cvaSelectMenu, cvaSelectMenuList, cvaSelectPrefix, cvaSelectXIcon, getOrderedOptions, isInvalidCountryCode, isInvalidPhoneNumber, isMultiValue, parseSchedule, serializeSchedule, useCustomComponents, usePhoneInput, validatePhoneNumber, weekDay };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.152",
+  "version": "0.0.155",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,7 +9,7 @@
   "dependencies": {
     "@trackunit/css-class-variance-utilities": "0.0.14",
     "@trackunit/i18n-library-translation": "0.0.79",
-    "@trackunit/react-components": "0.1.164",
+    "@trackunit/react-components": "0.1.165",
     "@trackunit/shared-utils": "0.0.9",
     "@trackunit/ui-icons": "0.0.77",
     "date-fns": "2.29.3",

package/src/components/PhoneField/PhoneField.d.ts

@@ -7,6 +7,7 @@ export interface PhoneFieldProps extends FormGroupExposedProps, PhoneInputProps
      * If a value is set, the field is rendered in its invalid state.
      */
     errorMessage?: string;
+    isCountryCodeClearable?: boolean;
 }
 /**
  * The PhoneField component is used to enter phone number.

package/src/components/PhoneInput/CountryCodeSelect.d.ts

@@ -14,6 +14,7 @@ interface CountryCodeSelectProps extends CommonProps {
     readOnly?: boolean;
     placeholder?: string;
     onBlur?: FocusEventHandler<HTMLInputElement> | undefined;
+    isClearable?: boolean;
 }
 /**
  * The CountryCodeSelect component is used to select a country code for a phone number.
@@ -21,5 +22,5 @@ interface CountryCodeSelectProps extends CommonProps {
  * @param {CountryCodeSelectProps} props - The props for the CountryCodeSelect component
  * @returns {JSX.Element} CountryCodeSelect component
  */
-export declare const CountryCodeSelect: ({ excludedCountries, countryCode, isInvalid, onChange, disabled, readOnly, dataTestId, placeholder, onBlur, }: CountryCodeSelectProps) => JSX.Element;
+export declare const CountryCodeSelect: ({ excludedCountries, countryCode, isInvalid, onChange, disabled, readOnly, dataTestId, placeholder, onBlur, isClearable, }: CountryCodeSelectProps) => JSX.Element;
 export {};

package/src/components/PhoneInput/PhoneInput.d.ts

@@ -44,6 +44,7 @@ export interface PhoneInputProps extends BaseInputExposedProps {
      * An custom handler will be called when country code select or phone number input were changed
      */
     onChangeValue?: ({ phone, national, countryCode }: PhoneNumberValue) => void;
+    isCountryCodeClearable?: boolean;
 }
 /**
  * A component for inputting phone numbers with an optional action button for initiating a phone call.

package/src/components/PhoneInput/PhoneInputValidationUtils.d.ts

@@ -0,0 +1,14 @@
+import { ValidatePhoneNumberLengthResult } from "libphonenumber-js";
+export type PhoneInputValidationError = "REQUIRED" | ValidatePhoneNumberLengthResult | undefined;
+/**
+ * Validates a phone number
+ */
+export declare const validatePhoneNumber: (phoneNumber: string | undefined | null) => PhoneInputValidationError;
+/**
+ * Checks if the country code is valid and required
+ */
+export declare const isInvalidCountryCode: (error: PhoneInputValidationError, required?: boolean) => boolean;
+/**
+ * Checks if the phone number is valid and required
+ */
+export declare const isInvalidPhoneNumber: (error: PhoneInputValidationError, required?: boolean) => boolean;

package/src/index.d.ts

@@ -13,6 +13,7 @@ export * from "./components/NumberInput/NumberInput";
 export * from "./components/OptionCard/OptionCard";
 export * from "./components/PhoneField/PhoneField";
 export * from "./components/PhoneInput/PhoneInput";
+export * from "./components/PhoneInput/PhoneInputValidationUtils";
 export * from "./components/RadioGroup";
 export * from "./components/Schedule/Schedule";
 export * from "./components/Schedule/ScheduleParser";

package/src/utilities/usePhoneInput.d.ts

@@ -1,7 +1,4 @@
 export interface UsePhoneInput {
-    getIsCountryCodeInvalid: (phone?: string) => boolean;
-    getIsNumberInvalid: (phone: string) => boolean;
-    getIsPhoneNumberInvalid: (phone: string | number | readonly string[] | undefined) => boolean;
     getPhoneNumber: ({ country, phone }: {
         country?: string;
         phone?: string;
@@ -10,11 +7,6 @@ export interface UsePhoneInput {
 /**
  * A custom hook for managing phone number input state and validation.
  *
- * @returns {object} - An object containing state values and event handler functions.
- * @property {Function}  getIsCountryCodeInvalid - A function for check if country code is valid
- * @property {Function} getIsNumberInvalid- A function for check if number part of phone number is valid
- * @property {Function} getIsPhoneNumberValid- A function for check if phone number is valid
  *  @property {Function} getPhoneNumber - A function for get formatted phone number with country code and plus sign
- * @property {string} combinedValue - The combined country code and phone number value.
  */
 export declare const usePhoneInput: () => UsePhoneInput;