@argusoft/medplat-app-shell 1.0.6 → 1.0.7

package/src/store/reducers/PrescriptionPadReducer.js

@@ -0,0 +1,329 @@
+import { createSlice } from '@reduxjs/toolkit';
+import { emptyPrescriptionPadData } from '@/common/services/util/EmptyPrescriptionPadData';
+
+const initialState = {
+  currentPrescription: {
+    medicationsArr: [],
+    symptomsArr: [],
+    diagnosisArr: [],
+    labInvestigationsArr: [],
+    advicesArr: [],
+    vaccineArr: [],
+    procedureArr: [],
+    oeData: [],
+    prescriptionOnExaminationResults: [],
+    soapNotes: {},
+    isUpdated: false, // to prevent duplicate auto-save on adding new items
+    prescriptionStatus: '',
+    isCurrentPrescriptionPadUpdated: false,
+    isFetchAndSetPrescription: false,
+    selectedOETemplateId: null,
+  },
+  prescriptionId: null,
+  patientPastPrescriptions: {
+    id: '',
+    appointmentId: '',
+    appointmentResponse: {},
+    medicationsArr: [],
+    symptomsArr: [],
+    diagnosisArr: [],
+    labInvestigationsArr: [],
+    vaccineArr: [],
+    procedureArr: [],
+    advicesArr: [],
+    oeData: [],
+    soapNotes: {},
+    isPastPrescriptionPadUpdated: false,
+  },
+  prescriptionIndex: -1,
+  hasUpdates: false,
+  templateNameInfo: {
+    selectedMenuItemLabel: '',
+    templateLabel: '',
+  },
+  templateMenus: [],
+  removedPrescriptionPadData: { ...emptyPrescriptionPadData },
+  draftedPrescriptionPayloadInLocalStorage: null,
+  selectedPrescriptionId: null,
+  pdfLanguageMap: {},
+  createdOrUpdatedPrescription: null,
+  prescriptionTranscript: '',
+  isPatientVaccinePresent: false,
+  categorySearch: false,
+};
+
+const prescriptionPadSlice = createSlice({
+  name: 'prescriptionPad',
+  initialState,
+  reducers: {
+    setPrescriptionPadData(state, action) {
+      state.currentPrescription = {
+        medicationsArr: action.payload.medicationsArr,
+        symptomsArr: action.payload.symptomsArr,
+        diagnosisArr: action.payload.diagnosisArr,
+        labInvestigationsArr: action.payload.labInvestigationsArr,
+        vaccineArr: action.payload.vaccineArr,
+        procedureArr: action.payload.procedureArr,
+        advicesArr: action.payload.advicesArr,
+        oeData: action.payload.oeData,
+        soapNotes: action.payload.soapNotes,
+        isUpdated: action.payload.isUpdated || false,
+        prescriptionOnExaminationResults: action.payload.prescriptionOnExaminationResults,
+        isCurrentPrescriptionPadUpdated: action.payload.isCurrentPrescriptionPadUpdated || false,
+        isFetchAndSetPrescription: action.payload.isFetchAndSetPrescription || false,
+        prescriptionStatus: action.payload.prescriptionStatus || state.currentPrescription?.prescriptionStatus,
+        selectedOETemplateId: action.payload.selectedOETemplateId || state.currentPrescription?.selectedOETemplateId,
+      };
+    },
+    updateMedications(state, action) {
+      const prescriptionIndex = Number.isInteger(action.payload.prescriptionIndex)
+        ? action.payload.prescriptionIndex
+        : -1;
+      if (prescriptionIndex === -1) {
+        state.currentPrescription.medicationsArr = state.currentPrescription.medicationsArr.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.currentPrescription.isUpdated = false;
+        state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+      } else {
+        state.patientPastPrescriptions.medicationsArr = state.patientPastPrescriptions.medicationsArr.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.patientPastPrescriptions.isPastPrescriptionPadUpdated = true;
+      }
+    },
+    setMedications(state, action) {
+      state.currentPrescription.medicationsArr = action.payload;
+      state.currentPrescription.isUpdated = false;
+      state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+    },
+    setSymptoms(state, action) {
+      const prescriptionIndex = Number.isInteger(action.payload.prescriptionIndex)
+        ? action.payload.prescriptionIndex
+        : -1;
+      if (prescriptionIndex === -1) {
+        state.currentPrescription.symptomsArr = state.currentPrescription.symptomsArr?.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.currentPrescription.isUpdated = false;
+        state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+      } else {
+        state.patientPastPrescriptions.symptomsArr = state.patientPastPrescriptions.symptomsArr?.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.patientPastPrescriptions.isPastPrescriptionPadUpdated = true;
+      }
+    },
+    setVaccine(state, action) {
+      const prescriptionIndex = Number.isInteger(action.payload.prescriptionIndex)
+        ? action.payload.prescriptionIndex
+        : -1;
+      if (prescriptionIndex === -1) {
+        state.currentPrescription.vaccineArr = state.currentPrescription.vaccineArr.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.currentPrescription.isUpdated = false;
+        state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+      } else {
+        state.patientPastPrescriptions.vaccineArr = state.patientPastPrescriptions.vaccineArr.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.patientPastPrescriptions.isPastPrescriptionPadUpdated = true;
+      }
+    },
+    setProcedure(state, action) {
+      const prescriptionIndex = Number.isInteger(action.payload.prescriptionIndex)
+        ? action.payload.prescriptionIndex
+        : -1;
+      if (prescriptionIndex === -1) {
+        state.currentPrescription.procedureArr = state.currentPrescription.procedureArr.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.currentPrescription.isUpdated = false;
+        state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+      } else {
+        state.patientPastPrescriptions.procedureArr = state.patientPastPrescriptions.procedureArr.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.patientPastPrescriptions.isPastPrescriptionPadUpdated = true;
+      }
+    },
+    setDiagnosis(state, action) {
+      const prescriptionIndex = Number.isInteger(action.payload.prescriptionIndex)
+        ? action.payload.prescriptionIndex
+        : -1;
+
+      if (prescriptionIndex === -1) {
+        state.currentPrescription.diagnosisArr = state.currentPrescription.diagnosisArr.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.currentPrescription.isUpdated = false;
+        state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+      } else {
+        state.patientPastPrescriptions.diagnosisArr = state.patientPastPrescriptions.diagnosisArr.map((item, i) =>
+          i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item
+        );
+        state.patientPastPrescriptions.isPastPrescriptionPadUpdated = true;
+      }
+    },
+    setLabInvestigations(state, action) {
+      const prescriptionIndex = Number.isInteger(action.payload.prescriptionIndex)
+        ? action.payload.prescriptionIndex
+        : -1;
+      if (prescriptionIndex === -1) {
+        state.currentPrescription.labInvestigationsArr = state.currentPrescription.labInvestigationsArr.map(
+          (item, i) => (i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item)
+        );
+        state.currentPrescription.isUpdated = false;
+        state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+      } else {
+        state.patientPastPrescriptions.labInvestigationsArr = state.patientPastPrescriptions.labInvestigationsArr.map(
+          (item, i) => (i === action.payload.index ? { ...item, [action.payload.field]: action.payload.value } : item)
+        );
+        state.patientPastPrescriptions.isPastPrescriptionPadUpdated = true;
+      }
+    },
+    updateAdvices(state, action) {
+      const prescriptionIndex = Number.isInteger(action.payload.prescriptionIndex)
+        ? action.payload.prescriptionIndex
+        : -1;
+      if (prescriptionIndex === -1) {
+        state.currentPrescription.advicesArr = state.currentPrescription.advicesArr.map((item, i) =>
+          i === action.payload.index ? { ...item, displayName: action.payload.value } : item
+        );
+        state.currentPrescription.isUpdated = false;
+        state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+      } else {
+        state.patientPastPrescriptions.advicesArr = state.patientPastPrescriptions.advicesArr.map((item, i) =>
+          i === action.payload.index ? { ...item, displayName: action.payload.value } : item
+        );
+        state.patientPastPrescriptions.isPastPrescriptionPadUpdated = true;
+      }
+    },
+    setAdvices(state, action) {
+      state.currentPrescription.advicesArr = action.payload;
+      state.currentPrescription.isUpdated = false;
+      state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+    },
+    setPrescriptionId(state, action) {
+      state.prescriptionId = action.payload;
+      state.currentPrescription.isUpdated = false;
+      state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+    },
+    setSoapNotes(state, action) {
+      const { prescriptionIndex, ...soapNoteData } = action.payload;
+      const pIndex = Number.isInteger(prescriptionIndex) ? prescriptionIndex : -1;
+      if (pIndex === -1) {
+        state.currentPrescription.soapNotes = soapNoteData;
+        state.currentPrescription.isUpdated = false;
+        state.currentPrescription.isCurrentPrescriptionPadUpdated = true;
+      } else {
+        state.patientPastPrescriptions.soapNotes = soapNoteData;
+        state.patientPastPrescriptions.isPastPrescriptionPadUpdated = true;
+      }
+    },
+    setCategorySearch(state, action) {
+      state.categorySearch = action.payload;
+    },
+    setPatientPastPrescriptions(state, action) {
+      state.patientPastPrescriptions = action.payload;
+    },
+    setPrescriptionIndex(state, action) {
+      state.prescriptionIndex = action.payload;
+    },
+    setHasUpdates(state, action) {
+      state.hasUpdates = action.payload;
+    },
+    setTemplateNameInfo(state, action) {
+      state.templateNameInfo = action.payload;
+    },
+    setTemplateMenus(state, action) {
+      state.templateMenus = action.payload;
+    },
+    setRemovedPrescriptionPadData(state, action) {
+      state.removedPrescriptionPadData = action.payload;
+    },
+    setDraftedPrescriptionPayloadInLocalStorage(state, action) {
+      state.draftedPrescriptionPayloadInLocalStorage = action.payload;
+    },
+    setSelectedPrescriptionId(state, action) {
+      state.selectedPrescriptionId = action.payload;
+    },
+    setPdfLanguageMap(state, action) {
+      state.pdfLanguageMap = action.payload;
+    },
+    setCreatedOrUpdatedPrescription(state, action) {
+      state.createdOrUpdatedPrescription = action.payload;
+    },
+    setPrescriptionTranscript(state, action) {
+      state.prescriptionTranscript = action.payload;
+    },
+    setIsPatientVaccinePresent(state, action) {
+      state.isPatientVaccinePresent = action.payload;
+    },
+    setSelectedOETemplateId(state, action) {
+      state.currentPrescription.selectedOETemplateId = action.payload;
+    },
+    setPrescriptionOnExaminationResults(state, action) {
+      state.currentPrescription.prescriptionOnExaminationResults = action.payload;
+    },
+  },
+});
+
+export const {
+  setPrescriptionPadData,
+  updateMedications,
+  setMedications,
+  setSymptoms,
+  setDiagnosis,
+  setLabInvestigations,
+  updateAdvices,
+  setAdvices,
+  setPrescriptionId,
+  setSoapNotes,
+  setPatientPastPrescriptions,
+  setPrescriptionIndex,
+  setHasUpdates,
+  setVaccine,
+  setProcedure,
+  setTemplateNameInfo,
+  setTemplateMenus,
+  setRemovedPrescriptionPadData,
+  setDraftedPrescriptionPayloadInLocalStorage,
+  setSelectedPrescriptionId,
+  setPdfLanguageMap,
+  setCreatedOrUpdatedPrescription,
+  setPrescriptionTranscript,
+  setIsPatientVaccinePresent,
+  setSelectedOETemplateId,
+  setPrescriptionOnExaminationResults,
+  setCategorySearch,
+} = prescriptionPadSlice.actions;
+export const prescriptionPadReducer = prescriptionPadSlice.reducer;
+
+export const getPrescriptionPadData = (state) => state.prescriptionPad?.currentPrescription;
+export const getFieldData = (state, key) => state.prescriptionPad[key];
+export const getSymptoms = (state) => state.prescriptionPad.currentPrescription?.symptomsArr;
+export const getDiagnosis = (state) => state.prescriptionPad.currentPrescription?.diagnosisArr;
+export const getLabInvestigations = (state) => state.prescriptionPad.currentPrescription?.labInvestigationsArr;
+export const getAdvices = (state) => state.prescriptionPad.currentPrescription?.advicesArr;
+export const getPrescriptionId = (state) => state.prescriptionPad.prescriptionId;
+export const getMedications = (state) => state.prescriptionPad.currentPrescription?.medicationsArr;
+export const getSoapNotes = (state) => state.prescriptionPad.currentPrescription?.soapNotes;
+export const getPatientPastPrescriptions = (state) => state.prescriptionPad.patientPastPrescriptions;
+export const getPrescriptionIndex = (state) => state.prescriptionPad.prescriptionIndex;
+export const getHasUpdates = (state) => state.prescriptionPad.hasUpdates;
+export const getVaccines = (state) => state.prescriptionPad.currentPrescription?.vaccineArr;
+export const getProcedures = (state) => state.prescriptionPad.currentPrescription?.procedureArr;
+export const getTemplateNameInfo = (state) => state.prescriptionPad.templateNameInfo;
+export const getTemplateMenus = (state) => state.prescriptionPad.templateMenus;
+export const getRemovedPrescriptionPadData = (state) => state.prescriptionPad.removedPrescriptionPadData;
+export const getDraftedPrescriptionPayloadInLocalStorage = (state) =>
+  state.prescriptionPad.draftedPrescriptionPayloadInLocalStorage;
+export const getSelectedPrescriptionId = (state) => state.prescriptionPad.selectedPrescriptionId;
+export const getPdfLanguageMap = (state) => state.prescriptionPad.pdfLanguageMap;
+export const getCreatedOrUpdatedPrescription = (state) => state.prescriptionPad.createdOrUpdatedPrescription;
+export const getPrescriptionTranscript = (state) => state.prescriptionPad.prescriptionTranscript;
+export const getIsPatientVaccinePresent = (state) => state.prescriptionPad.isPatientVaccinePresent;
+export const getSelectedOETemplateId = (state) => state.prescriptionPad.currentPrescription?.selectedOETemplateId;
+export const getCategorySearch = (state) => state.prescriptionPad.categorySearch;

