@youngonesworks/ui 0.1.117 → 0.1.119

package/dist/index.js

@@ -13,8 +13,8 @@ import { addMonths, format, setMonth } from "date-fns";
 import { enGB, fr, nl, nlBE } from "date-fns/locale";
 import { createPortal } from "react-dom";
 import { Tooltip as Tooltip$1 } from "react-tooltip";
-import { usePhoneNumber } from "@hooks/phone/usePhoneNumber";
-import { usePhoneNumberPrefix } from "@hooks/phone/usePhoneNumberPrefix";
+import phone from "phone";
+import CountryList from "country-list-with-dial-code-and-flag";
 import { Placeholder } from "@tiptap/extension-placeholder";
 import { Underline } from "@tiptap/extension-underline";
 import { EditorContent, useEditor } from "@tiptap/react";
@@ -3056,6 +3056,59 @@ const UnorderedListItem = ({ children, actionItem, className, header = false,...
 	})]
 });
 
+//#endregion
+//#region src/hooks/phone/usePhoneNumber.ts
+function usePhoneNumber() {
+	/**
+	* Validates a phone number and returns parsing results
+	*/
+	const validatePhone = useCallback((phoneNumber, options) => phone(phoneNumber, options), []);
+	/**
+	* Strips the country code from a phone number
+	* Example: +85265698900 -> 65698900
+	*/
+	const stripCountryCode = useCallback((phoneNumber) => {
+		const result = phone(phoneNumber);
+		if (!result.isValid) return phoneNumber;
+		return result.phoneNumber.replace(result.countryCode, "");
+	}, []);
+	/**
+	* Returns the country code from a phone number
+	* Example: +85265698900 -> +852
+	*/
+	const getCountryCode = useCallback((phoneNumber) => {
+		const result = phone(phoneNumber);
+		if (!result.isValid) return phoneNumber;
+		return result.countryCode;
+	}, []);
+	/**
+	* Formats a phone number to international format with country code
+	* Example: 0648711212 (with country: 'NL') -> +31648711212
+	*/
+	const formatToInternational = useCallback((phoneNumber, options) => {
+		const result = phone(phoneNumber, options);
+		if (!result.isValid) return phoneNumber;
+		return result.phoneNumber;
+	}, []);
+	return {
+		validatePhone,
+		stripCountryCode,
+		getCountryCode,
+		formatToInternational
+	};
+}
+
+//#endregion
+//#region src/hooks/phone/usePhoneNumberPrefix.ts
+const usePhoneNumberPrefix = (defaultCountry) => {
+	const countryList = CountryList.getAll();
+	return countryList.filter((country) => country.dial_code).sort((a, b) => {
+		if (a?.code === defaultCountry) return -1;
+		if (b?.code === defaultCountry) return 1;
+		return a.name.localeCompare(b.name);
+	});
+};
+
 //#endregion
 //#region src/components/phoneInput/index.tsx
 const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {