72cc8e08-d78a-4d7f-88b7-bd10a2ec323f

Committed 08 Jul 2024 10:47AM UTC coverage: 84.384% (-1.3%) from 85.678%

Build # 72cc8e08-d78a-4d7f-88b7-bd10a2ec323f

Build Type

push

circleci

Committed by

web-flow

Commit Message

Feat(Landing Page) (#39)

The site's landing page

Run Details

171 of 222 branches covered (77.03%)

Branch coverage included in aggregate %.

47 of 97 new or added lines in 4 files covered. (48.45%)

2 existing lines in 2 files now uncovered.

2266 of 2666 relevant lines covered (85.0%)

1.72 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

73.11

/src/redux/slices/userSlice.ts

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
import axios from 'axios';
import { axiosRequest, FormErrorInterface } from '@/utils';
import _ from 'lodash';
import { jwtDecode } from 'jwt-decode';

export interface UserRegistrationInterface {
  name: string;
  email: string;
  password: string;
  phone: string;
  address: string;
}

export interface LogInInterface {
  email: string;
  password: string;
}

export enum USER_ROLE {
  SELLER = 'seller',
  ADMIN = 'admin',
  BUYER = 'buyer'
}

export interface UserInfoInterface {
  name?: string;
  role?: USER_ROLE;
  email?: string;
  photoUrl?: string;
  preferedlanguage?: string | null;
  preferedcurrency?: string | null;
  phone?: string;
  address?: string;
}

interface UserState {
  userInfo: UserInfoInterface | null;
  role: USER_ROLE | null;
  loading: boolean;
  error: FormErrorInterface | null;
  success: boolean;
  token: string | null;
}

const initialState: UserState = {
  userInfo: null,
  role: null,
  loading: false,
  error: null,
  success: false,
  token: null
};

export interface DecodedInterface {
  id: string;
  role: USER_ROLE;
  iat: number;
  exp: number;
}

export interface VerifyOtpResponse {
  data: string;
}

export const registerUser = createAsyncThunk(
  'authentication/registerUser',
  async (userData: UserRegistrationInterface, { rejectWithValue }) => {
    try {
      const response = await axiosRequest('POST', `/users/register`, userData);
      return response.data;
    } catch (err: unknown) {
      if (axios.isAxiosError(err) && err.response) {
        return rejectWithValue(err.response.data || 'Registration failed');
      }
      const error = err as Error;
      return rejectWithValue({ message: error.message });
    }
  }
);

export const logInUser = createAsyncThunk(
  'authentication/loginUser',
  async (userData: LogInInterface, { rejectWithValue }) => {
    try {
      const response = await axiosRequest('POST', `/users/login`, userData);
      localStorage.setItem('token', JSON.stringify(response.data.data));
      return response.data;
    } catch (err: unknown) {
      if (axios.isAxiosError(err) && err.response) {
        return rejectWithValue(err.response.data || 'login failed');
      }
      const error = err as Error;
      return rejectWithValue({ message: error.message });
    }
  }
);

export const getUserProfile = createAsyncThunk(
  'authentication/userProfile',
  async (_, { rejectWithValue }) => {
    try {
      const response = await axiosRequest('GET', `/users/profile`, '', true);
      return response.data.data;
    } catch (err: unknown) {
      localStorage.clear();
      if (axios.isAxiosError(err) && err.response) {
        return rejectWithValue(err.response.data || 'login failed');
      }
      const error = err as Error;
      return rejectWithValue({ message: error.message });
    }
  }
);

export const verifyOtp = createAsyncThunk(
  'authentication/verifyOtp',
  async (
    { otp, token }: { otp: string; token: string | '' },
    { rejectWithValue }
  ) => {
    try {
      const response = await axiosRequest('POST', `/users/verify/${token}`, {
        otp
      });

      return response.data as unknown as VerifyOtpResponse;
    } catch (err: unknown) {
      if (axios.isAxiosError(err) && err.response) {
        return rejectWithValue(err.response.data || 'Verification failed');
      }
      const error = err as Error;
      return rejectWithValue({ message: error.message });
    }
  }
);

const UserSlice = createSlice({
  name: 'user',
  initialState,
  reducers: {
    updateUserRole(state, action) {
      state.role = action.payload;
    },
    setAuthToken(state, action) {
      state.token = action.payload;
    }
  },
  extraReducers: builder => {
    builder
      .addCase(registerUser.pending, state => {
        state.loading = true;
        state.role = null;
        state.userInfo = {};
        state.error = null;
        state.success = false;
        state.token = null;
      })
      .addCase(registerUser.fulfilled, state => {
        state.loading = false;
        state.role = null;
        state.error = null;
        state.success = true;
        state.token = null;
      })
      .addCase(registerUser.rejected, (state, action) => {
        state.loading = false;
        state.role = null;
        state.error = action.payload as FormErrorInterface;
        state.success = false;
        state.token = null;
      })
      .addCase(logInUser.pending, state => {
        state.loading = true;
        state.role = null;
        state.userInfo = {};
        state.error = null;
        state.success = false;
        state.token = null;
      })
      .addCase(logInUser.fulfilled, (state, action) => {
        state.loading = false;
        state.error = null;
        state.success = true;
        state.role = (jwtDecode(action.payload.data) as DecodedInterface).role;
      })
      .addCase(logInUser.rejected, (state, action) => {
        state.loading = false;
        state.error = action.payload as FormErrorInterface;
        state.success = false;
        state.role = null;
        state.token = null;
      })
      .addCase(getUserProfile.pending, state => {
        state.loading = true;
        state.error = null;
        state.success = false;
      })
      .addCase(getUserProfile.fulfilled, (state, action) => {
        state.loading = false;
        state.error = null;
        state.userInfo = _.pick(action.payload, [
          'name',
          'email',
          'photoUrl',
          'preferedlanguage',
          'preferedcurrency',
          'phone',
          'address'
        ]);
        state.success = true;
      })
      .addCase(getUserProfile.rejected, (state, action) => {
        state.loading = false;
        state.error = action.payload as FormErrorInterface;
        state.success = false;
      });
  }
});

export default UserSlice.reducer;
export const { updateUserRole, setAuthToken } = UserSlice.actions;

1	import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';	1✔
2	import axios from 'axios';	1✔
3	import { axiosRequest, FormErrorInterface } from '@/utils';	1✔
4	import _ from 'lodash';	1✔
5	import { jwtDecode } from 'jwt-decode';	1✔
6		1✔
7	export interface UserRegistrationInterface {	1✔
8	name: string;	1✔
9	email: string;	1✔
10	password: string;	1✔
11	phone: string;	1✔
12	address: string;	1✔
13	}	1✔
14		1✔
15	export interface LogInInterface {	1✔
16	email: string;	1✔
17	password: string;	1✔
18	}	1✔
19		1✔
20	export enum USER_ROLE {	1✔
21	SELLER = 'seller',	1✔
22	ADMIN = 'admin',	1✔
23	BUYER = 'buyer'	1✔
24	}	1✔
25		1✔
26	export interface UserInfoInterface {	1✔
27	name?: string;	1✔
28	role?: USER_ROLE;	1✔
29	email?: string;	1✔
30	photoUrl?: string;	1✔
31	preferedlanguage?: string \| null;	1✔
32	preferedcurrency?: string \| null;	1✔
33	phone?: string;	1✔
34	address?: string;	1✔
35	}	1✔
36		1✔
37	interface UserState {	1✔
38	userInfo: UserInfoInterface \| null;	1✔
39	role: USER_ROLE \| null;	1✔
40	loading: boolean;	1✔
41	error: FormErrorInterface \| null;	1✔
42	success: boolean;	1✔
43	token: string \| null;	1✔
44	}	1✔
45		1✔
46	const initialState: UserState = {	1✔
47	userInfo: null,	1✔
48	role: null,	1✔
49	loading: false,	1✔
50	error: null,	1✔
51	success: false,	1✔
52	token: null	1✔
53	};	1✔
54		1✔
55	export interface DecodedInterface {	1✔
56	id: string;	1✔
57	role: USER_ROLE;	1✔
58	iat: number;	1✔
59	exp: number;	1✔
60	}	1✔
61		1✔
62	export interface VerifyOtpResponse {	1✔
63	data: string;	1✔
64	}	1✔
65		1✔
66	export const registerUser = createAsyncThunk(	1✔
67	'authentication/registerUser',	1✔
68	async (userData: UserRegistrationInterface, { rejectWithValue }) => {	1✔
69	try {	2✔
70	const response = await axiosRequest('POST', `/users/register`, userData);	2✔
71	return response.data;	1✔
72	} catch (err: unknown) {	1✔
73	if (axios.isAxiosError(err) && err.response) {	1✔
74	return rejectWithValue(err.response.data \|\| 'Registration failed');	1!
75	}	1!
76	const error = err as Error;	×
77	return rejectWithValue({ message: error.message });	×
78	}	×
79	}	2✔
80	);	1✔
81		1✔
82	export const logInUser = createAsyncThunk(	1✔
83	'authentication/loginUser',	1✔
84	async (userData: LogInInterface, { rejectWithValue }) => {	1✔
85	try {	2✔
86	const response = await axiosRequest('POST', `/users/login`, userData);	2✔
87	localStorage.setItem('token', JSON.stringify(response.data.data));	1✔
88	return response.data;	1✔
89	} catch (err: unknown) {	1✔
90	if (axios.isAxiosError(err) && err.response) {	1✔
91	return rejectWithValue(err.response.data \|\| 'login failed');	1!
92	}	1!
93	const error = err as Error;	×
94	return rejectWithValue({ message: error.message });	×
95	}	×
96	}	2✔
97	);	1✔
98		1✔
99	export const getUserProfile = createAsyncThunk(	1✔
100	'authentication/userProfile',	1✔
101	async (_, { rejectWithValue }) => {	1✔
102	try {	×
103	const response = await axiosRequest('GET', `/users/profile`, '', true);	×
104	return response.data.data;	×
105	} catch (err: unknown) {	×
106	localStorage.clear();	×
107	if (axios.isAxiosError(err) && err.response) {	×
108	return rejectWithValue(err.response.data \|\| 'login failed');	×
109	}	×
110	const error = err as Error;	×
111	return rejectWithValue({ message: error.message });	×
112	}	×
113	}	×
114	);	1✔
115		1✔
116	export const verifyOtp = createAsyncThunk(	1✔
117	'authentication/verifyOtp',	1✔
118	async (	1✔
119	{ otp, token }: { otp: string; token: string \| '' },	×
120	{ rejectWithValue }	×
121	) => {	×
122	try {	×
123	const response = await axiosRequest('POST', `/users/verify/${token}`, {	×
124	otp	×
125	});	×
126		×
127	return response.data as unknown as VerifyOtpResponse;	×
128	} catch (err: unknown) {	×
129	if (axios.isAxiosError(err) && err.response) {	×
130	return rejectWithValue(err.response.data \|\| 'Verification failed');	×
131	}	×
132	const error = err as Error;	×
133	return rejectWithValue({ message: error.message });	×
134	}	×
135	}	×
136	);	1✔
137		1✔
138	const UserSlice = createSlice({	1✔
139	name: 'user',	1✔
140	initialState,	1✔
141	reducers: {	1✔
142	updateUserRole(state, action) {	1✔
143	state.role = action.payload;	×
NEW 144	},	×
145	setAuthToken(state, action) {	1✔
NEW 146	state.token = action.payload;	×
UNCOV 147	}	×
148	},	1✔
149	extraReducers: builder => {	1✔
150	builder	4✔
151	.addCase(registerUser.pending, state => {	4✔
152	state.loading = true;	2✔
153	state.role = null;	2✔
154	state.userInfo = {};	2✔
155	state.error = null;	2✔
156	state.success = false;	2✔
157	state.token = null;	2✔
158	})	2✔
159	.addCase(registerUser.fulfilled, state => {	4✔
160	state.loading = false;	1✔
161	state.role = null;	1✔
162	state.error = null;	1✔
163	state.success = true;	1✔
164	state.token = null;	1✔
165	})	1✔
166	.addCase(registerUser.rejected, (state, action) => {	4✔
167	state.loading = false;	1✔
168	state.role = null;	1✔
169	state.error = action.payload as FormErrorInterface;	1✔
170	state.success = false;	1✔
171	state.token = null;	1✔
172	})	1✔
173	.addCase(logInUser.pending, state => {	4✔
174	state.loading = true;	2✔
175	state.role = null;	2✔
176	state.userInfo = {};	2✔
177	state.error = null;	2✔
178	state.success = false;	2✔
179	state.token = null;	2✔
180	})	2✔
181	.addCase(logInUser.fulfilled, (state, action) => {	4✔
182	state.loading = false;	1✔
183	state.error = null;	1✔
184	state.success = true;	1✔
185	state.role = (jwtDecode(action.payload.data) as DecodedInterface).role;	1✔
186	})	1✔
187	.addCase(logInUser.rejected, (state, action) => {	4✔
188	state.loading = false;	1✔
189	state.error = action.payload as FormErrorInterface;	1✔
190	state.success = false;	1✔
191	state.role = null;	1✔
192	state.token = null;	1✔
193	})	1✔
194	.addCase(getUserProfile.pending, state => {	4✔
195	state.loading = true;	×
196	state.error = null;	×
197	state.success = false;	×
198	})	×
199	.addCase(getUserProfile.fulfilled, (state, action) => {	4✔
200	state.loading = false;	×
201	state.error = null;	×
202	state.userInfo = _.pick(action.payload, [	×
203	'name',	×
204	'email',	×
205	'photoUrl',	×
206	'preferedlanguage',	×
207	'preferedcurrency',	×
208	'phone',	×
209	'address'	×
210	]);	×
211	state.success = true;	×
212	})	×
213	.addCase(getUserProfile.rejected, (state, action) => {	4✔
214	state.loading = false;	×
215	state.error = action.payload as FormErrorInterface;	×
216	state.success = false;	×
217	});	×
218	}	4✔
219	});	1✔
220		1✔
221	export default UserSlice.reducer;	1✔
222	export const { updateUserRole, setAuthToken } = UserSlice.actions;	1✔

atlp-rwanda / alpha-ec-fe / 72cc8e08-d78a-4d7f-88b7-bd10a2ec323f

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous