@asaleh37/ui-base 1.2.30 → 25.1.9

package/src/components/administration/dev/MailSenderConfigGrid.tsx

@@ -1,478 +1,480 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import {
-  FormActionProps,
-  FormElementProps,
-} from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import { useApiActions } from "../../../hooks";
-import { UseFormReturn } from "react-hook-form";
-
-type ValidationCritria = {
-  isVisible: boolean;
-  isMandatory: boolean;
-};
-
-export type EngineType = "Gmail" | "Azure";
-
-type ReportValidationOptions = {
-  mailHost: ValidationCritria;
-  mailPort: ValidationCritria;
-  mailUsername: ValidationCritria;
-  mailPassword: ValidationCritria;  
-  mailProtocol: ValidationCritria;
-  isMailSmtpAuthEnabled: ValidationCritria;
-  isMailStarttlsEnabled: ValidationCritria;
-  isSmtpSSlEnabled: ValidationCritria;
-  azureGraphApiClientId: ValidationCritria;
-  azureGraphApiClientSecret: ValidationCritria;
-  azureGraphApiTenantId: ValidationCritria;
-  azureGraphApiScope: ValidationCritria;
-  azureGraphApiEmailId: ValidationCritria;
-};
-
-type validationObjectType = {
-  [key in EngineType]: ReportValidationOptions;
-};
-
-const validationObject: validationObjectType = {
-  Gmail: {
-    mailHost: { isMandatory: true, isVisible: true },
-    mailPort: { isMandatory: true, isVisible: true },
-    mailUsername: { isMandatory: true, isVisible: true },
-    mailPassword: { isMandatory: true, isVisible: true },    
-    mailProtocol: { isMandatory: true, isVisible: true },
-    isMailSmtpAuthEnabled: { isMandatory: true, isVisible: true },
-    isMailStarttlsEnabled: { isMandatory: true, isVisible: true },
-    isSmtpSSlEnabled: { isMandatory: true, isVisible: true },
-    azureGraphApiClientId: { isMandatory: false, isVisible: false },
-    azureGraphApiClientSecret: { isMandatory: false, isVisible: false },
-    azureGraphApiTenantId: { isMandatory: false, isVisible: false },
-    azureGraphApiScope: { isMandatory: false, isVisible: false },
-    azureGraphApiEmailId: { isMandatory: false, isVisible: false },
-  },
-  Azure: {
-    mailHost: { isMandatory: false, isVisible: false },
-    mailPort: { isMandatory: false, isVisible: false },
-    mailUsername: { isMandatory: false, isVisible: false },
-    mailPassword: { isMandatory: false, isVisible: false },    
-    mailProtocol: { isMandatory: false, isVisible: false },
-    isMailSmtpAuthEnabled: { isMandatory: false, isVisible: false },
-    isMailStarttlsEnabled: { isMandatory: false, isVisible: false },
-    isSmtpSSlEnabled: { isMandatory: false, isVisible: false },
-    azureGraphApiClientId: { isMandatory: true, isVisible: true },
-    azureGraphApiClientSecret: { isMandatory: true, isVisible: true },
-    azureGraphApiTenantId: { isMandatory: true, isVisible: true },
-    azureGraphApiScope: { isMandatory: true, isVisible: true },
-    azureGraphApiEmailId: { isMandatory: true, isVisible: true },
-  },
-};
-
-const adjustFormAccordingToEngineType = (
-  value: any,
-  formActions: FormActionProps,
-  formManager: UseFormReturn
-) => {
-  if (value && validationObject[value]) {
-    const validationObjects: ReportValidationOptions = validationObject[value];
-    const fields = Object.keys(validationObjects);
-    for (const field of fields) {
-      const validationCritria: ValidationCritria = validationObjects[field];
-      if (validationCritria.isVisible) {
-        formActions.showField(field);
-      } else {
-        formActions.hideField(field);
-        formManager.setValue(field, null);
-      }
-    }
-  } else {
-    formActions.hideField("mailHost");
-    formManager.setValue("mailHost", null);
-    formActions.hideField("mailPort");
-    formManager.setValue("mailPort", null);
-    formActions.hideField("mailUsername");
-    formManager.setValue("mailUsername", null);
-    formActions.hideField("mailPassword");
-    formManager.setValue("mailPassword", null);    
-    formActions.hideField("mailProtocol");
-    formManager.setValue("mailProtocol", null);
-    formActions.hideField("isMailSmtpAuthEnabled");
-    formManager.setValue("isMailSmtpAuthEnabled", null);
-    formActions.hideField("isMailStarttlsEnabled");
-    formManager.setValue("isMailStarttlsEnabled", null);
-    formActions.hideField("isSmtpSSlEnabled");
-    formManager.setValue("isSmtpSSlEnabled", null);
-    formActions.hideField("azureGraphApiClientId");
-    formManager.setValue("azureGraphApiClientId", null);
-    formActions.hideField("azureGraphApiClientSecret");
-    formManager.setValue("azureGraphApiClientSecret", null);
-    formActions.hideField("azureGraphApiTenantId");
-    formManager.setValue("azureGraphApiTenantId", null);
-    formActions.hideField("azureGraphApiScope");
-    formManager.setValue("azureGraphApiScope", null);
-    formActions.hideField("azureGraphApiEmailId");
-    formManager.setValue("azureGraphApiEmailId", null);
-  }
-};
-
-const MailSenderConfigGrid: React.FC = () => {
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    findAll: "api/v1/dev/mailsenderconfig/all",
-    deleteById: "api/v1/dev/mailsenderconfig",
-    save: "api/v1/dev/mailsenderconfig",
-    findById: "api/v1/dev/mailsenderconfig",
-    setData: setData,
-  });
-
-  const formElements: Array<FormElementProps> = [
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "id",
-        fieldName: "id",
-        fieldType: "number",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "createTime",
-        fieldName: "createTime",
-        fieldType: "datetime",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "createdBy",
-        fieldName: "createdBy",
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "lastUpdateBy",
-        fieldName: "lastUpdateBy",
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "lastUpdateTime",
-        fieldName: "lastUpdateTime",
-        fieldType: "datetime",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Name",
-        fieldName: "configName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Engine",
-        fieldName: "mailEngine",
-        required: true,
-        fieldType: "combobox",
-        options: [{ value: "Gmail" }, { value: "Azure" }],
-        optionDisplayField: "value",
-        optionValueField: "value",
-        formProps: {
-          onValueChangeCallBack(
-            value,
-            formManager,
-            formActions,
-            selectedRecord
-          ) {
-            adjustFormAccordingToEngineType(value, formActions, formManager);
-          },
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Hostname",
-        fieldName: "mailHost",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "port",
-        fieldName: "mailPort",
-        required: false,
-        fieldType: "number",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "username",
-        fieldName: "mailUsername",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "password",
-        fieldName: "mailPassword",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Workflow Approval Receive Email",
-        fieldName: "workFlowApprovalReceiveEmail",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Protocol",
-        fieldName: "mailProtocol",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Enable Smtp Auth",
-        fieldName: "isMailSmtpAuthEnabled",
-        required: false,
-        fieldType: "checkbox",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Enable Start TLS",
-        fieldName: "isMailStarttlsEnabled",
-        required: false,
-        fieldType: "checkbox",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Enable SSL",
-        fieldName: "isSmtpSSlEnabled",
-        required: false,
-        fieldType: "checkbox",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Azure Graph API Client Id",
-        fieldName: "azureGraphApiClientId",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Azure Graph API Secret",
-        fieldName: "azureGraphApiClientSecret",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Azure Graph API Tenant Id",
-        fieldName: "azureGraphApiTenantId",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Azure Graph API Scope",
-        fieldName: "azureGraphApiScope",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Azure Graph API Email Id",
-        fieldName: "azureGraphApiEmailId",
-        required: false,
-        fieldType: "text",
-        hidden: true,
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Default",
-        fieldName: "isDefault",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Active",
-        fieldName: "isActive",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <TemplateGrid
-      apiActions={apiActions}
-      data={data}
-      setData={setData}
-      editMode={{
-        editMode: "modal",
-        specs: {
-          modalIcon: { iconName: "paper-plane", prefix: "fas" },
-          modalTitle: "Mail Sender Configuration",
-          modalWidth: 300,
-        },
-      }}
-      formElements={formElements}
-      keyColumnName={"id"}
-      gridTitle={t("Mail Sender Configuration")}
-      girdIcon={{ iconName: "paper-plane", prefix: "fas" }}
-      editAction={{ isEnabled: true, authority: "MAIL_SENDER_CONFIG_EDIT" }}
-      deleteAction={{ isEnabled: true, authority: "MAIL_SENDER_CONFIG_DELETE" }}
-      formLoadCallBk={(
-        formActions: FormActionProps,
-        formManager: UseFormReturn,
-        record: any
-      ) => {
-        adjustFormAccordingToEngineType(
-          record.mailEngine,
-          formActions,
-          formManager
-        );
-      }}
-    />
-  );
-};
-
-export default MailSenderConfigGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import {
+  FormActionProps,
+  FormElementProps,
+} from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions } from "../../../hooks";
+import { UseFormReturn } from "react-hook-form";
+
+type ValidationCritria = {
+  isVisible: boolean;
+  isMandatory: boolean;
+};
+
+export type EngineType = "Gmail" | "Azure";
+
+type ReportValidationOptions = {
+  mailHost: ValidationCritria;
+  mailPort: ValidationCritria;
+  mailUsername: ValidationCritria;
+  mailPassword: ValidationCritria;  
+  mailProtocol: ValidationCritria;
+  isMailSmtpAuthEnabled: ValidationCritria;
+  isMailStarttlsEnabled: ValidationCritria;
+  isSmtpSSlEnabled: ValidationCritria;
+  azureGraphApiClientId: ValidationCritria;
+  azureGraphApiClientSecret: ValidationCritria;
+  azureGraphApiTenantId: ValidationCritria;
+  azureGraphApiScope: ValidationCritria;
+  azureGraphApiEmailId: ValidationCritria;
+};
+
+type validationObjectType = {
+  [key in EngineType]: ReportValidationOptions;
+};
+
+const validationObject: validationObjectType = {
+  Gmail: {
+    mailHost: { isMandatory: true, isVisible: true },
+    mailPort: { isMandatory: true, isVisible: true },
+    mailUsername: { isMandatory: true, isVisible: true },
+    mailPassword: { isMandatory: true, isVisible: true },    
+    mailProtocol: { isMandatory: true, isVisible: true },
+    isMailSmtpAuthEnabled: { isMandatory: true, isVisible: true },
+    isMailStarttlsEnabled: { isMandatory: true, isVisible: true },
+    isSmtpSSlEnabled: { isMandatory: true, isVisible: true },
+    azureGraphApiClientId: { isMandatory: false, isVisible: false },
+    azureGraphApiClientSecret: { isMandatory: false, isVisible: false },
+    azureGraphApiTenantId: { isMandatory: false, isVisible: false },
+    azureGraphApiScope: { isMandatory: false, isVisible: false },
+    azureGraphApiEmailId: { isMandatory: false, isVisible: false },
+  },
+  Azure: {
+    mailHost: { isMandatory: false, isVisible: false },
+    mailPort: { isMandatory: false, isVisible: false },
+    mailUsername: { isMandatory: false, isVisible: false },
+    mailPassword: { isMandatory: false, isVisible: false },    
+    mailProtocol: { isMandatory: false, isVisible: false },
+    isMailSmtpAuthEnabled: { isMandatory: false, isVisible: false },
+    isMailStarttlsEnabled: { isMandatory: false, isVisible: false },
+    isSmtpSSlEnabled: { isMandatory: false, isVisible: false },
+    azureGraphApiClientId: { isMandatory: true, isVisible: true },
+    azureGraphApiClientSecret: { isMandatory: true, isVisible: true },
+    azureGraphApiTenantId: { isMandatory: true, isVisible: true },
+    azureGraphApiScope: { isMandatory: true, isVisible: true },
+    azureGraphApiEmailId: { isMandatory: true, isVisible: true },
+  },
+};
+
+const adjustFormAccordingToEngineType = (
+  value: any,
+  formActions: FormActionProps,
+  formManager: UseFormReturn
+) => {
+  if (value && validationObject[value]) {
+    const validationObjects: ReportValidationOptions = validationObject[value];
+    const fields = Object.keys(validationObjects);
+    for (const field of fields) {
+      const validationCritria: ValidationCritria = validationObjects[field];
+      if (validationCritria.isVisible) {
+        formActions.showField(field);
+      } else {
+        formActions.hideField(field);
+        formManager.setValue(field, null);
+      }
+    }
+  } else {
+    formActions.hideField("mailHost");
+    formManager.setValue("mailHost", null);
+    formActions.hideField("mailPort");
+    formManager.setValue("mailPort", null);
+    formActions.hideField("mailUsername");
+    formManager.setValue("mailUsername", null);
+    formActions.hideField("mailPassword");
+    formManager.setValue("mailPassword", null);    
+    formActions.hideField("mailProtocol");
+    formManager.setValue("mailProtocol", null);
+    formActions.hideField("isMailSmtpAuthEnabled");
+    formManager.setValue("isMailSmtpAuthEnabled", null);
+    formActions.hideField("isMailStarttlsEnabled");
+    formManager.setValue("isMailStarttlsEnabled", null);
+    formActions.hideField("isSmtpSSlEnabled");
+    formManager.setValue("isSmtpSSlEnabled", null);
+    formActions.hideField("azureGraphApiClientId");
+    formManager.setValue("azureGraphApiClientId", null);
+    formActions.hideField("azureGraphApiClientSecret");
+    formManager.setValue("azureGraphApiClientSecret", null);
+    formActions.hideField("azureGraphApiTenantId");
+    formManager.setValue("azureGraphApiTenantId", null);
+    formActions.hideField("azureGraphApiScope");
+    formManager.setValue("azureGraphApiScope", null);
+    formActions.hideField("azureGraphApiEmailId");
+    formManager.setValue("azureGraphApiEmailId", null);
+  }
+};
+
+const MailSenderConfigGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/mailsenderconfig/all",
+    deleteById: "api/v1/dev/mailsenderconfig",
+    save: "api/v1/dev/mailsenderconfig",
+    findById: "api/v1/dev/mailsenderconfig",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "id",
+        fieldName: "id",
+        fieldType: "number",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createTime",
+        fieldName: "createTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createdBy",
+        fieldName: "createdBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateBy",
+        fieldName: "lastUpdateBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateTime",
+        fieldName: "lastUpdateTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Name",
+        fieldName: "configName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Engine",
+        fieldName: "mailEngine",
+        required: true,
+        fieldType: "combobox",
+        comboboxValueDataType: "string",
+        options: [{ value: "Gmail" }, { value: "Azure" }],
+        optionDisplayField: "value",
+        optionValueField: "value",
+        formProps: {
+          onValueChangeCallBack(
+            formValues,
+            value,
+            formManager,
+            formActions,
+            selectedRecord
+          ) {
+            adjustFormAccordingToEngineType(value, formActions, formManager);
+          },
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Hostname",
+        fieldName: "mailHost",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "port",
+        fieldName: "mailPort",
+        required: false,
+        fieldType: "number",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "username",
+        fieldName: "mailUsername",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "password",
+        fieldName: "mailPassword",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Workflow Approval Receive Email",
+        fieldName: "workFlowApprovalReceiveEmail",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Protocol",
+        fieldName: "mailProtocol",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Enable Smtp Auth",
+        fieldName: "isMailSmtpAuthEnabled",
+        required: false,
+        fieldType: "checkbox",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Enable Start TLS",
+        fieldName: "isMailStarttlsEnabled",
+        required: false,
+        fieldType: "checkbox",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Enable SSL",
+        fieldName: "isSmtpSSlEnabled",
+        required: false,
+        fieldType: "checkbox",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Azure Graph API Client Id",
+        fieldName: "azureGraphApiClientId",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Azure Graph API Secret",
+        fieldName: "azureGraphApiClientSecret",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Azure Graph API Tenant Id",
+        fieldName: "azureGraphApiTenantId",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Azure Graph API Scope",
+        fieldName: "azureGraphApiScope",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Azure Graph API Email Id",
+        fieldName: "azureGraphApiEmailId",
+        required: false,
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Default",
+        fieldName: "isDefault",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Active",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{
+        editMode: "modal",
+        specs: {
+          modalIcon: { iconName: "paper-plane", prefix: "fas" },
+          modalTitle: "Mail Sender Configuration",
+          modalWidth: 300,
+        },
+      }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("Mail Sender Configuration")}
+      girdIcon={{ iconName: "paper-plane", prefix: "fas" }}
+      editAction={{ isEnabled: true, authority: "MAIL_SENDER_CONFIG_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "MAIL_SENDER_CONFIG_DELETE" }}
+      formLoadCallBk={(
+        formActions: FormActionProps,
+        formManager: UseFormReturn,
+        record: any
+      ) => {
+        adjustFormAccordingToEngineType(
+          record.mailEngine,
+          formActions,
+          formManager
+        );
+      }}
+    />
+  );
+};
+
+export default MailSenderConfigGrid;