@argusoft/medplat-app-shell 1.0.6 → 1.0.8

package/src/store/reducers/dashboardEditorSlice.js

@@ -0,0 +1,77 @@
+import { createSlice } from '@reduxjs/toolkit';
+import { themeConfigs } from '@/utils/themeConfigs';
+import { dashboardInitialState, dashboardReducers } from '@/store/slices/dashboardSlice';
+import { dashboardPagesInitialState, dashboardPagesReducers } from '@/store/slices/dashboardPagesSlice';
+
+const initialState = {
+  dashboardTheme: {
+    currentTheme: 'DEFAULT',
+    previousTheme: 'DEFAULT',
+  },
+  themeConfig: themeConfigs.DEFAULT,
+  viewMode: 'grid',
+  viewFilterMode: 'All',
+  ...dashboardInitialState,
+  ...dashboardPagesInitialState,
+};
+
+const dashboardConfiguratorSlice = createSlice({
+  name: 'dashboardEditor',
+  initialState,
+  reducers: {
+    setDashboardTheme: (state, action) => {
+      state.dashboardTheme = action.payload;
+    },
+    setThemeConfig: (state, action) => {
+      state.themeConfig = action.payload;
+    },
+    setViewMode: (state, action) => {
+      state.viewMode = action.payload;
+    },
+    setViewFilterMode: (state, action) => {
+      state.viewFilterMode = action.payload;
+    },
+    ...dashboardReducers,
+    ...dashboardPagesReducers,
+  },
+});
+
+export const {
+  setDashboardTheme,
+  setThemeConfig,
+  setViewMode,
+  setViewFilterMode,
+  setDashboardData,
+  setBreadCrumbsStack,
+  setSelectedPageData,
+  setRootPageData,
+  setParentPageId,
+  setIsPageEditable,
+  setCardIdOfPage,
+  setIsSavePageData,
+  setCurrentPageInsightData,
+  setSelectedFiltersAndLayout,
+  setCurrentFilterValues,
+  setPassedFilterValues,
+} = dashboardConfiguratorSlice.actions;
+
+export const getDashboardTheme = (state) => state.dashboardConfigurator.dashboardTheme;
+export const getThemeConfig = (state) => state.dashboardConfigurator.themeConfig;
+export const getViewMode = (state) => state.dashboardConfigurator.viewMode;
+export const getViewFilterMode = (state) => state.dashboardConfigurator.viewFilterMode;
+//Dashboard getter
+export const getDashboardData = (state) => state.dashboardConfigurator.dashboardData;
+export const getBreadCrumbsStack = (state) => state.dashboardConfigurator.breadCrumbsStack;
+//DashboardPage getter
+export const getSelectedPageData = (state) => state.dashboardConfigurator.selectedPageData;
+export const getParentPageId = (state) => state.dashboardConfigurator.parentPageId;
+export const getIsPageEditable = (state) => state.dashboardConfigurator.isPageEditable;
+export const getCardIdOfPage = (state) => state.dashboardConfigurator.cardIdOfPage;
+export const getIsSavePageData = (state) => state.dashboardConfigurator.isSavePageData;
+export const getRootPageData = (state) => state.dashboardConfigurator.rootPageData;
+export const getCurrentPageInsightData = (state) => state.dashboardConfigurator.currentPageInsightData;
+export const getSelectedFiltersAndLayout = (state) => state.dashboardConfigurator.selectedFiltersAndLayout;
+export const getCurrentFilterValues = (state) => state.dashboardConfigurator.currentFilterValues;
+export const getPassedFilterValues = (state) => state.dashboardConfigurator.passedFilterValues;
+
+export const dashboardConfiguratorReducer = dashboardConfiguratorSlice.reducer;

package/src/store/reducers/districtHealthDashboardSlice.js