package/src/store/reducers/QuestionaireReducer.js

@@ -0,0 +1,29 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const initialState = {};
+
+const questionnaireSlice = createSlice({
+  name: "questionnaire",
+  initialState,
+  reducers: {
+    setQuestionnaire: (state, { payload: { meta, response } }) => {
+      state[meta.hash] = {
+        meta: { ...(state[meta.hash] ? state[meta.hash].meta : {}), ...meta },
+        response: response !== undefined ? response : state[meta.hash]?.response,
+      };
+    },
+    removeQuestionnaire: (state, { payload: hash }) => {
+      delete state[hash];
+    },
+  },
+});
+
+export const { setQuestionnaire, removeQuestionnaire } = questionnaireSlice.actions;
+
+export const getQuestionnaireResponse = (hash) => {
+  return (state) => {
+    return state.questionnaire[hash];
+  };
+};
+
+export const questionnaireReducer = questionnaireSlice.reducer;

package/src/store/reducers/ReportsReducer.js

@@ -0,0 +1,24 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState = {
+  reportData: [],
+  filterObj: {}
+};
+
+const ReportsSlice = createSlice({
+  name: 'ReportsSlice',
+  initialState,
+  reducers: {
+    setReportData: (state, action) => {
+      state.reportData = action.payload;
+    },
+    setFilterObj: (state, action) => {
+      state.filterObj = action.payload;
+    }
+  },
+});
+
+export const { setReportData, setFilterObj } = ReportsSlice.actions;
+export const getFilterObj = (state) => state.Reports.filterObj;
+
+export default ReportsSlice.reducer;

