(feat) Add configuration option to disable group sessions for specific form (#104)

Author: icrc-jofrancisco

Diff for: src/config-schema.ts

@@ -26,6 +26,11 @@ export const configSchema = {
             _type: Type.String,
             _description: 'Name of form',
           },
+          disableGroupSession: {
+            _type: Type.Boolean,
+            _description: 'Disable group sessions for this form',
+            _default: false,
+          },
         },
       },
     },
@@ -36,6 +41,7 @@ export const configSchema = {
           {
             formUUID: '0cefb866-110c-4f16-af58-560932a1db1f',
             name: 'Adult Triage',
+            disableGroupSession: false,
           },
         ],
       },
@@ -45,6 +51,7 @@ export const configSchema = {
           {
             formUUID: '9f26aad4-244a-46ca-be49-1196df1a8c9a',
             name: 'POC Sample Form 1',
+            disableGroupSession: false,
           },
         ],
       },
@@ -126,6 +133,7 @@ export const configSchema = {
 export type Form = {
   formUUID: Type.UUID;
   name: Type.String;
+  disableGroupSession: Type.Boolean;
 };
 
 export type Category = {

Diff for: src/forms-page/FormsPage.tsx

@@ -24,25 +24,37 @@ export const getFormPermissions = (forms) => {
   return output;
 };
 
-// Function adds `id` field to rows so they will be accepted by DataTable
-// "display" is prefered for display name if present, otherwise fall back on "name'"
-const prepareRowsForTable = (rawFormData) => {
-  if (rawFormData) {
-    return rawFormData?.map((form) => ({
-      ...form,
-      id: form.uuid,
-      display: form.display || form.name,
-    }));
-  }
-  return null;
+/**
+ * Prepares the raw form data to be used in a DataTable.
+ * Adds an `id` field based on the `uuid` property of the form.
+ * Sets the `display` field based on the `display` property if present, otherwise falls back to the `name` field.
+ * Also attaches the `disableGroupSession` flag from form categories config, if available.
+ *
+ * @param {Array} rawFormData
+ * @param {Array} formCategories
+ * @returns {Array}
+ */
+const prepareRowsForTable = (rawFormData = [], formCategories = []) => {
+  const formCategoryMap = new Map(
+    formCategories.flatMap(({ forms }) =>
+      forms.map(({ formUUID, disableGroupSession }) => [formUUID, disableGroupSession]),
+    ),
+  );
+
+  return rawFormData.map((form) => ({
+    ...form,
+    id: form.uuid,
+    display: form.display || form.name,
+    disableGroupSession: formCategoryMap.get(form.uuid),
+  }));
 };
 
 const FormsPage = () => {
   const config = useConfig();
   const { t } = useTranslation();
   const { formCategories, formCategoriesToShow } = config;
   const { forms, isLoading, error } = useGetAllForms();
-  const cleanRows = prepareRowsForTable(forms);
+  const cleanRows = prepareRowsForTable(forms, formCategories);
   const { user } = useSession();
   const savedFormsData = localStorage.getItem(fdeWorkflowStorageName + ':' + user?.uuid);
   const savedGroupFormsData = localStorage.getItem(fdeGroupWorkflowStorageName + ':' + user?.uuid);

Diff for: src/forms-page/forms-table/FormsTable.tsx

@@ -45,7 +45,7 @@ const FormsTable = ({ rows, error, isLoading, activeForms, activeGroupForms }) =
         {activeForms.includes(row.uuid) ? t('resumeSession', 'Resume Session') : t('fillForm', 'Fill Form')}
       </Link>
     ),
-    actions2: (
+    actions2: !row.disableGroupSession && (
       <Link to={`groupform/${row.uuid}`}>
         {activeGroupForms.includes(row.uuid)
           ? t('resumeGroupSession', 'Resume Group Session')