import {  combineReducers, createStore,applyMiddleware,compose } from "redux";


import reduxThunk from 'redux-thunk';


import authReducedrs from '../reducers/authReducers'
import initDataReducer from "../reducers/initDataReducer";
import { persistStore, persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage' // defaults to localStorage for web
import navBarTitleReducer from "../reducers/navBarTitleReducer";
import archievedDataReducer from "../reducers/archievedDataReducer";
import mcqAnsReducers from "../reducers/mcqAnsReducers";
import submitAnsResponseReducer from "../reducers/submitAnsResponseReducer";
import purchaseExamReducer from "../reducers/purchaseExamReducer";


const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const persistConfig = {
  key: 'root',
  storage,
  whitelist:['auth']
}


const rootReducers=combineReducers({

      auth : authReducedrs,

      initData:initDataReducer,

      navBarTitle : navBarTitleReducer,

      archievedData: archievedDataReducer,

      mcqAns : mcqAnsReducers,

      submitAnsResponse : submitAnsResponseReducer,

      purchaseExam : purchaseExamReducer


  });

  const persistedReducer = persistReducer(persistConfig, rootReducers)

  const store = createStore(
    persistedReducer,
    composeEnhancers(applyMiddleware(reduxThunk))
);

export default store;
export const persistor = persistStore(store);