package/src/store/reducers/SkeletonReducer.js

@@ -0,0 +1,20 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState = {
+  useSkeleton: true,
+};
+
+const SkeletonSlice = createSlice({
+  name: 'Skeleton',
+  initialState,
+  reducers: {
+    setUseSkeleton: (state, action) => {
+      state.useSkeleton = action.payload;
+    },
+  },
+});
+
+export const { setUseSkeleton } = SkeletonSlice.actions;
+export const getUseSkeleton = (state) => state.Skeleton.useSkeleton;
+
+export default SkeletonSlice.reducer;

package/src/store/reducers/ThemeReducer.js

@@ -0,0 +1,106 @@
+import { createSlice } from '@reduxjs/toolkit';
+import { lightThemeConfig, darkThemeConfig } from '@/common/themeProvider/themeConfig';
+
+const getStorageValue = (key, defaultValue) => {
+  try {
+    const item = localStorage.getItem(key);
+    if (item === null) return defaultValue;
+    return JSON.parse(item);
+  } catch {
+    return defaultValue;
+  }
+};
+
+const getThemeCache = () => getStorageValue('theme_config', {});
+
+const initialState = {
+  mode: localStorage.getItem('theme') || 'light',
+  configs: {
+    light: lightThemeConfig,
+    dark: darkThemeConfig,
+  },
+  personilizedThemes: getThemeCache().personalized || false,
+  canSetPersonilisedTheme: getStorageValue('theme_existence', false),
+  isThemeLoading: false,
+};
+
+const themeSlice = createSlice({
+  name: 'theme',
+  initialState,
+  reducers: {
+    toggleTheme: (state) => {
+      const newMode = state.mode === 'light' ? 'dark' : 'light';
+      state.mode = newMode;
+      localStorage.setItem('theme', newMode);
+      document.documentElement.classList.toggle('dark', newMode === 'dark');
+    },
+    setTheme: (state, action) => {
+      const newMode = action.payload;
+      state.mode = newMode;
+      localStorage.setItem('theme', newMode);
+      document.documentElement.classList.toggle('dark', newMode === 'dark');
+    },
+    updateThemeConfig: (state, action) => {
+      const { themeType, config } = action.payload;
+      state.configs[themeType] = config;
+
+      // Sync with local cache
+      try {
+        const currentCache = JSON.parse(localStorage.getItem('theme_config') || '{}');
+        const cacheWithoutLegacyTheme = { ...currentCache };
+        delete cacheWithoutLegacyTheme.theme;
+        const cacheKey = state.personilizedThemes ? 'userTheme' : 'implementationTheme';
+        const currentTheme = cacheWithoutLegacyTheme[cacheKey] ? JSON.parse(cacheWithoutLegacyTheme[cacheKey]) : {};
+        localStorage.setItem(
+          'theme_config',
+          JSON.stringify({
+            ...cacheWithoutLegacyTheme,
+            [cacheKey]: JSON.stringify({
+              ...currentTheme,
+              [themeType]: config,
+            }),
+          })
+        );
+      } catch (e) {
+        console.error('Error syncing theme config to local storage:', e);
+      }
+    },
+    setPersonilizedThemes: (state, action) => {
+      state.personilizedThemes = action.payload;
+
+      // Sync with local cache
+      try {
+        const currentCache = JSON.parse(localStorage.getItem('theme_config') || '{}');
+        const cacheWithoutLegacyTheme = { ...currentCache };
+        delete cacheWithoutLegacyTheme.theme;
+        localStorage.setItem(
+          'theme_config',
+          JSON.stringify({
+            ...cacheWithoutLegacyTheme,
+            personalized: action.payload,
+          })
+        );
+      } catch (e) {
+        console.error('Error syncing personalized status to local storage:', e);
+      }
+    },
+    updateCanSetPersonalizedTheme: (state, action) => {
+      state.canSetPersonilisedTheme = action.payload;
+    },
+    setIsLoadingTheme: (state, action) => {
+      state.isThemeLoading = action.payload;
+    },
+  },
+});
+
+export const {
+  toggleTheme,
+  setTheme,
+  updateThemeConfig,
+  setPersonilizedThemes,
+  updateCanSetPersonalizedTheme,
+  setIsLoadingTheme,
+} = themeSlice.actions;
+
+export const getThemeMode = (state) => state.theme.mode;
+export default themeSlice.reducer;

