CM-854: display missing config dialog

src/actions.js

@@ -1,14 +1,21 @@
 import {
   graphql, formatMutation, formatPageQueryWithCount, formatGQLString, formatPageQuery,
-  baseApiUrl, decodeId, openBlob
+  baseApiUrl, decodeId, openBlob, formatQuery,
 } from "@openimis/fe-core";
+import {ACTION_TYPE} from "./reducer";
+
+const GRIEVANCE_CONFIGURATION_PROJECTION = () => [
+  'grievanceTypes',
+  'grievanceFlags',
+  'grievanceChannels',
+];
 
 const CATEGORY_FULL_PROJECTION = (mm) => [
   "id",
   "uuid",
   "categoryTitle",
   "slug",
   "validityFrom",
   "validityTo",
 ];
 
@@ -149,7 +156,7 @@
 }
 
 export function createTicketAttachment(ticketattachment, clientMutationLabel) {
   console.log("_ _ _ _ _ _ _ _ _ _", ticketattachment);
   let mutation = formatMutation("createTicketAttachment", formatTicketAttachmentGQL(ticketattachment), clientMutationLabel);
   var requestedDateTime = new Date();
   return graphql(mutation.payload, ["TICKET_ATTACHMENT_MUTATION_REQ", "TICKET_CREATE_TICKET_ATTACHMENT_RESP", "TICKET_ATTACHMENT_MUTATION_ERR"], {
@@ -212,7 +219,6 @@
   return graphql(payload, 'TICKET_TICKET');
 }
 
-
 export function fetchInsureeTickets(mm, filters) {
   if (filters.filter((f) => f.startsWith("chfId")).length !== 0) {
     qry = "ticketsByInsuree";
@@ -225,3 +231,8 @@
   );
   return graphql(payload, RDX);
 }
+
+export function fetchGrievanceConfiguration(params) {
+  const payload = formatQuery('grievanceConfig', params, GRIEVANCE_CONFIGURATION_PROJECTION())
+  return graphql(payload, ACTION_TYPE.GET_GRIEVANCE_CONFIGURATION);
+}

src/constants.js

@@ -1,9 +1,11 @@
-export const TICKET_STATUS =  ["Waiting", "Todo", "Inprogress", "Review", "Close"]
+export const TICKET_STATUS = ['Waiting', 'Todo', 'Inprogress', 'Review', 'Close'];
 
-export const TICKET_PRIORITY = ["Critical", "High", "Normal", "Low"]
+export const TICKET_PRIORITY = ['Critical', 'High', 'Normal', 'Low'];
 
 export const RIGHT_TICKET = 123000;
 export const RIGHT_TICKET_SEARCH = 123000;
 export const RIGHT_TICKET_ADD = 123001;
 export const RIGHT_TICKET_EDIT = 123002;
-export const RIGHT_TICKET_DELETE = 123003;
+export const RIGHT_TICKET_DELETE = 123003;
+
+export const MODULE_NAME = 'grievanceSocialProtection';

src/dialogs/GrievanceConfigurationDialog.js

@@ -0,0 +1,68 @@
+import React, { useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import {
+  coreAlert,
+  useModulesManager,
+  useTranslations,
+} from '@openimis/fe-core';
+import { fetchGrievanceConfiguration } from '../actions';
+import {
+  MODULE_NAME,
+  RIGHT_TICKET,
+  RIGHT_TICKET_ADD,
+  RIGHT_TICKET_DELETE,
+  RIGHT_TICKET_EDIT,
+  RIGHT_TICKET_SEARCH,
+} from '../constants';
+
+function GrievanceConfigurationDialog({
+  rights,
+}) {
+  const modulesManager = useModulesManager();
+  const { formatMessage, formatMessageWithValues } = useTranslations(MODULE_NAME, modulesManager);
+  const dispatch = useDispatch();
+  const grievanceConfiguration = useSelector((state) => state?.grievanceSocialProtection?.grievanceConfig);
+  const fetchedGrievanceConfig = useSelector((state) => state?.grievanceSocialProtection?.fetchedGrievanceConfig);
+
+  const doesUserHaveRights = () => {
+    const rightsArray = [
+      RIGHT_TICKET,
+      RIGHT_TICKET_SEARCH,
+      RIGHT_TICKET_ADD,
+      RIGHT_TICKET_EDIT,
+      RIGHT_TICKET_DELETE,
+    ];
+    return rightsArray.every((right) => rights.includes(right));
+  };
+  const isMatchingConfigObject = (obj) => !(typeof obj !== 'object' || obj === null || Array.isArray(obj));
+
+  const isConfigMissing = (config) => Object.values(config).some((field) => !field);
+
+  const shouldDisplay = () => grievanceConfiguration
+        && doesUserHaveRights()
+        && isMatchingConfigObject(grievanceConfiguration)
+        && isConfigMissing(grievanceConfiguration);
+
+  useEffect(() => {
+    if (shouldDisplay()) {
+      const configString = JSON.stringify(grievanceConfiguration);
+      dispatch(coreAlert(
+        formatMessage('grievanceSocialProtection.dialogs.GrievanceConfigurationDialog.dialogHeader'),
+        formatMessageWithValues(
+          'grievanceSocialProtection.dialogs.GrievanceConfigurationDialog.dialogBody',
+          { configString },
+        ),
+      ));
+    }
+  }, [grievanceConfiguration]);
+
+  useEffect(() => {
+    if (!fetchedGrievanceConfig) {
+      dispatch(fetchGrievanceConfiguration());
+    }
+  }, [fetchedGrievanceConfig]);
+
+  return null;
+}
+
+export default GrievanceConfigurationDialog;

src/index.js

@@ -1,54 +1,56 @@
-import React from "react";
-import messages_en from "./translations/en.json";
-import reducer from "./reducer";
-import { ListAlt } from "@material-ui/icons";
-import { FormattedMessage } from "@openimis/fe-core";
-import TicketMainMenu from "./menu/TicketMainMenu";
-import TicketsPage from "./pages/TicketsPage";
-import TicketPage from "./pages/TicketPage";
-import TicketSearcher from "./components/TicketSearcher";
-import TicketPriorityPicker from "./pickers/TicketPriorityPicker";
-import TicketStatusPicker from "./pickers/TicketStatusPicker";
-import DropDownCategoryPicker from "./pickers/DropDownCategoryPicker";
-import CategoryPicker from "./pickers/CategoryPicker";
-
-const ROUTE_TICKET_TICKETS = "ticket/tickets";
-const ROUTE_TICKET_TICKET = "ticket/ticket";
+// Disable due to core architecture
+/* eslint-disable camelcase */
+/* eslint-disable import/prefer-default-export */
+import React from 'react';
+import { ListAlt } from '@material-ui/icons';
+import { FormattedMessage } from '@openimis/fe-core';
+import messages_en from './translations/en.json';
+import reducer from './reducer';
+import TicketMainMenu from './menu/TicketMainMenu';
+import TicketsPage from './pages/TicketsPage';
+import TicketPage from './pages/TicketPage';
+import TicketSearcher from './components/TicketSearcher';
+import TicketPriorityPicker from './pickers/TicketPriorityPicker';
+import TicketStatusPicker from './pickers/TicketStatusPicker';
+import DropDownCategoryPicker from './pickers/DropDownCategoryPicker';
+import CategoryPicker from './pickers/CategoryPicker';
+import GrievanceConfigurationDialog from './dialogs/GrievanceConfigurationDialog';
+import { MODULE_NAME } from './constants';
+
+const ROUTE_TICKET_TICKETS = 'ticket/tickets';
+const ROUTE_TICKET_TICKET = 'ticket/ticket';
 
 const DEFAULT_CONFIG = {
-  "translations": [{ key: "en", messages: messages_en }],
-  "reducers": [{ key: 'grievance', reducer }],
+  translations: [{ key: 'en', messages: messages_en }],
+  reducers: [{ key: 'grievanceSocialProtection', reducer }],
 
-  "refs": [
-    { key: "grievance.route.tickets", ref: ROUTE_TICKET_TICKETS },
-    { key: "grievance.route.ticket", ref: ROUTE_TICKET_TICKET },
+  refs: [
+    { key: 'grievanceSocialProtection.route.tickets', ref: ROUTE_TICKET_TICKETS },
+    { key: 'grievanceSocialProtection.route.ticket', ref: ROUTE_TICKET_TICKET },
 
-    { key: "grievance.route.ticketSearcher", ref: TicketSearcher },
+    { key: 'grievanceSocialProtection.route.ticketSearcher', ref: TicketSearcher },
 
-    { key: "grievance.TicketStatusPicker", ref: TicketStatusPicker },
-    { key: "grievance.TicketPriorityPicker", ref: TicketPriorityPicker },
-    { key: "grievance.DropDownCategoryPicker", ref: DropDownCategoryPicker },
-    { key: "grievance.CategoryPicker", ref: CategoryPicker },
+    { key: 'grievanceSocialProtection.TicketStatusPicker', ref: TicketStatusPicker },
+    { key: 'grievanceSocialProtection.TicketPriorityPicker', ref: TicketPriorityPicker },
+    { key: 'grievanceSocialProtection.DropDownCategoryPicker', ref: DropDownCategoryPicker },
+    { key: 'grievanceSocialProtection.CategoryPicker', ref: CategoryPicker },
+    { key: 'grievanceSocialProtection.GrievanceConfigurationDialog', ref: GrievanceConfigurationDialog },
 
   ],
-  "core.Router": [
+  'core.Router': [
     { path: ROUTE_TICKET_TICKETS, component: TicketsPage },
-    { path: ROUTE_TICKET_TICKET+ "/:ticket_uuid?", component: TicketPage },
+    { path: `${ROUTE_TICKET_TICKET}/:ticket_uuid?`, component: TicketPage },
   ],
 
-  "admin.MainMenu": [
+  'admin.MainMenu': [
     {
-      text: <FormattedMessage module="grievance" id="menu.ticket" />,
+      text: <FormattedMessage module={MODULE_NAME} id="menu.ticket" />,
       icon: <ListAlt />,
-      route: "/" + ROUTE_TICKET_TICKETS,
+      route: `/${ROUTE_TICKET_TICKETS}`,
     },
   ],
-  "core.MainMenu": [TicketMainMenu],
-
-
-}
+  'core.MainMenu': [TicketMainMenu],
 
-export const GrievanceSocialProtectionModule = (cfg) => {
-  return { ...DEFAULT_CONFIG, ...cfg };
-}
+};
 
+export const GrievanceSocialProtectionModule = (cfg) => ({ ...DEFAULT_CONFIG, ...cfg });