@@ -0,0 +1,58 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState = {
+  canViewAiInfo: false,
+  chatMessages: [],
+  filterOptions: {
+    firstFilterOptions: [],
+    secondFilterOptions: [],
+    selectedFirstFilter: { value: '__ALL_FIRST__', label: '' },
+    selectedSecondFilter: { value: '__ALL_SECOND__', label: '' },
+  },
+  rootLocationType: null,
+  isActionSaved: true,
+  filterContext: {},
+};
+
+const DistrictHealthDashboardSlice = createSlice({
+  name: 'districtHealthDashboard',
+  initialState,
+  reducers: {
+    setCanViewAiInfo: (state, action) => {
+      state.canViewAiInfo = action.payload;
+    },
+    setChatMessages: (state, action) => {
+      state.chatMessages = action.payload;
+    },
+    setFilterOptions: (state, action) => {
+      state.filterOptions = { ...state.filterOptions, ...action.payload };
+    },
+    setRootLocationType: (state, action) => {
+      state.rootLocationType = action.payload;
+    },
+    setIsActionSaved: (state, action) => {
+      state.isActionSaved = action.payload;
+    },
+    setFilterContext: (state, action) => {
+      state.filterContext = { ...state.filterContext, ...action.payload };
+    },
+  },
+});
+
+export const {
+  setCanViewAiInfo,
+  setChatMessages,
+  setFilterOptions,
+  setRootLocationType,
+  setIsActionSaved,
+  setFilterContext,
+} = DistrictHealthDashboardSlice.actions;
+
+export const getCanViewAiInfo = (state) => state.districtHealthDashboard.canViewAiInfo;
+export const getChatMessages = (state) => state.districtHealthDashboard.chatMessages;
+export const getFilterOptions = (state) => state.districtHealthDashboard.filterOptions;
+export const getRootLocationType = (state) => state.districtHealthDashboard.rootLocationType;
+export const getIsActionSaved = (state) => state.districtHealthDashboard.isActionSaved;
+export const getFilterContext = (state) => state.districtHealthDashboard.filterContext;
+
+export const districtHealthDashboardReducer = DistrictHealthDashboardSlice.reducer;

package/src/store/reducers/immunizationSlice.js

