Fix Uncaught TypeError: Cannot read properties of undefined (reading 'toUnicode')

packages/shared/package.json

@@ -41,7 +41,6 @@
     "moment": "^2.29.4",
     "moment-timezone": "^0.5.43",
     "prop-types": "^15.8.1",
-    "punycode": "^2.3.0",
     "query-string": "7.1.3",
     "rc-tree": "^5.7.3",
     "re-resizable": "^6.9.9",
@@ -119,7 +118,6 @@
     "@types/lodash": "^4.14.202",
     "@types/luxon": "^3.3.1",
     "@types/node": "^20.9.4",
-    "@types/punycode": "^2.1.3",
     "@types/react": "^18.2.53",
     "@types/react-avatar-editor": "^13.0.2",
     "@types/react-transition-group": "^4.4.9",

packages/shared/utils/email/email.ts

@@ -3,7 +3,6 @@
 /* eslint-disable no-useless-escape */
 /* eslint-disable no-control-regex */
 import emailAddresses, { ParsedGroup, ParsedMailbox } from "email-addresses";
-import punycode from "punycode";
 
 import { ErrorKeys, ParseErrorTypes } from "../../enums";
 
@@ -206,7 +205,7 @@ const checkErrors = (
   if (
     !options.allowDomainPunycode &&
     "domain" in parsedAddress &&
-    !/^[\x00-\x7F]+$/.test(punycode.toUnicode(parsedAddress.domain))
+    /^xn--/.test(parsedAddress.domain)
   ) {
     errors.push({
       message: "Punycode domains are not supported",
@@ -220,7 +219,7 @@ const checkErrors = (
     !options.allowLocalPartPunycode &&
     "local" in parsedAddress &&
     parsedAddress.local.length > 0 &&
-    !/^[\x00-\x7F]+$/.test(punycode.toUnicode(parsedAddress.local))
+    /^xn--/.test(parsedAddress.local)
   ) {
     errors.push({
       message: "Punycode local part are not supported",
@@ -359,3 +358,4 @@ export const isEqualEmail = (email1: string, email2: string) => {
 
   return parsed1.email === parsed2.email;
 };
+