package/src/store/reducers/TranslationReducer.js

@@ -0,0 +1,126 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const normalizeLanguageKey = (langKey) => (typeof langKey === 'string' ? langKey.toLowerCase() : langKey);
+
+const getInitialState = () => {
+  const translations = {};
+  const loadedNamespaces = {};
+  try {
+    const storageKeys = Array.from({ length: localStorage.length }, (_, i) => localStorage.key(i));
+    storageKeys.forEach((key) => {
+      if (key && key.startsWith('translation_all_')) {
+        const langKey = normalizeLanguageKey(key.replace('translation_all_', ''));
+        const data = JSON.parse(localStorage.getItem(key) || '{}');
+        translations[langKey] = {
+          ...(translations[langKey] || {}),
+          ...(data.nested || {}),
+        };
+        loadedNamespaces[langKey] = [...new Set([...(loadedNamespaces[langKey] || []), ...(data.namespaces || [])])];
+
+        const normalizedKey = `translation_all_${langKey}`;
+        if (key !== normalizedKey) {
+          localStorage.removeItem(key);
+          localStorage.setItem(
+            normalizedKey,
+            JSON.stringify({
+              nested: translations[langKey],
+              namespaces: loadedNamespaces[langKey],
+            })
+          );
+        }
+      }
+    });
+  } catch (e) {
+    console.error('Error hydrating translations:', e);
+  }
+  return { translations, loadedNamespaces };
+};
+
+const hyd = getInitialState();
+
+const initialState = {
+  translations: hyd.translations,
+  loadedNamespaces: hyd.loadedNamespaces,
+  pageTitle: 'General',
+  translationLanguage: 'en',
+  languageMap: {},
+  loadingNamespaces: {}, // Tracks active fetches by 'langKey:namespace'
+};
+
+const TranlationSlice = createSlice({
+  name: 'TranslationReducer',
+  initialState,
+  reducers: {
+    setTranslation: (state, action) => {
+      const { namespace, keys } = action.payload;
+      const langKey = normalizeLanguageKey(action.payload.langKey);
+
+      if (!langKey) return;
+
+      if (!state.translations[langKey]) {
+        state.translations[langKey] = {};
+      }
+      if (!state.loadedNamespaces[langKey]) {
+        state.loadedNamespaces[langKey] = [];
+      }
+
+      // Nested append
+      state.translations[langKey][namespace] = keys;
+
+      // Track namespace
+      if (!state.loadedNamespaces[langKey].includes(namespace)) {
+        state.loadedNamespaces[langKey].push(namespace);
+      }
+
+      // Sync to unified local storage
+      try {
+        localStorage.setItem(
+          `translation_all_${langKey}`,
+          JSON.stringify({
+            nested: state.translations[langKey],
+            namespaces: state.loadedNamespaces[langKey],
+          })
+        );
+      } catch (e) {
+        console.error('Error syncing translations to local storage:', e);
+      }
+    },
+    setTranslationLanguage: (state, action) => {
+      const translationLanguage = normalizeLanguageKey(action.payload);
+      state.translationLanguage = translationLanguage;
+    },
+    setPageTitle: (state, action) => {
+      const pageTitle = action.payload;
+      state.pageTitle = pageTitle;
+    },
+    setlanguageMap: (state, action) => {
+      const languageMap = Object.entries(action.payload || {}).reduce((acc, [id, langKey]) => {
+        acc[id] = normalizeLanguageKey(langKey);
+        return acc;
+      }, {});
+      state.languageMap = languageMap;
+    },
+    startLoadingNamespace: (state, action) => {
+      const { namespace } = action.payload;
+      const langKey = normalizeLanguageKey(action.payload.langKey);
+      state.loadingNamespaces[`${langKey}:${namespace}`] = true;
+    },
+    finishLoadingNamespace: (state, action) => {
+      const { namespace } = action.payload;
+      const langKey = normalizeLanguageKey(action.payload.langKey);
+      delete state.loadingNamespaces[`${langKey}:${namespace}`];
+    },
+    resetStore: () => initialState,
+  },
+});
+
+export const {
+  setTranslation,
+  setTranslationLanguage,
+  setPageTitle,
+  setlanguageMap,
+  startLoadingNamespace,
+  finishLoadingNamespace,
+} = TranlationSlice.actions;
+
+export default TranlationSlice.reducer;