@@ -0,0 +1,234 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const createInitialState = () => ({
+  vaccines: [],
+  selectedVaccineIds: [],
+  views: [
+    {
+      id: 'landing',
+      name: 'Dashboard',
+    },
+    {
+      id: 'schedule-config',
+      name: 'Schedule Config',
+    },
+    {
+      id: 'summary',
+      name: 'Configuration Summary',
+    },
+  ],
+  currentViewId: 'summary',
+  scheduledVaccines: [],
+  baseDateMaster: [],
+  recipientMaster: [],
+  dbTablesMaster: [],
+  filtersMaster: [],
+  featureRights: {},
+  isConfigLoaded: false,
+  validationErrors: {},
+});
+
+const initialState = createInitialState();
+
+const upsertByIdOrCode = (items = [], incoming = {}) => {
+  const matchIndex = items.findIndex(
+    (item) =>
+      (incoming.id !== undefined && item?.id === incoming.id) ||
+      (incoming.code && item?.code === incoming.code),
+  );
+
+  if (matchIndex === -1) {
+    return [...items, incoming];
+  }
+
+  return items.map((item, index) =>
+    index === matchIndex
+      ? {
+          ...item,
+          ...incoming,
+        }
+      : item,
+  );
+};
+
+const immunizationSlice = createSlice({
+  name: 'immunization',
+  initialState,
+  reducers: {
+    toggleVaccine: (state, action) => {
+      const id = action.payload;
+      if (!Array.isArray(state.selectedVaccineIds)) state.selectedVaccineIds = [];
+
+      const index = state.selectedVaccineIds.indexOf(id);
+      if (index > -1) {
+        state.selectedVaccineIds.splice(index, 1);
+      } else {
+        state.selectedVaccineIds.push(id);
+      }
+    },
+    setVaccines: (state, action) => {
+      const vaccines = Array.isArray(action.payload) ? action.payload : [];
+      state.vaccines = vaccines;
+      if (state.selectedVaccineIds.length === 0) {
+        state.selectedVaccineIds = vaccines
+          .filter((vaccine) => vaccine.isActive)
+          .map((vaccine) => vaccine.id);
+      }
+    },
+    setSelectedVaccineIds: (state, action) => {
+      state.selectedVaccineIds = action.payload;
+    },
+    addCustomVaccine: (state, action) => {
+      const payload = action.payload || {};
+      const {
+        name,
+        vaccine_name,
+        disease,
+        target_prevention,
+        id,
+        baseDateCode,
+        base_date_code,
+        recipientType,
+        recipient_type,
+      } = payload;
+      const finalName = name || vaccine_name || 'Unnamed Vaccine';
+      const finalCategory = disease || target_prevention || 'General';
+
+      const vaccines = Array.isArray(state.vaccines) ? state.vaccines : [];
+      const validIds = vaccines.map((v) => Number(v?.id)).filter((id) => !Number.isNaN(id));
+      const nextId = validIds.length > 0 ? Math.max(...validIds) + 1 : 1;
+
+      const finalId = id || nextId;
+      const newVaccine = {
+        id: finalId,
+        name: finalName,
+        category: finalCategory,
+        doses: 0,
+        doseType: 'FIXED',
+        doseDetails: {},
+        regions: [],
+        dependencies: [],
+        isActive: payload.isActive !== undefined ? payload.isActive : false,
+        baseDateCode: baseDateCode || base_date_code || null,
+        recipientType: recipientType || recipient_type || '',
+      };
+
+      if (!Array.isArray(state.vaccines)) state.vaccines = [];
+      state.vaccines.push(newVaccine);
+    },
+    setCurrentView: (state, action) => {
+      state.currentViewId = action.payload;
+    },
+    updateScheduledVaccine: (state, action) => {
+      const updatedVaccine = action.payload;
+      const index = state.scheduledVaccines.findIndex((v) => v.id === updatedVaccine.id);
+      if (index !== -1) {
+        state.scheduledVaccines[index] = {
+          ...state.scheduledVaccines[index],
+          ...updatedVaccine,
+        };
+      } else {
+        state.scheduledVaccines.push(updatedVaccine);
+      }
+    },
+    setBaseDatesMaster: (state, action) => {
+      state.baseDateMaster = action.payload;
+    },
+    setRecipientMaster: (state, action) => {
+      state.recipientMaster = action.payload;
+    },
+    setDbTablesMaster: (state, action) => {
+      state.dbTablesMaster = action.payload;
+    },
+    setFiltersMaster: (state, action) => {
+      state.filtersMaster = action.payload;
+    },
+    upsertBaseDateMasterItem: (state, action) => {
+      state.baseDateMaster = upsertByIdOrCode(state.baseDateMaster, action.payload);
+    },
+    upsertRecipientMasterItem: (state, action) => {
+      state.recipientMaster = upsertByIdOrCode(state.recipientMaster, action.payload);
+    },
+    updateBaseDateMasterStatus: (state, action) => {
+      const { code, is_active } = action.payload;
+      state.baseDateMaster = state.baseDateMaster.map((item) =>
+        item.code === code ? { ...item, is_active } : item,
+      );
+    },
+    upsertFilterMasterItem: (state, action) => {
+      state.filtersMaster = upsertByIdOrCode(state.filtersMaster, action.payload);
+    },
+    updateFilterMasterStatus: (state, action) => {
+      const { code, is_active } = action.payload;
+      state.filtersMaster = state.filtersMaster.map((item) =>
+        item.code === code ? { ...item, is_active } : item,
+      );
+    },
+    setFeatureRights: (state, action) => {
+      state.featureRights = action.payload || {};
+    },
+    setImmunizationConfigLoaded: (state, action) => {
+      state.isConfigLoaded = action.payload;
+    },
+    resetImmunizationState: () => createInitialState(),
+    activateSelectedVaccines: (state) => {
+      state.vaccines = state.vaccines.map((v) => ({
+        ...v,
+        isActive: state.selectedVaccineIds.includes(v.id),
+      }));
+    },
+    setVaccineStatus: (state, action) => {
+      const { vaccineId, status } = action.payload;
+      const vIndex = state.vaccines.findIndex((v) => v.id === vaccineId);
+      if (vIndex !== -1) {
+        state.vaccines[vIndex].isActive = status;
+      }
+
+      if (!Array.isArray(state.selectedVaccineIds)) state.selectedVaccineIds = [];
+      const sIndex = state.selectedVaccineIds.indexOf(vaccineId);
+      if (status && sIndex === -1) {
+        state.selectedVaccineIds.push(vaccineId);
+      } else if (!status && sIndex !== -1) {
+        state.selectedVaccineIds.splice(sIndex, 1);
+      }
+    },
+    setValidationErrors: (state, action) => {
+      const { vaccineId, errors } = action.payload;
+      state.validationErrors[vaccineId] = errors;
+    },
+    clearValidationErrors: (state, action) => {
+      const vaccineId = action.payload;
+      if (vaccineId) {
+        delete state.validationErrors[vaccineId];
+      } else {
+        state.validationErrors = {};
+      }
+    },
+  },
+});
+
+export const {
+  toggleVaccine,
+  setVaccines,
+  addCustomVaccine,
+  setCurrentView,
+  updateScheduledVaccine,
+  setBaseDatesMaster,
+  setRecipientMaster,
+  setDbTablesMaster,
+  setFiltersMaster,
+  upsertBaseDateMasterItem,
+  upsertRecipientMasterItem,
+  updateBaseDateMasterStatus,
+  upsertFilterMasterItem,
+  updateFilterMasterStatus,
+  setFeatureRights,
+  setImmunizationConfigLoaded,
+  resetImmunizationState,
+  activateSelectedVaccines,
+  setSelectedVaccineIds,
+  setValidationErrors,
+  clearValidationErrors,
+  setVaccineStatus,
+} = immunizationSlice.actions;
+export default immunizationSlice.reducer;

