Update libphonenumber-js

apps/scandic-web/components/Forms/Edit/Profile/index.tsx

@@ -1,6 +1,9 @@
 "use client"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { isValidPhoneNumber, parsePhoneNumber } from "libphonenumber-js"
+import {
+  isValidPhoneNumber,
+  parsePhoneNumberWithError,
+} from "libphonenumber-js"
 import { useParams, useRouter } from "next/navigation"
 import { useEffect, useState } from "react"
 import { FormProvider, useForm } from "react-hook-form"
@@ -46,7 +49,7 @@ export default function Form({ user }: EditFormProps) {
   const { inputValue: phoneInput } = usePhoneInput({
     defaultCountry:
       user.phoneNumber && isValidPhoneNumber(user.phoneNumber)
-        ? parsePhoneNumber(user.phoneNumber).country?.toLowerCase()
+        ? parsePhoneNumberWithError(user.phoneNumber).country?.toLowerCase()
         : "se",
     forceDialCode: true,
     value: user.phoneNumber,

apps/scandic-web/components/TempDesignSystem/Form/Phone/index.tsx

@@ -1,7 +1,10 @@
 "use client"
 import "react-international-phone/style.css"
 
-import { isValidPhoneNumber, parsePhoneNumber } from "libphonenumber-js"
+import {
+  isValidPhoneNumber,
+  parsePhoneNumberWithError,
+} from "libphonenumber-js"
 import { TextField } from "react-aria-components"
 import { useController, useFormContext, useWatch } from "react-hook-form"
 import {
@@ -59,7 +62,7 @@ export default function Phone({
   // If defaultPhoneNumber exists and is valid, parse it to get the country code,
   // otherwise set the default country from the lang.
   const defaultCountry = isValidPhoneNumber(defaultPhoneNumber)
-    ? parsePhoneNumber(defaultPhoneNumber).country?.toLowerCase()
+    ? parsePhoneNumberWithError(defaultPhoneNumber).country?.toLowerCase()
     : getDefaultCountryFromLang(lang)
 
   const { country, handlePhoneValueChange, inputValue, setCountry } =