change slice

template/src/app/common/method/index.ts

@@ -80,7 +80,7 @@ export const execFunc = <Fn extends (...args: any[]) => any>(
 export const isIos = Platform.OS === 'ios';
 
 export const logout = () => {
-  dispatch(appActions.onLogout());
+  dispatch(appActions.logout());
   remove(STORAGE_KEY_TOKEN);
 };
 

template/src/app/common/redux/listener.ts

@@ -15,11 +15,11 @@ export const takeLatestListeners =
         listenerApi.cancelActiveListeners();
         await listenerApi.delay(15);
         if (withLoading) {
-          listenerApi.dispatch(appActions.onStartProcess());
+          listenerApi.dispatch(appActions.startProcess());
         }
         await startListeningOption.effect(action, listenerApi);
         if (withLoading) {
-          listenerApi.dispatch(appActions.onEndProcess());
+          listenerApi.dispatch(appActions.endProcess());
         }
       },
     });
@@ -32,11 +32,11 @@ export const takeLeadingListeners =
       effect: async (action, listenerApi) => {
         listenerApi.unsubscribe();
         if (withLoading) {
-          listenerApi.dispatch(appActions.onStartProcess());
+          listenerApi.dispatch(appActions.startProcess());
         }
         await startListeningOption.effect(action, listenerApi);
         if (withLoading) {
-          listenerApi.dispatch(appActions.onEndProcess());
+          listenerApi.dispatch(appActions.endProcess());
         }
         listenerApi.subscribe();
       },
@@ -52,11 +52,11 @@ export const debounceListeners =
         listenerApi.cancelActiveListeners();
         await listenerApi.delay(msDuration);
         if (withLoading) {
-          listenerApi.dispatch(appActions.onStartProcess());
+          listenerApi.dispatch(appActions.startProcess());
         }
         await startListeningOption.effect(action, listenerApi);
         if (withLoading) {
-          listenerApi.dispatch(appActions.onEndProcess());
+          listenerApi.dispatch(appActions.endProcess());
         }
       },
     });
