@youngonesworks/ui 0.1.117 → 0.1.118

package/dist/index.cjs

@@ -35,8 +35,8 @@ const date_fns = __toESM(require("date-fns"));
 const date_fns_locale = __toESM(require("date-fns/locale"));
 const react_dom = __toESM(require("react-dom"));
 const react_tooltip = __toESM(require("react-tooltip"));
-const __hooks_phone_usePhoneNumber = __toESM(require("@hooks/phone/usePhoneNumber"));
-const __hooks_phone_usePhoneNumberPrefix = __toESM(require("@hooks/phone/usePhoneNumberPrefix"));
+const phone = __toESM(require("phone"));
+const country_list_with_dial_code_and_flag = __toESM(require("country-list-with-dial-code-and-flag"));
 const __tiptap_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"));
 const __tiptap_extension_underline = __toESM(require("@tiptap/extension-underline"));
 const __tiptap_react = __toESM(require("@tiptap/react"));
@@ -3078,10 +3078,63 @@ 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 = (0, react.useCallback)((phoneNumber, options) => (0, phone.default)(phoneNumber, options), []);
+	/**
+	* Strips the country code from a phone number
+	* Example: +85265698900 -> 65698900
+	*/
+	const stripCountryCode = (0, react.useCallback)((phoneNumber) => {
+		const result = (0, phone.default)(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 = (0, react.useCallback)((phoneNumber) => {
+		const result = (0, phone.default)(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 = (0, react.useCallback)((phoneNumber, options) => {
+		const result = (0, phone.default)(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 = country_list_with_dial_code_and_flag.default.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 }) => {
-	const phoneNumberPrefixes = (0, __hooks_phone_usePhoneNumberPrefix.usePhoneNumberPrefix)(defaultCountry);
+	const phoneNumberPrefixes = usePhoneNumberPrefix(defaultCountry);
 	const [selectedCountry, setSelectedCountry] = (0, react.useState)(phoneNumberPrefixes.find((country) => country.code === defaultCountry) || null);
 	const [openDropdown, setOpenDropdown] = (0, react.useState)(false);
 	const [searchQuery, setSearchQuery] = (0, react.useState)("");
@@ -3240,7 +3293,7 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 const PhoneInput = ({ placeholder, searchPlaceHolder, defaultCountry = "NL", invalidMessage, defaultValue, onChange, ref,...rest }) => {
 	const inputRef = (0, react.useRef)(null);
 	const [phoneNumber, setPhoneNumber] = (0, react.useState)(defaultValue || "");
-	const { validatePhone, stripCountryCode, getCountryCode, formatToInternational } = (0, __hooks_phone_usePhoneNumber.usePhoneNumber)();
+	const { validatePhone, stripCountryCode, getCountryCode, formatToInternational } = usePhoneNumber();
 	const countrySelectorRef = (0, react.useRef)(null);
 	const [error, setError] = (0, react.useState)("");
 	const filterPhoneInput = (value) => value.replace(/[^0-9+()]/g, "");