re-structure to monorepo.

packages/webapp/src/store/users/users.actions.tsx

@@ -0,0 +1,110 @@
+// @ts-nocheck
+import ApiService from '@/services/ApiService';
+import t from '@/store/types';
+
+export const fetchUsers = () => {
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      dispatch({
+        type: t.USERS_TABLE_LOADING,
+        payload: { loading: true },
+      });
+
+      ApiService.get(`users`)
+        .then((response) => {
+          dispatch({
+            type: t.USERS_LIST_SET,
+            payload: {
+              users: response.data.users,
+            },
+          });
+          dispatch({
+            type: t.USERS_TABLE_LOADING,
+            payload: { loading: false },
+          });
+          resolve(response);
+        })
+        .catch((error) => {
+          reject(error);
+        });
+    });
+};
+
+export const fetchUser = ({ id }) => {
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      ApiService.get(`users/${id}`)
+        .then((response) => {
+          dispatch({
+            type: t.USER_DETAILS_SET,
+            payload: {
+              id,
+              user: response.data.user,
+            },
+          });
+          resolve(response);
+        })
+        .catch((error) => {
+          reject(error);
+        });
+    });
+};
+
+export const deleteUser = ({ id }) => {
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      ApiService.delete(`users/${id}`)
+        .then((response) => {
+          dispatch({
+            type: t.USER_DELETE,
+            payload: {
+              id,
+            },
+          });
+          resolve(response);
+        })
+        .catch((error) => {
+          reject(error.response.data.errors || []);
+        });
+    });
+};
+
+export const submitInvite = ({ form }) => {
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      ApiService.post(`invite/send`, form)
+        .then((response) => {
+          resolve(response);
+        })
+        .catch((error) => {
+          const { response } = error;
+          const { data } = response;
+
+          reject(data?.errors);
+        });
+    });
+};
+
+export const editUser = ({ form, id }) => {
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      ApiService.post(`users/${id}`, form)
+        .then((response) => {
+          resolve(response);
+        })
+        .catch((error) => {
+          const { response } = error;
+          const { data } = response;
+
+          reject(data?.errors);
+        });
+    });
+};
+
+export const inactiveUser = ({ id }) => {
+  return (dispatch) => ApiService.put(`users/${id}/inactive`);
+};
+
+export const activeUser = ({ id }) => {
+  return (dispatch) => ApiService.put(`users/${id}/active`);
+};

packages/webapp/src/store/users/users.reducer.tsx

@@ -0,0 +1,55 @@
+// @ts-nocheck
+import { createReducer } from '@reduxjs/toolkit';
+import { createTableQueryReducers } from '@/store/queryReducers';
+import t from '@/store/types';
+
+const initialState = {
+  items: {},
+  userById: {},
+  loading: false,
+};
+
+export default createReducer(initialState, {
+  [t.USERS_LIST_SET]: (state, action) => {
+    const { users } = action.payload;
+    const _users = {};
+
+    users.forEach((user) => {
+      _users[user.id] = {
+        ...user,
+      };
+    });
+    state.items = {
+      ...state.items,
+      ..._users,
+    };
+  },
+
+  [t.USER_DETAILS_SET]: (state, action) => {
+    const { id, user } = action.payload;
+    const _user = state.items[id] || {};
+    state.items[id] = { ..._user, ...user };
+  },
+
+  [t.USERS_TABLE_LOADING]: (state, action) => {
+    const { loading } = action.payload;
+    state.loading = loading;
+  },
+  [t.USER_DELETE]: (state, action) => {
+    const { id } = action.payload;
+    if (typeof state.items[id] !== 'undefined') {
+      delete state.items[id];
+    }
+  },
+
+  ...createTableQueryReducers('USERS'),
+});
+
+/**
+ * Retrieve the user details of the given user id,
+ * @param {Object} state
+ * @param {Numeric} id
+ */
+export const getUserDetails = (state, id) => {
+  return state.users.userById[id];
+};

packages/webapp/src/store/users/users.selectors.tsx

@@ -0,0 +1,22 @@
+// @ts-nocheck
+import { createSelector } from '@reduxjs/toolkit';
+import { pickItemsFromIds, getItemById } from '@/store/selectors';
+
+const usersItemsSelector = (state) => state.users.items;
+const userIdPropSelector = (state, props) => props.userId;
+
+export const getExpensesCurrentPageFactory = createSelector(
+  usersItemsSelector,
+  (users) => {
+    return Object.values(users);
+  },
+);
+
+
+export const getUserByIdFactory = () => createSelector(
+  usersItemsSelector,
+  userIdPropSelector,
+  (users, userId) => {
+    return getItemById(users, userId);
+  },
+);

packages/webapp/src/store/users/users.types.tsx

@@ -0,0 +1,7 @@
+// @ts-nocheck
+export default {
+  USERS_LIST_SET: 'USERS_LIST_SET',
+  USERS_TABLE_LOADING: 'USERS_TABLE_LOADING',
+  USER_DETAILS_SET: 'USER_DETAILS_SET',
+  USER_DELETE: 'USER_DELETE',
+};