From c80745fb1a7e4baae4347d1a2e42eb925ae08227 Mon Sep 17 00:00:00 2001
From: Kamila <kamila.lach1@gmail.com>
Date: Fri, 9 Aug 2024 08:14:18 +0200
Subject: [PATCH] linter fixes

---
 frontend/components.d.ts                      |  2 ++
 .../ContributionMessagesFormular.vue          |  2 +-
 .../ContributionMessages/ParseMessage.vue     |  3 ++-
 .../Contributions/ContributionForm.vue        |  2 +-
 .../Contributions/ContributionList.spec.js    |  3 +--
 .../src/components/GddTransactionList.spec.js |  6 ++---
 .../TransactionLinkSummary.spec.js            | 18 +++++--------
 frontend/src/graphql/mutations.js             | 26 +++++++++----------
 frontend/src/graphql/queries.js               | 22 ++++++++--------
 frontend/src/pages/Circles.vue                | 16 ++++++------
 frontend/src/pages/Community.vue              |  3 +--
 frontend/src/pages/InfoStatistic.vue          |  5 ++--
 frontend/src/pages/TransactionLink.spec.js    |  9 +++----
 frontend/src/pages/Transactions.vue           |  6 ++++-
 frontend/src/validation-rules.js              |  3 ++-
 15 files changed, 60 insertions(+), 66 deletions(-)

diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index b9927d45f..366842044 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -84,6 +84,7 @@ declare module 'vue' {
     IBiArrowUpCircle: typeof import('~icons/bi/arrow-up-circle')['default']
     IBiBellFill: typeof import('~icons/bi/bell-fill')['default']
     IBiCaretDownFill: typeof import('~icons/bi/caret-down-fill')['default']
+    IBiCash: typeof import('~icons/bi/cash')['default']
     IBiChatDots: typeof import('~icons/bi/chat-dots')['default']
     IBiCheck: typeof import('~icons/bi/check')['default']
     IBiEye: typeof import('~icons/bi/eye')['default']
@@ -92,6 +93,7 @@ declare module 'vue' {
     IBiPencil: typeof import('~icons/bi/pencil')['default']
     IBiPeople: typeof import('~icons/bi/people')['default']
     IBiQuestion: typeof import('~icons/bi/question')['default']
+    IBiShieldCheck: typeof import('~icons/bi/shield-check')['default']
     IBiTrash: typeof import('~icons/bi/trash')['default']
     IBiXCircle: typeof import('~icons/bi/x-circle')['default']
     InputAmount: typeof import('./src/components/Inputs/InputAmount.vue')['default']
diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesFormular.vue b/frontend/src/components/ContributionMessages/ContributionMessagesFormular.vue
index 79713ecc0..9f0710d77 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesFormular.vue
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesFormular.vue
@@ -5,10 +5,10 @@
       <BForm @submit.prevent="onSubmit" @reset="onReset">
         <BFormTextarea
           id="textarea"
-          @update:model-value="form.text = $event"
           :model-value="form.text"
           :placeholder="$t('form.memo')"
           rows="3"
+          @update:model-value="form.text = $event"
         ></BFormTextarea>
         <BRow class="mt-4 mb-4">
           <BCol>
diff --git a/frontend/src/components/ContributionMessages/ParseMessage.vue b/frontend/src/components/ContributionMessages/ParseMessage.vue
index 35e7cdf53..45e766984 100644
--- a/frontend/src/components/ContributionMessages/ParseMessage.vue
+++ b/frontend/src/components/ContributionMessages/ParseMessage.vue
@@ -16,7 +16,8 @@
 </template>
 
 <script>
-const LINK_REGEX_PATTERN = /(https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*))/i
+const LINK_REGEX_PATTERN =
+  /(https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*))/i
 
 export default {
   name: 'ParseMessage',
diff --git a/frontend/src/components/Contributions/ContributionForm.vue b/frontend/src/components/Contributions/ContributionForm.vue
index af883e640..43b89b821 100644
--- a/frontend/src/components/Contributions/ContributionForm.vue
+++ b/frontend/src/components/Contributions/ContributionForm.vue
@@ -9,7 +9,6 @@
       <BFormInput
         id="contribution-date"
         :model-value="date"
-        @update:model-value="date = $event"
         :state="dataFieldMeta.valid"
         :locale="$i18n.locale"
         :max="getMaximalDate"
@@ -20,6 +19,7 @@
         required
         :no-flip="true"
         type="date"
+        @update:model-value="date = $event"
       >
         <template #nav-prev-year><span></span></template>
         <template #nav-next-year><span></span></template>
diff --git a/frontend/src/components/Contributions/ContributionList.spec.js b/frontend/src/components/Contributions/ContributionList.spec.js
index 4137f7957..1e3ebefd0 100644
--- a/frontend/src/components/Contributions/ContributionList.spec.js
+++ b/frontend/src/components/Contributions/ContributionList.spec.js
@@ -31,8 +31,7 @@ describe('ContributionList', () => {
       {
         id: 2,
         date: '05/04/2022',
-        memo:
-          'Ich habe 50 Stunden den Nachbarkindern bei ihren Hausaufgaben geholfen und Nachhilfeunterricht gegeben.',
+        memo: 'Ich habe 50 Stunden den Nachbarkindern bei ihren Hausaufgaben geholfen und Nachhilfeunterricht gegeben.',
         amount: '1000',
       },
     ],
diff --git a/frontend/src/components/GddTransactionList.spec.js b/frontend/src/components/GddTransactionList.spec.js
index b1cdf9eb9..6c71e295f 100644
--- a/frontend/src/components/GddTransactionList.spec.js
+++ b/frontend/src/components/GddTransactionList.spec.js
@@ -113,8 +113,7 @@ describe('GddTransactionList', () => {
               balance: '31.76099091058520945292',
               previousBalance: '30.76',
               balanceDate: '2022-02-28T13:55:47',
-              memo:
-                'Um den Kessel schlingt den Reihn, Werft die Eingeweid‘ hinein. Kröte du, die Nacht und Tag Unterm kalten Steine lag,',
+              memo: 'Um den Kessel schlingt den Reihn, Werft die Eingeweid‘ hinein. Kröte du, die Nacht und Tag Unterm kalten Steine lag,',
               linkedUser: {
                 firstName: 'Bibi',
                 lastName: 'Bloxberg',
@@ -133,8 +132,7 @@ describe('GddTransactionList', () => {
               balance: '10',
               previousBalance: '31.75',
               balanceDate: '2022-02-23T10:55:30',
-              memo:
-                'Monatlanges Gift sog ein, In den Topf zuerst hinein… (William Shakespeare, Die Hexen aus Macbeth)',
+              memo: 'Monatlanges Gift sog ein, In den Topf zuerst hinein… (William Shakespeare, Die Hexen aus Macbeth)',
               linkedUser: {
                 firstName: 'Bibi',
                 lastName: 'Bloxberg',
diff --git a/frontend/src/components/Transactions/TransactionLinkSummary.spec.js b/frontend/src/components/Transactions/TransactionLinkSummary.spec.js
index 46041f87f..5d0dcf25c 100644
--- a/frontend/src/components/Transactions/TransactionLinkSummary.spec.js
+++ b/frontend/src/components/Transactions/TransactionLinkSummary.spec.js
@@ -55,8 +55,7 @@ describe('TransactionLinkSummary', () => {
                 createdAt: '2022-03-16T14:22:40.000Z',
                 holdAvailableAmount: '5.13109484759482747111',
                 id: 86,
-                memo:
-                  'Hokuspokus Haselnuss, Vogelbein und Fliegenfuß, damit der Trick gelingen muss!',
+                memo: 'Hokuspokus Haselnuss, Vogelbein und Fliegenfuß, damit der Trick gelingen muss!',
                 redeemedAt: null,
                 validUntil: '2022-03-30T14:22:40.000Z',
               },
@@ -76,8 +75,7 @@ describe('TransactionLinkSummary', () => {
                 createdAt: '2022-03-16T14:22:40.000Z',
                 holdAvailableAmount: '5.13109484759482747111',
                 id: 92,
-                memo:
-                  'Abrakadabra 1,2,3, die Sonne kommt herbei. Schweinepups und Spuckebrei, der Regen ist vorbei.',
+                memo: 'Abrakadabra 1,2,3, die Sonne kommt herbei. Schweinepups und Spuckebrei, der Regen ist vorbei.',
                 redeemedAt: null,
                 validUntil: '2022-03-30T14:22:40.000Z',
               },
@@ -87,8 +85,7 @@ describe('TransactionLinkSummary', () => {
                 createdAt: '2022-03-16T14:22:40.000Z',
                 holdAvailableAmount: '5.13109484759482747111',
                 id: 16,
-                memo:
-                  'Abrakadabra 1,2,3 was verschwunden ist komme herbei.Wieseldreck und Schweinemist, zaubern das ist keine List.',
+                memo: 'Abrakadabra 1,2,3 was verschwunden ist komme herbei.Wieseldreck und Schweinemist, zaubern das ist keine List.',
                 redeemedAt: null,
                 validUntil: '2022-03-30T14:22:40.000Z',
               },
@@ -176,8 +173,7 @@ describe('TransactionLinkSummary', () => {
                     createdAt: '2022-03-16T14:22:40.000Z',
                     holdAvailableAmount: '5.13109484759482747111',
                     id: 87,
-                    memo:
-                      'Hat jemand die Nummer von der Hexe aus Schneewittchen? Ich bräuchte mal ein paar Äpfel.',
+                    memo: 'Hat jemand die Nummer von der Hexe aus Schneewittchen? Ich bräuchte mal ein paar Äpfel.',
                     redeemedAt: null,
                     validUntil: '2022-03-30T14:22:40.000Z',
                   },
@@ -187,8 +183,7 @@ describe('TransactionLinkSummary', () => {
                     createdAt: '2022-03-16T14:22:40.000Z',
                     holdAvailableAmount: '5.13109484759482747111',
                     id: 108,
-                    memo:
-                      'Die Windfahn´ krächzt am Dach, Der Uhu im Geklüfte; Was wispert wie ein Ach Verhallend in die Lüfte?',
+                    memo: 'Die Windfahn´ krächzt am Dach, Der Uhu im Geklüfte; Was wispert wie ein Ach Verhallend in die Lüfte?',
                     redeemedAt: null,
                     validUntil: '2022-03-30T14:22:40.000Z',
                   },
@@ -198,8 +193,7 @@ describe('TransactionLinkSummary', () => {
                     createdAt: '2022-03-16T14:22:40.000Z',
                     holdAvailableAmount: '5.13109484759482747111',
                     id: 93,
-                    memo:
-                      'Verschlafen kräht der Hahn, Ein Blitz noch, und ein trüber, Umwölbter Tag bricht an – Walpurgisnacht vorüber!',
+                    memo: 'Verschlafen kräht der Hahn, Ein Blitz noch, und ein trüber, Umwölbter Tag bricht an – Walpurgisnacht vorüber!',
                     redeemedAt: null,
                     validUntil: '2022-03-30T14:22:40.000Z',
                   },
diff --git a/frontend/src/graphql/mutations.js b/frontend/src/graphql/mutations.js
index dd812db4b..6f7889bf7 100644
--- a/frontend/src/graphql/mutations.js
+++ b/frontend/src/graphql/mutations.js
@@ -13,19 +13,19 @@ export const unsubscribeNewsletter = gql`
 `
 
 export const setPassword = gql`
-  mutation($code: String!, $password: String!) {
+  mutation ($code: String!, $password: String!) {
     setPassword(code: $code, password: $password)
   }
 `
 
 export const forgotPassword = gql`
-  mutation($email: String!) {
+  mutation ($email: String!) {
     forgotPassword(email: $email)
   }
 `
 
 export const updateUserInfos = gql`
-  mutation(
+  mutation (
     $firstName: String
     $lastName: String
     $alias: String
@@ -61,7 +61,7 @@ export const updateUserInfos = gql`
 `
 
 export const createUser = gql`
-  mutation(
+  mutation (
     $firstName: String!
     $lastName: String!
     $email: String!
@@ -83,7 +83,7 @@ export const createUser = gql`
 `
 
 export const sendCoins = gql`
-  mutation(
+  mutation (
     $recipientCommunityIdentifier: String!
     $recipientIdentifier: String!
     $amount: Decimal!
@@ -99,7 +99,7 @@ export const sendCoins = gql`
 `
 
 export const createTransactionLink = gql`
-  mutation($amount: Decimal!, $memo: String!) {
+  mutation ($amount: Decimal!, $memo: String!) {
     createTransactionLink(amount: $amount, memo: $memo) {
       link
       amount
@@ -110,19 +110,19 @@ export const createTransactionLink = gql`
 `
 
 export const deleteTransactionLink = gql`
-  mutation($id: Int!) {
+  mutation ($id: Int!) {
     deleteTransactionLink(id: $id)
   }
 `
 
 export const redeemTransactionLink = gql`
-  mutation($code: String!) {
+  mutation ($code: String!) {
     redeemTransactionLink(code: $code)
   }
 `
 
 export const createContribution = gql`
-  mutation($creationDate: String!, $memo: String!, $amount: Decimal!) {
+  mutation ($creationDate: String!, $memo: String!, $amount: Decimal!) {
     createContribution(creationDate: $creationDate, memo: $memo, amount: $amount) {
       amount
       memo
@@ -131,7 +131,7 @@ export const createContribution = gql`
 `
 
 export const updateContribution = gql`
-  mutation($contributionId: Int!, $amount: Decimal!, $memo: String!, $creationDate: String!) {
+  mutation ($contributionId: Int!, $amount: Decimal!, $memo: String!, $creationDate: String!) {
     updateContribution(
       contributionId: $contributionId
       amount: $amount
@@ -146,13 +146,13 @@ export const updateContribution = gql`
 `
 
 export const deleteContribution = gql`
-  mutation($id: Int!) {
+  mutation ($id: Int!) {
     deleteContribution(id: $id)
   }
 `
 
 export const createContributionMessage = gql`
-  mutation($contributionId: Int!, $message: String!) {
+  mutation ($contributionId: Int!, $message: String!) {
     createContributionMessage(contributionId: $contributionId, message: $message) {
       id
       message
@@ -166,7 +166,7 @@ export const createContributionMessage = gql`
 `
 
 export const login = gql`
-  mutation($email: String!, $password: String!, $publisherId: Int) {
+  mutation ($email: String!, $password: String!, $publisherId: Int) {
     login(email: $email, password: $password, publisherId: $publisherId) {
       gradidoID
       alias
diff --git a/frontend/src/graphql/queries.js b/frontend/src/graphql/queries.js
index d389f7715..b9095a7e4 100644
--- a/frontend/src/graphql/queries.js
+++ b/frontend/src/graphql/queries.js
@@ -35,7 +35,7 @@ export const authenticateHumhubAutoLogin = gql`
 `
 
 export const transactionsQuery = gql`
-  query($currentPage: Int = 1, $pageSize: Int = 25, $order: Order = DESC) {
+  query ($currentPage: Int = 1, $pageSize: Int = 25, $order: Order = DESC) {
     transactionList(currentPage: $currentPage, pageSize: $pageSize, order: $order) {
       balance {
         balance
@@ -72,7 +72,7 @@ export const transactionsQuery = gql`
 `
 
 export const listGDTEntriesQuery = gql`
-  query($currentPage: Int!, $pageSize: Int!) {
+  query ($currentPage: Int!, $pageSize: Int!) {
     listGDTEntries(currentPage: $currentPage, pageSize: $pageSize) {
       count
       gdtEntries {
@@ -101,19 +101,19 @@ export const selectCommunities = gql`
 `
 
 export const queryOptIn = gql`
-  query($optIn: String!) {
+  query ($optIn: String!) {
     queryOptIn(optIn: $optIn)
   }
 `
 
 export const checkUsername = gql`
-  query($username: String!) {
+  query ($username: String!) {
     checkUsername(username: $username)
   }
 `
 
 export const queryTransactionLink = gql`
-  query($code: String!) {
+  query ($code: String!) {
     queryTransactionLink(code: $code) {
       ... on TransactionLink {
         id
@@ -148,7 +148,7 @@ export const queryTransactionLink = gql`
 `
 
 export const listTransactionLinks = gql`
-  query($currentPage: Int = 1, $pageSize: Int = 5) {
+  query ($currentPage: Int = 1, $pageSize: Int = 5) {
     listTransactionLinks(currentPage: $currentPage, pageSize: $pageSize) {
       links {
         id
@@ -165,7 +165,7 @@ export const listTransactionLinks = gql`
 `
 
 export const listContributionLinks = gql`
-  query($currentPage: Int = 1, $pageSize: Int = 25, $order: Order = DESC) {
+  query ($currentPage: Int = 1, $pageSize: Int = 25, $order: Order = DESC) {
     listContributionLinks(currentPage: $currentPage, pageSize: $pageSize, order: $order) {
       links {
         id
@@ -185,7 +185,7 @@ export const listContributionLinks = gql`
 `
 
 export const listContributions = gql`
-  query(
+  query (
     $currentPage: Int = 1
     $pageSize: Int = 25
     $order: Order = DESC
@@ -220,7 +220,7 @@ export const listContributions = gql`
 `
 
 export const listAllContributions = gql`
-  query($currentPage: Int = 1, $pageSize: Int = 25, $order: Order = DESC) {
+  query ($currentPage: Int = 1, $pageSize: Int = 25, $order: Order = DESC) {
     listAllContributions(currentPage: $currentPage, pageSize: $pageSize, order: $order) {
       contributionCount
       contributionList {
@@ -266,7 +266,7 @@ export const searchAdminUsers = gql`
 `
 
 export const listContributionMessages = gql`
-  query($contributionId: Int!, $pageSize: Int = 25, $currentPage: Int = 1, $order: Order = ASC) {
+  query ($contributionId: Int!, $pageSize: Int = 25, $currentPage: Int = 1, $order: Order = ASC) {
     listContributionMessages(
       contributionId: $contributionId
       pageSize: $pageSize
@@ -299,7 +299,7 @@ export const openCreations = gql`
 `
 
 export const user = gql`
-  query($identifier: String!, $communityIdentifier: String!) {
+  query ($identifier: String!, $communityIdentifier: String!) {
     user(identifier: $identifier, communityIdentifier: $communityIdentifier) {
       firstName
       lastName
diff --git a/frontend/src/pages/Circles.vue b/frontend/src/pages/Circles.vue
index 481b4a0e3..f6cc5d249 100644
--- a/frontend/src/pages/Circles.vue
+++ b/frontend/src/pages/Circles.vue
@@ -86,14 +86,14 @@ const humhubUri = ref('')
 
 const humhubAllowed = computed(() => store.state.humhubAllowed)
 
-const { refetch: refetchAuthenticateHumhub, onResult, onError } = useQuery(
-  authenticateHumhubAutoLogin,
-  null,
-  {
-    fetchPolicy: 'network-only',
-    enabled: false,
-  },
-)
+const {
+  refetch: refetchAuthenticateHumhub,
+  onResult,
+  onError,
+} = useQuery(authenticateHumhubAutoLogin, null, {
+  fetchPolicy: 'network-only',
+  enabled: false,
+})
 
 onResult(({ data }) => {
   if (data) {
diff --git a/frontend/src/pages/Community.vue b/frontend/src/pages/Community.vue
index faa623be9..7a4a33321 100644
--- a/frontend/src/pages/Community.vue
+++ b/frontend/src/pages/Community.vue
@@ -10,8 +10,8 @@
           />
           <div class="mb-3"></div>
           <contribution-form
-            :model-value="form"
             :key="computedKeyFromForm"
+            :model-value="form"
             :is-this-month="isThisMonth"
             :minimal-date="minimalDate"
             :max-gdd-last-month="maxForMonths[0]"
@@ -415,7 +415,6 @@ onOpenCreationsResult(({ data }) => {
 })
 
 onListAllContributionsResult(({ data }) => {
-  console.count('RESULT?!')
   if (data) {
     contributionCountAll.value = data.listAllContributions.contributionCount
     itemsAll.value.length = 0
diff --git a/frontend/src/pages/InfoStatistic.vue b/frontend/src/pages/InfoStatistic.vue
index 4600b94f0..d5cebf2b1 100644
--- a/frontend/src/pages/InfoStatistic.vue
+++ b/frontend/src/pages/InfoStatistic.vue
@@ -47,9 +47,8 @@ const supportMail = CONFIG.COMMUNITY_SUPPORT_MAIL
 const admins = computed(() => itemsAdminUser.value.filter((item) => item.role === 'ADMIN'))
 const moderators = computed(() => itemsAdminUser.value.filter((item) => item.role === 'MODERATOR'))
 
-const { onResult: onContributionLinksResult, onError: onContributionLinksError } = useQuery(
-  listContributionLinks,
-)
+const { onResult: onContributionLinksResult, onError: onContributionLinksError } =
+  useQuery(listContributionLinks)
 const { onResult: onAdminUsersResult, onError: onAdminUsersError } = useQuery(searchAdminUsers)
 
 onContributionLinksResult(({ data }) => {
diff --git a/frontend/src/pages/TransactionLink.spec.js b/frontend/src/pages/TransactionLink.spec.js
index 6f8fbcf9d..2f9501d6f 100644
--- a/frontend/src/pages/TransactionLink.spec.js
+++ b/frontend/src/pages/TransactionLink.spec.js
@@ -233,8 +233,7 @@ describe('TransactionLink', () => {
                   __typename: 'TransactionLink',
                   id: 92,
                   amount: '22',
-                  memo:
-                    'Abrakadabra drei, vier, fünf, sechs, hier steht jetzt ein Memotext! Hex hex ',
+                  memo: 'Abrakadabra drei, vier, fünf, sechs, hier steht jetzt ein Memotext! Hex hex ',
                   createdAt: '2022-03-17T16:10:28.000Z',
                   validUntil: transactionLinkValidExpireDate(),
                   redeemedAt: null,
@@ -269,8 +268,7 @@ describe('TransactionLink', () => {
                   __typename: 'TransactionLink',
                   id: 92,
                   amount: '22',
-                  memo:
-                    'Abrakadabra drei, vier, fünf, sechs, hier steht jetzt ein Memotext! Hex hex ',
+                  memo: 'Abrakadabra drei, vier, fünf, sechs, hier steht jetzt ein Memotext! Hex hex ',
                   createdAt: '2022-03-17T16:10:28.000Z',
                   validUntil: transactionLinkValidExpireDate(),
                   redeemedAt: null,
@@ -345,8 +343,7 @@ describe('TransactionLink', () => {
                 __typename: 'TransactionLink',
                 id: 92,
                 amount: '22',
-                memo:
-                  'Abrakadabra drei, vier, fünf, sechs, hier steht jetzt ein Memotext! Hex hex ',
+                memo: 'Abrakadabra drei, vier, fünf, sechs, hier steht jetzt ein Memotext! Hex hex ',
                 createdAt: '2022-03-17T16:10:28.000Z',
                 validUntil: transactionLinkValidExpireDate(),
                 redeemedAt: null,
diff --git a/frontend/src/pages/Transactions.vue b/frontend/src/pages/Transactions.vue
index fb46c69ad..225b4de06 100644
--- a/frontend/src/pages/Transactions.vue
+++ b/frontend/src/pages/Transactions.vue
@@ -137,7 +137,11 @@ const variables = ref({
   pageSize: pageSize.value,
 })
 
-const { load: loadGdt, onResult, onError } = useLazyQuery(listGDTEntriesQuery, variables, {
+const {
+  load: loadGdt,
+  onResult,
+  onError,
+} = useLazyQuery(listGDTEntriesQuery, variables, {
   fetchPolicy: 'network-only',
 })
 
diff --git a/frontend/src/validation-rules.js b/frontend/src/validation-rules.js
index 0b5ff4bb2..626c9d09f 100644
--- a/frontend/src/validation-rules.js
+++ b/frontend/src/validation-rules.js
@@ -191,7 +191,8 @@ import nl from '@vee-validate/i18n/dist/locale/nl.json'
 import tr from '@vee-validate/i18n/dist/locale/tr.json'
 
 // Email and username regex patterns remain the same
-const EMAIL_REGEX = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+const EMAIL_REGEX =
+  /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
 const USERNAME_REGEX = /^(?=.{3,20}$)[a-zA-Z0-9]+(?:[_-][a-zA-Z0-9]+?)*$/
 
 export const loadAllRules = (i18nCallback, apollo) => {