configureStore.ts

import AsyncStorage from '@react-native-async-storage/async-storage'
import { applyMiddleware, combineReducers, createStore } from "redux"
import { persistReducer, persistStore } from "redux-persist"
import createSecureStore from "redux-persist-expo-securestore"
import thunk from "redux-thunk"
import debounce from "./lib/debounce"
import { SIGN_OUT_USER } from "./redux/constants/userConstants"
import reducer, { initialState } from "./redux/reducers"

const { user, ...otherReducers } = reducer

const secureStorage = createSecureStore()

const middleware = [debounce.middleware(), thunk]

if (process.env.NODE_ENV === `development`) {
  // eslint-disable-next-line @typescript-eslint/no-var-requires
  const { logger } = require(`redux-logger`)
  middleware.push(logger)
}

const config = {
  blacklist: [`user`],
  debug: __DEV__,
  key: `root`,
  storage: AsyncStorage,
}

const userPersistConfig = {
  blacklist: [`signIn`],
  debug: __DEV__,
  key: `user`,
  storage: secureStorage,
}

const appReducer = combineReducers({
  user: persistReducer(userPersistConfig, user),
  ...otherReducers,
})

const rootReducer = (state, action) => appReducer(
  action.type === SIGN_OUT_USER ? undefined : state, action,
)

const persistRootReducer = persistReducer(config, rootReducer)

const store = createStore(
  persistRootReducer,
  initialState as unknown,
  applyMiddleware(...middleware),
)

export type AppStateType = ReturnType<typeof store.getState>

const persistor = persistStore(store)

export default { persistor, store }