@@ -70,11 +70,11 @@ export const throttleListeners =
       effect: async (action, listenerApi) => {
         listenerApi.unsubscribe();
         if (withLoading) {
-          listenerApi.dispatch(appActions.onStartProcess());
+          listenerApi.dispatch(appActions.startProcess());
         }
         await startListeningOption.effect(action, listenerApi);
         if (withLoading) {
-          listenerApi.dispatch(appActions.onEndProcess());
+          listenerApi.dispatch(appActions.endProcess());
         }
         await listenerApi.delay(msDuration);
         listenerApi.subscribe();

template/src/app/common/yup-validate/login.ts

@@ -1,4 +1,4 @@
-import { FormLoginType } from '@model/login';
+import { FormLoginType } from '@model/authentication';
 import * as yup from 'yup';
 
 export const loginValidation: yup.SchemaOf<FormLoginType> = yup.object().shape({

template/src/app/config/type.ts

@@ -21,7 +21,7 @@ export interface ParamsNetwork {
 
 export enum SLICE_NAME {
   APP = 'APP_',
-  LOGIN = 'LOGIN_',
+  AUTHENTICATION = 'AUTHENTICATION_',
 }
 
 export type ValidateMessageObject = {

template/src/app/features/un-authentication/login/components/form-login.tsx

@@ -4,7 +4,7 @@ import { Button } from 'react-native';
 import { FormProvider, useForm } from 'react-hook-form';
 
 import { yupResolver } from '@hookform/resolvers/yup';
-import { FormLoginType } from '@model/login';
+import { FormLoginType } from '@model/authentication';
 import { loginValidation } from '@validate/login';
 
 import { Input } from './input';

template/src/app/features/un-authentication/login/components/input.tsx

@@ -6,7 +6,7 @@ import { useController, useFormContext } from 'react-hook-form';
 import { CustomOmit } from '@common';
 import { HelperText, TextField } from '@components';
 import { InputFlatProps } from '@components/text-field/components/flat/type';
-import { FormLoginType } from '@model/login';
+import { FormLoginType } from '@model/authentication';
 
 interface InputProps<T extends Record<string, any>>
   extends CustomOmit<InputFlatProps, 'nameTrigger'>,

template/src/app/features/un-authentication/login/index.tsx

@@ -27,7 +27,7 @@ import {
   Wallpaper,
 } from '@components';
 import { useAnimatedState } from '@hooks';
-import { FormLoginType } from '@model/login';
+import { FormLoginType } from '@model/authentication';
 import { appActions } from '@redux-slice';
 
 import { FormLogin } from './components/form-login';
@@ -45,7 +45,7 @@ const LoginComponent = () => {
 
   // function
   const onSubmit = (data: FormLoginType) => {
-    dispatch(appActions.onSetAppTheme('dark'));
+    dispatch(appActions.setAppTheme('dark'));
     Alert.alert(JSON.stringify(data));
   };
 

template/src/app/features/un-authentication/login/type.ts

@@ -1,4 +1,4 @@
-import { FormLoginType } from '@model/login';
+import { FormLoginType } from '@model/authentication';
 
 export interface FormLoginProps {
   onSubmit: (data: FormLoginType) => void;

template/src/app/library/networking/service.ts

@@ -39,7 +39,7 @@ AxiosInstance.interceptors.response.use(
       if (newToken === null) {
         return Promise.reject(error);
       }
-      dispatch(appActions.onSetToken(newToken));
+      dispatch(appActions.setToken(newToken));
       originalRequest.headers[tokenKeyHeader] = newToken;
       return AxiosInstance(originalRequest);
     }

template/src/app/model/login.ts → template/src/app/model/authentication.ts

@@ -3,7 +3,6 @@ export type FormLoginType = {
   password: string;
 };
 
-export interface LoginState {
+export interface AuthenticationState {
   loading: boolean;
-  count: number;
 }

template/src/app/navigation/app-navigation.tsx

@@ -24,7 +24,7 @@ export const AppContainer = () => {
 
   // effect
   useEffect(() => {
-    dispatch(appActions.onLoadApp());
+    dispatch(appActions.startLoadApp());
   }, []);
 
   useEffect(() => {

template/src/app/redux/action-slice/app.ts

@@ -18,31 +18,31 @@ const appSlice = createSlice({
   name: SLICE_NAME.APP,
   initialState: initialAppState,
   reducers: {
-    onSetInternet: (state, { payload }: PayloadAction<boolean>) => {
+    setInternetState: (state, { payload }: PayloadAction<boolean>) => {
       state.internetState = payload;
     },
-    onSetToken: (state, { payload }: PayloadAction<string>) => {
+    setToken: (state, { payload }: PayloadAction<string>) => {
       state.token = payload;
     },
-    onSetAppProfile: (state, { payload }: PayloadAction<unknown>) => {
+    setAppProfile: (state, { payload }: PayloadAction<unknown>) => {
       state.profile = payload;
     },
-    onSetAppTheme: (state, { payload }: PayloadAction<ThemeType>) => {
+    setAppTheme: (state, { payload }: PayloadAction<ThemeType>) => {
       state.theme = payload;
     },
-    onLoadApp: state => {
+    startLoadApp: state => {
       state.loadingApp = true;
     },
-    onLoadAppEnd: state => {
+    endLoadApp: state => {
       state.loadingApp = false;
     },
-    onStartProcess: state => {
+    startProcess: state => {
       state.showDialog = true;
     },
-    onEndProcess: state => {
+    endProcess: state => {
       state.showDialog = false;
     },
-    onLogout: state => {
+    logout: state => {
       state.token = undefined;
       state.profile = {};
     },

template/src/app/redux/action-slice/authentication.ts

@@ -0,0 +1,29 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { SLICE_NAME } from '@config/type';
+import { AuthenticationState } from '@model/authentication';
+import * as Action from '@redux-action-type/authentication';
+import { createAction, createSlice } from '@reduxjs/toolkit';
+
+const initialState: AuthenticationState = {
+  loading: false,
+};
+const authenticationSlice = createSlice({
+  name: SLICE_NAME.AUTHENTICATION,
+  initialState: initialState,
+  reducers: {
+    reset: () => initialState,
+  },
+});
+
+const login = createAction(
+  Action.LOGIN,
+  (body: any, onSucceeded: () => void, onFailure: (msg: string) => void) => ({
+    payload: {
+      body,
+      onSucceeded,
+      onFailure,
+    },
+  }),
+);
+export const authenticationActions = { ...authenticationSlice.actions, login };
+export const authenticationReducer = authenticationSlice.reducer;

template/src/app/redux/action-slice/index.ts

@@ -1,2 +1,2 @@
 export * from './app';
-export * from './login';
+export * from './authentication';

template/src/app/redux/action-type/authentication.ts

@@ -0,0 +1,3 @@
+import { SLICE_NAME } from '@config/type';
+
+export const LOGIN = SLICE_NAME.AUTHENTICATION + 'LOGIN';

template/src/app/redux/listener/app.ts

@@ -10,20 +10,20 @@ import { loadString } from '@utils/storage';
 import { appActions } from '../action-slice/app';
 
 takeLatestListeners()({
-  actionCreator: appActions.onLoadApp,
+  actionCreator: appActions.startLoadApp,
   effect: async (_, listenerApi) => {
     const appTheme = loadString(STORAGE_KEY_APP_THEME);
     const token = loadString(STORAGE_KEY_TOKEN);
     if (typeof token === 'string') {
-      listenerApi.dispatch(appActions.onSetToken(token));
+      listenerApi.dispatch(appActions.setToken(token));
     }
 
     if (
       typeof appTheme === 'string' &&
       checkKeyInObject(MyAppTheme, appTheme)
     ) {
-      listenerApi.dispatch(appActions.onSetAppTheme(appTheme as ThemeType));
+      listenerApi.dispatch(appActions.setAppTheme(appTheme as ThemeType));
     }
-    listenerApi.dispatch(appActions.onLoadAppEnd());
+    listenerApi.dispatch(appActions.endLoadApp());
   },
 });

template/src/app/redux/listener/login.ts → template/src/app/redux/listener/authentication.ts

@@ -2,10 +2,10 @@ import { handleErrorResponse } from '@common'
 import { takeLatestListeners } from '@listener';
 import { ApiConstants, NetWorkService } from '@networking';
 
-import { loginActions } from '../action-slice/login';
+import { authenticationActions } from '../action-slice/authentication';
 
 takeLatestListeners(true)({
-  actionCreator: loginActions.onLogin,
+  actionCreator: authenticationActions.login,
   effect: async (action, listenerApi) => {
     const { body } = action.payload;
     console.log({ body });

template/src/app/redux/listener/index.ts

@@ -1,4 +1,4 @@
 export { listenerMiddleware } from '@listener';
 
-export * from './login';
+export * from './authentication';
 export * from './app';