when validating if user has been already invited by the email, check emails case-insensetive way

Author: maxceem

src/components/TeamManagement/ProjectManagementDialog.js

@@ -6,6 +6,7 @@ import Modal from 'react-modal'
 import XMarkIcon from '../../assets/icons/icon-x-mark.svg'
 import Avatar from 'appirio-tech-react-components/components/Avatar/Avatar'
 import {getAvatarResized} from '../../helpers/tcHelpers'
+import { compareEmail } from '../../helpers/utils'
 import AutocompleteInputContainer from './AutocompleteInputContainer'
 
 class ProjectManagementDialog extends React.Component {
@@ -39,8 +40,8 @@ class ProjectManagementDialog extends React.Component {
     const { projectTeamInvites, members, topcoderTeamInvites } = this.props
 
     const present = _.some(selectedMembers, (selectedMember) => (
-      this.isSelectedMemberAlreadyInvited(members, selectedMember) 
-      || this.isSelectedMemberAlreadyInvited(topcoderTeamInvites, selectedMember) 
+      this.isSelectedMemberAlreadyInvited(members, selectedMember)
+      || this.isSelectedMemberAlreadyInvited(topcoderTeamInvites, selectedMember)
       || this.isSelectedMemberAlreadyInvited(projectTeamInvites, selectedMember)
     ))
 
@@ -55,7 +56,7 @@ class ProjectManagementDialog extends React.Component {
 
   isSelectedMemberAlreadyInvited(projectTeamInvites = [], selectedMember) {
     return !!projectTeamInvites.find((invite) => (
-      (invite.email && invite.email === selectedMember.label) ||
+      (invite.email && compareEmail(invite.email, selectedMember.label)) ||
       (invite.userId && this.resolveUserHandle(invite.userId) === selectedMember.label)
     ))
   }

src/components/TeamManagement/TopcoderManagementDialog.js

@@ -13,6 +13,7 @@ import AutocompleteInputContainer from './AutocompleteInputContainer'
 import {PROJECT_MEMBER_INVITE_STATUS_REQUESTED, PROJECT_MEMBER_INVITE_STATUS_PENDING} from '../../config/constants'
 import PERMISSIONS from '../../config/permissions'
 import {checkPermission} from '../../helpers/permissions'
+import { compareEmail } from '../../helpers/utils'
 
 class TopcoderManagementDialog extends React.Component {
   constructor(props) {
@@ -67,8 +68,8 @@ class TopcoderManagementDialog extends React.Component {
     const { projectTeamInvites, members, topcoderTeamInvites } = this.props
 
     const present = _.some(selectedMembers, (selectedMember) => (
-      this.isSelectedMemberAlreadyInvited(members, selectedMember) 
-      || this.isSelectedMemberAlreadyInvited(topcoderTeamInvites, selectedMember) 
+      this.isSelectedMemberAlreadyInvited(members, selectedMember)
+      || this.isSelectedMemberAlreadyInvited(topcoderTeamInvites, selectedMember)
       || this.isSelectedMemberAlreadyInvited(projectTeamInvites, selectedMember)
     ))
 
@@ -98,7 +99,7 @@ class TopcoderManagementDialog extends React.Component {
 
   isSelectedMemberAlreadyInvited(topcoderTeamInvites = [], selectedMember) {
     return !!topcoderTeamInvites.find((invite) => (
-      (invite.email && invite.email === selectedMember.label) ||
+      (invite.email && compareEmail(invite.email, selectedMember.label)) ||
       (invite.userId && this.resolveUserHandle(invite.userId) === selectedMember.label)
     ))
   }

src/helpers/utils.js

@@ -20,3 +20,27 @@ export function difference(object, base) {
   }
   return changes(object, base)
 }
+
+/**
+ * Helper method to check the uniqueness of two emails
+ *
+ * @param {String} email1    first email to compare
+ * @param {String} email2    second email to compare
+ * @param {Object} options  the options
+ *
+ * @returns {Boolean} true if two emails are same
+ */
+export const compareEmail = (email1, email2, options = { UNIQUE_GMAIL_VALIDATION: false }) => {
+  if (options.UNIQUE_GMAIL_VALIDATION) {
+    // email is gmail
+    const emailSplit = /(^[\w.+-]+)(@gmail\.com|@googlemail\.com)$/g.exec(_.toLower(email1))
+    if (emailSplit) {
+      const address = emailSplit[1].replace('.', '')
+      const emailDomain = emailSplit[2].replace('.', '\\.')
+      const regexAddress = address.split('').join('\\.?')
+      const regex = new RegExp(`${regexAddress}${emailDomain}`)
+      return regex.test(_.toLower(email2))
+    }
+  }
+  return _.toLower(email1) === _.toLower(email2)
+}