package/src/store/slices/dashboardPagesSlice.js

@@ -0,0 +1,51 @@
+export const dashboardPagesInitialState = {
+  selectedPageData: {
+    pageId: null,
+    pageCode: '',
+  },
+  rootPageData: {
+    pageCode: '',
+    pageName: '',
+  },
+  parentPageId: null,
+  isPageEditable: true,
+  cardIdOfPage: '',
+  isSavePageData: false, //it is used when a card is being used as reference but not saved in current page.
+  currentPageInsightData: { layout: null, filters: null },
+  selectedFiltersAndLayout: { layout: null, filters: null }, //data to send it to child components
+  currentFilterValues: {}, // filterValues of current page
+  passedFilterValues: {}, //passed to childPage
+};
+
+export const dashboardPagesReducers = {
+  setSelectedPageData: (state, action) => {
+    state.selectedPageData = { ...state.selectedPageData, ...action.payload };
+  },
+  setRootPageData: (state, action) => {
+    state.rootPageData = { ...state.rootPageData, ...action.payload };
+  },
+  setParentPageId: (state, action) => {
+    state.parentPageId = action.payload;
+  },
+  setIsPageEditable: (state, action) => {
+    state.isPageEditable = action.payload;
+  },
+  setCardIdOfPage: (state, action) => {
+    state.cardIdOfPage = action.payload;
+  },
+  setIsSavePageData: (state, action) => {
+    state.isSavePageData = action.payload;
+  },
+  setCurrentPageInsightData: (state, action) => {
+    state.currentPageInsightData = { ...state.currentPageInsightData, ...action.payload };
+  },
+  setSelectedFiltersAndLayout: (state, action) => {
+    state.selectedFiltersAndLayout = { ...state.selectedFiltersAndLayout, ...action.payload };
+  },
+  setCurrentFilterValues: (state, action) => {
+    state.currentFilterValues = { ...state.currentFilterValues, ...action.payload };
+  },
+  setPassedFilterValues: (state, action) => {
+    state.passedFilterValues = { ...state.passedFilterValues, ...action.payload };
+  },
+};

package/src/store/slices/dashboardSlice.js

@@ -0,0 +1,14 @@
+export const dashboardInitialState = {
+  dashboardData: { dashboardCode: '', mainPageCode: '', pageCodes: [] },
+  breadCrumbsStack: [],
+};
+
+export const dashboardReducers = {
+  setDashboardData: (state, action) => {
+    state.dashboardData = { ...state.dashboardData, ...action.payload };
+  },
+
+  setBreadCrumbsStack: (state, action) => {
+    state.breadCrumbsStack = action.payload;
+  },
+};