fix: cyptic message when no password is set

package.json

@@ -12,7 +12,7 @@
     "@emotion/cache": "11.10.8",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@graasp/query-client": "1.4.0",
+    "@graasp/query-client": "github:graasp/graasp-query-client#prettier-imports",
     "@graasp/sdk": "1.2.0",
     "@graasp/translations": "1.18.0",
     "@graasp/ui": "3.3.0",
@@ -41,6 +41,7 @@
     "build": "vite build",
     "build:dev": "vite build --mode development",
     "preview": "vite preview",
+    "preview:dev": "vite preview --mode development",
     "lint": "eslint .",
     "pre-commit": "yarn prettier:check && yarn lint",
     "prettier:check": "prettier --check {src,cypress}/**/*.{js,ts,tsx}",

src/config/notifier.ts

@@ -1,6 +1,9 @@
+import { AxiosError } from 'axios';
+import { StatusCodes } from 'http-status-codes';
 import { toast } from 'react-toastify';
 
-import { routines } from '@graasp/query-client';
+import { Notifier, routines } from '@graasp/query-client';
+import { FAILURE_MESSAGES } from '@graasp/translations';
 
 import { SHOW_NOTIFICATIONS } from './env';
 import i18n from './i18n';
@@ -12,13 +15,7 @@ const {
   signInWithPasswordRoutine,
 } = routines;
 
-const notifier = (args: {
-  type: string;
-  payload?: {
-    error?: Error;
-    message?: string;
-  };
-}) => {
+const notifier: Notifier = (args) => {
   const { type, payload } = args;
 
   if (!SHOW_NOTIFICATIONS) {
@@ -30,9 +27,16 @@ const notifier = (args: {
   switch (type) {
     case signInRoutine.FAILURE:
     case signUpRoutine.FAILURE:
-    case signInWithPasswordRoutine.FAILURE:
+    case signInWithPasswordRoutine.FAILURE: {
+      if (
+        payload.error instanceof AxiosError &&
+        payload.error.response?.data.statusCode === StatusCodes.NOT_ACCEPTABLE
+      )
+        message = FAILURE_MESSAGES.MEMBER_WITHOUT_PASSWORD;
+      break;
+    }
     case getInvitationRoutine.FAILURE: {
-      message = payload?.error?.message ?? 'An unexpected error occured';
+      message = payload?.error?.message ?? FAILURE_MESSAGES.UNEXPECTED_ERROR;
       break;
     }
     case signInRoutine.SUCCESS:

vite.config.ts

@@ -19,6 +19,9 @@ const config = ({ mode }: { mode: string }): UserConfigExport => {
         ignored: ['**/coverage/**'],
       },
     },
+    preview: {
+      port: parseInt(process.env.VITE_PORT || '3001', 10),
+    },
     build: {
       outDir: 'build',
     },
@@ -35,7 +38,7 @@ const config = ({ mode }: { mode: string }): UserConfigExport => {
         requireEnv: false,
         checkProd: true,
       }),
-      ...(mode === 'dev'
+      ...(mode === 'development'
         ? [
             visualizer({
               template: 'treemap', // or sunburst

yarn.lock

@@ -3118,9 +3118,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@graasp/query-client@npm:1.4.0":
+"@graasp/query-client@github:graasp/graasp-query-client#prettier-imports":
   version: 1.4.0
-  resolution: "@graasp/query-client@npm:1.4.0"
+  resolution: "@graasp/query-client@https://github.com/graasp/graasp-query-client.git#commit=6cd3c1610a489d303f9ff48be696df3383f477df"
   dependencies:
     "@graasp/sdk": 1.2.0
     "@graasp/translations": 1.18.1
@@ -3133,7 +3133,7 @@ __metadata:
     uuid: 9.0.0
   peerDependencies:
     react: ^17.0.0
-  checksum: d5581682e607a3275c05ee351987afe490086c06ef078d50aa8c6e2b4662844f9ae722ec925f3aa9bd91c1a68da8b0dea1c6293d263fbed23939156dfe60f90f
+  checksum: 9558292925c166ea3fc6737c3976350472066644dc077f1bcc9410e87a51d534c8b94e79593849f69a9068655f43c7f73e1fbc32626de4bc9acc2777822a35bb
   languageName: node
   linkType: hard
 
@@ -8608,7 +8608,7 @@ __metadata:
     "@emotion/cache": 11.10.8
     "@emotion/react": 11.11.1
     "@emotion/styled": 11.11.0
-    "@graasp/query-client": 1.4.0
+    "@graasp/query-client": "github:graasp/graasp-query-client#prettier-imports"
     "@graasp/sdk": 1.2.0
     "@graasp/translations": 1.18.0
     "@graasp/ui": 3.3.0