@asaleh37/ui-base 1.2.3 → 1.2.5

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

@@ -0,0 +1,169 @@
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions } from "../../../hooks";
+import { isValidEmail } from "../../../util";
+import { toast } from "react-toastify";
+
+type MailRecipientGridProps = {
+  selectedRecord: any;
+  callBkFn: () => void;
+};
+
+const MailRecipientGrid: React.FC<MailRecipientGridProps> = (props) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/mailrecipient/all",
+    deleteById: "api/v1/dev/mailrecipient",
+    save: "api/v1/dev/mailrecipient",
+    findById: "api/v1/dev/mailrecipient",
+    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: "MAIL_RECIPIENT_MAIL_TEMPLATE_ID",
+        fieldName: "mailTemplateId",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_RECIPIENT_RECIPIENT_TYPE",
+        fieldName: "recipientType",
+        required: true,
+        fieldType: "combobox",
+        options: [{ value: "To" }, { value: "CC" }],
+        optionDisplayField: "value",
+        optionValueField: "value",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_RECIPIENT_RECIPIENT_MAIL",
+        fieldName: "recipientMail",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_RECIPIENT_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      hideInfoBar={true}
+      gridLoadParametersValues={{mailTemplateId:props.selectedRecord.id}}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("MAIL_RECIPIENT_PLURAL")}
+      girdIcon="users"
+      editAction={{
+        isEnabled: true,
+        authority: "MAIL_RECIPIENT_EDIT",
+        preActionValidation: (record) => {
+          if (record?.recipientMail && !isValidEmail(record.recipientMail)) {
+            toast.error("You must enter a valid email address");
+            return false;
+          }
+          record.mailTemplateId = props.selectedRecord.id;
+          return true;
+        },
+      }}
+      deleteAction={{ isEnabled: true, authority: "MAIL_RECIPIENT_DELETE" }}
+    />
+  );
+};
+
+export default MailRecipientGrid;

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

@@ -0,0 +1,478 @@
+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;