@undp/carbon-library 1.0.122 → 1.0.123

package/dist/cjs/types/Definitions/Enums/document.type.d.ts

@@ -2,5 +2,6 @@ export declare enum DocType {
     DESIGN_DOCUMENT = "0",
     METHODOLOGY_DOCUMENT = "1",
     MONITORING_REPORT = "2",
-    VERIFICATION_REPORT = "3"
+    VERIFICATION_REPORT = "3",
+    ENVIRONMENTAL_IMPACT_ASSESSMENT = "7"
 }

package/dist/cjs/types/Utils/DocumentValidator.d.ts

@@ -1 +1 @@
-export declare const isValidateFileType: (fileType: string) => boolean;
+export declare const isValidateFileType: (fileType: string, docType?: string) => boolean;

package/dist/esm/index.js

@@ -4427,6 +4427,7 @@ var DocType;
     DocType["METHODOLOGY_DOCUMENT"] = "1";
     DocType["MONITORING_REPORT"] = "2";
     DocType["VERIFICATION_REPORT"] = "3";
+    DocType["ENVIRONMENTAL_IMPACT_ASSESSMENT"] = "7";
 })(DocType || (DocType = {}));
 
 var DocumentStatus;
@@ -11823,8 +11824,19 @@ var allowedFileTypes = [
     "image/png",
     "image/jpeg"
 ];
-var isValidateFileType = function (fileType) {
-    return allowedFileTypes.includes(fileType);
+var environmentalImpactAssessmentAllowedTypes = [
+    "application/pdf",
+    "application/msword",
+    "image/png",
+    "image/jpeg"
+];
+var isValidateFileType = function (fileType, docType) {
+    if (docType === DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT) {
+        return environmentalImpactAssessmentAllowedTypes.includes(fileType);
+    }
+    else {
+        return allowedFileTypes.includes(fileType);
+    }
 };
 
 var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
@@ -12113,10 +12125,10 @@ var ProgrammeCreationComponent = function (props) {
         setCurrent(current - 1);
     };
     var onFinishStepOne = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var programmeDetails, ownershipPercentage, totalPercentage, proponentPercentages, proponentTxIds, logoBase64, propTaxIds, duplicateIds;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var programmeDetails, ownershipPercentage, totalPercentage, proponentPercentages, proponentTxIds, logoBase64, environmentalImpactAssessmentData, propTaxIds, duplicateIds;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
                 case 0:
                     setLoading(true);
                     ownershipPercentage = values === null || values === void 0 ? void 0 : values.ownershipPercentage;
@@ -12130,9 +12142,16 @@ var ProgrammeCreationComponent = function (props) {
                     if (!(((_a = values === null || values === void 0 ? void 0 : values.designDocument) === null || _a === void 0 ? void 0 : _a.length) > 0)) return [3 /*break*/, 2];
                     return [4 /*yield*/, getBase64((_b = values === null || values === void 0 ? void 0 : values.designDocument[0]) === null || _b === void 0 ? void 0 : _b.originFileObj)];
                 case 1:
-                    logoBase64 = _c.sent();
-                    _c.label = 2;
+                    logoBase64 = _e.sent();
+                    _e.label = 2;
                 case 2:
+                    environmentalImpactAssessmentData = "";
+                    if (!(((_c = values === null || values === void 0 ? void 0 : values.environmentalImpactAssessment) === null || _c === void 0 ? void 0 : _c.length) > 0)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, getBase64((_d = values === null || values === void 0 ? void 0 : values.environmentalImpactAssessment[0]) === null || _d === void 0 ? void 0 : _d.originFileObj)];
+                case 3:
+                    environmentalImpactAssessmentData = _e.sent();
+                    _e.label = 4;
+                case 4:
                     propTaxIds = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT &&
                         (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY
                         ? __spreadArray([userOrgTaxId], proponentTxIds, true) : proponentTxIds;
@@ -12177,6 +12196,9 @@ var ProgrammeCreationComponent = function (props) {
                         if ((logoBase64 === null || logoBase64 === void 0 ? void 0 : logoBase64.length) > 0) {
                             programmeDetails.designDocument = logoBase64;
                         }
+                        if ((environmentalImpactAssessmentData === null || environmentalImpactAssessmentData === void 0 ? void 0 : environmentalImpactAssessmentData.length) > 0) {
+                            programmeDetails.environmentalImpactAssessment = environmentalImpactAssessmentData;
+                        }
                         setLoading(false);
                         console.log(programmeDetails);
                         nextOne(programmeDetails);
@@ -12566,7 +12588,30 @@ var ProgrammeCreationComponent = function (props) {
                                                                 }); },
                                                             },
                                                         ] },
-                                                        React.createElement(Input, { size: "large" })))),
+                                                        React.createElement(Input, { size: "large" })),
+                                                    React.createElement(Form.Item, { label: t("addProgramme:environmentalImpactAssessment"), name: "environmentalImpactAssessment", valuePropName: "fileList", getValueFromEvent: normFile, required: false, rules: [
+                                                            {
+                                                                validator: function (rule, file) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                    var _a, _b;
+                                                                    return __generator(this, function (_c) {
+                                                                        if ((file === null || file === void 0 ? void 0 : file.length) > 0) {
+                                                                            if (!isValidateFileType((_a = file[0]) === null || _a === void 0 ? void 0 : _a.type, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT)) {
+                                                                                throw new Error("".concat(t("addProgramme:invalidFileFormat")));
+                                                                            }
+                                                                            else if (((_b = file[0]) === null || _b === void 0 ? void 0 : _b.size) > maximumImageSize) {
+                                                                                // default size format of files would be in bytes -> 1MB = 1000000bytes
+                                                                                throw new Error("".concat(t("common:maxSizeVal")));
+                                                                            }
+                                                                        }
+                                                                        return [2 /*return*/];
+                                                                    });
+                                                                }); },
+                                                            },
+                                                        ] },
+                                                        React.createElement(Upload, { accept: ".doc, .docx, .pdf, .png, .jpg", beforeUpload: function (file) {
+                                                                return false;
+                                                            }, className: "design-upload-section", name: "design", action: "/upload.do", listType: "picture", multiple: false, maxCount: 1 },
+                                                            React.createElement(Button, { className: "upload-doc", size: "large", icon: React.createElement(UploadOutlined, null) }, "Upload"))))),
                                             React.createElement(Col, { xl: 12, md: 24 },
                                                 React.createElement("div", { className: "details-part-two" },
                                                     React.createElement(Form.Item, { label: t("addProgramme:externalId"), name: "externalId", rules: [
@@ -24410,6 +24455,7 @@ var ProgrammeDocuments = function (props) {
     var _a = useConnection(); _a.delete; var post = _a.post;
     var fileInputRef = useRef(null);
     var fileInputRefMeth = useRef(null);
+    var fileInputRefImpactAssessment = useRef(null);
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(""), designDocUrl = _c[0], setDesignDocUrl = _c[1];
     var _d = useState(""), noObjectionDocUrl = _d[0], setNoObjectionDocUrl = _d[1];
@@ -24427,6 +24473,10 @@ var ProgrammeDocuments = function (props) {
     var _r = useState(false), openRejectDocConfirmationModal = _r[0], setOpenRejectDocConfirmationModal = _r[1];
     var _s = useState({}), actionInfo = _s[0], setActionInfo = _s[1];
     var _t = useState({}), rejectDocData = _t[0], setRejectDocData = _t[1];
+    var _u = useState(""), impactAssessmentUrl = _u[0], setImpactAssessmentUrl = _u[1];
+    var _v = useState(""), impactAssessmentDate = _v[0], setImpactAssessmentDate = _v[1];
+    var _w = useState(""), impactAssessmentStatus = _w[0], setImpactAssessmentStatus = _w[1];
+    var _x = useState(""), impactAssessmentId = _x[0], setImpactAssessmentId = _x[1];
     var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
         ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
         : 5000000;
@@ -24438,13 +24488,17 @@ var ProgrammeDocuments = function (props) {
         var _a;
         (_a = fileInputRefMeth === null || fileInputRefMeth === void 0 ? void 0 : fileInputRefMeth.current) === null || _a === void 0 ? void 0 : _a.click();
     };
+    var handleImpactAssessmentFileUpload = function () {
+        var _a;
+        (_a = fileInputRefImpactAssessment === null || fileInputRefImpactAssessment === void 0 ? void 0 : fileInputRefImpactAssessment.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
     useEffect(function () {
         setDocData(data);
     }, [data]);
     useEffect(function () {
         if (docData === null || docData === void 0 ? void 0 : docData.length) {
             docData === null || docData === void 0 ? void 0 : docData.map(function (item) {
-                var _a, _b, _c, _d;
+                var _a, _b, _c, _d, _e;
                 if ((_a = item === null || item === void 0 ? void 0 : item.url) === null || _a === void 0 ? void 0 : _a.includes("DESIGN")) {
                     setDesignDocUrl(item === null || item === void 0 ? void 0 : item.url);
                     setDesignDocDate(item === null || item === void 0 ? void 0 : item.txTime);
@@ -24465,6 +24519,12 @@ var ProgrammeDocuments = function (props) {
                     setAuthorisationDocUrl(item === null || item === void 0 ? void 0 : item.url);
                     setAuthorisationDocDate(item === null || item === void 0 ? void 0 : item.txTime);
                 }
+                if ((_e = item === null || item === void 0 ? void 0 : item.url) === null || _e === void 0 ? void 0 : _e.includes("ENVIRONMENTAL_IMPACT_ASSESSMENT")) {
+                    setImpactAssessmentUrl(item === null || item === void 0 ? void 0 : item.url);
+                    setImpactAssessmentDate(item === null || item === void 0 ? void 0 : item.txTime);
+                    setImpactAssessmentStatus(item === null || item === void 0 ? void 0 : item.status);
+                    setImpactAssessmentId(item === null || item === void 0 ? void 0 : item.id);
+                }
             });
         }
     }, [docData]);
@@ -24497,7 +24557,7 @@ var ProgrammeDocuments = function (props) {
                     _a.label = 2;
                 case 2:
                     _a.trys.push([2, 6, 7, 8]);
-                    if (!isValidateFileType(file === null || file === void 0 ? void 0 : file.type)) return [3 /*break*/, 4];
+                    if (!isValidateFileType(file === null || file === void 0 ? void 0 : file.type, type)) return [3 /*break*/, 4];
                     return [4 /*yield*/, post("national/programme/addDocument", {
                             type: type,
                             data: logoBase64,
@@ -24606,7 +24666,7 @@ var ProgrammeDocuments = function (props) {
                 React.createElement("span", { className: "title-text" }, title)),
             React.createElement("div", null,
                 React.createElement(Row, { className: "field", key: "Design Document" },
-                    React.createElement(Col, { span: 14, className: "field-key" },
+                    React.createElement(Col, { span: 18, className: "field-key" },
                         React.createElement("div", { className: "label-container" },
                             React.createElement("div", { className: designDocUrl !== "" ? "label-uploaded" : "label" }, t("programme:designDoc")),
                             designDocPending &&
@@ -24629,7 +24689,7 @@ var ProgrammeDocuments = function (props) {
                             designDocStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
                                 React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
                         designDocUrl !== "" && (React.createElement("div", { className: "time" }, moment(parseInt(designDocDate)).format("DD MMMM YYYY @ HH:mm")))),
-                    React.createElement(Col, { span: 10, className: "field-value" }, designDocUrl !== "" ? (React.createElement("div", { className: "link" },
+                    React.createElement(Col, { span: 6, className: "field-value" }, designDocUrl !== "" ? (React.createElement("div", { className: "link" },
                         linkDocVisible(designDocStatus) && (React.createElement("a", { href: designDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
                             React.createElement(LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
                         designDocStatus !== DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
@@ -24662,15 +24722,15 @@ var ProgrammeDocuments = function (props) {
                                 onUploadDocument(selectedFile, DocType.DESIGN_DOCUMENT);
                             } }))))),
                 noObjectionDocUrl !== "" && (React.createElement(Row, { className: "field", key: "Objection Document" },
-                    React.createElement(Col, { span: 14, className: "field-key" },
+                    React.createElement(Col, { span: 18, className: "field-key" },
                         React.createElement("div", { className: "label-uploaded" }, t("programme:objectionLett")),
                         React.createElement("div", { className: "time" }, moment(parseInt(noObjectionDate)).format("DD MMMM YYYY @ HH:mm"))),
-                    React.createElement(Col, { span: 10, className: "field-value" },
+                    React.createElement(Col, { span: 6, className: "field-value" },
                         React.createElement("div", { className: "link" },
                             React.createElement("a", { href: noObjectionDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
                                 React.createElement(LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
                 React.createElement(Row, { className: "field", key: "Methodology Document" },
-                    React.createElement(Col, { span: 14, className: "field-key" },
+                    React.createElement(Col, { span: 18, className: "field-key" },
                         React.createElement("div", { className: "label-container" },
                             React.createElement("div", { className: methodologyDocUrl !== "" ? "label-uploaded" : "label" }, t("programme:methDoc")),
                             methodDocStatus === DocumentStatus.PENDING &&
@@ -24693,7 +24753,7 @@ var ProgrammeDocuments = function (props) {
                             methodDocStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
                                 React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
                         methodologyDocUrl !== "" && (React.createElement("div", { className: "time" }, moment(parseInt(methodologyDate)).format("DD MMMM YYYY @ HH:mm")))),
-                    React.createElement(Col, { span: 10, className: "field-value" }, methodologyDocUrl !== "" ? (React.createElement("div", { className: "link" },
+                    React.createElement(Col, { span: 6, className: "field-value" }, methodologyDocUrl !== "" ? (React.createElement("div", { className: "link" },
                         linkDocVisible(methodDocStatus) && (React.createElement("a", { href: methodologyDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
                             React.createElement(LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
                         methodDocStatus !== DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
@@ -24735,13 +24795,68 @@ var ProgrammeDocuments = function (props) {
                                     onUploadDocument(selectedFile, DocType.METHODOLOGY_DOCUMENT);
                             } }))))),
                 authorisationDocUrl !== "" && (React.createElement(Row, { className: "field", key: "Authorisation Document" },
-                    React.createElement(Col, { span: 14, className: "field-key" },
+                    React.createElement(Col, { span: 18, className: "field-key" },
                         React.createElement("div", { className: "label-uploaded" }, t("programme:authLetterLabel")),
                         React.createElement("div", { className: "time" }, moment(parseInt(authorisationDocDate)).format("DD MMMM YYYY @ HH:mm"))),
-                    React.createElement(Col, { span: 10, className: "field-value" },
+                    React.createElement(Col, { span: 6, className: "field-value" },
                         React.createElement("div", { className: "link" },
                             React.createElement("a", { href: authorisationDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
-                                React.createElement(LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))))),
+                                React.createElement(LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
+                React.createElement(Row, { className: "field", key: "Environmental Impact Assessment" },
+                    React.createElement(Col, { span: 18, className: "field-key" },
+                        React.createElement("div", { className: "label-container" },
+                            React.createElement("div", { className: impactAssessmentUrl !== "" ? "label-uploaded" : "label" }, t("programme:environmentalImpactAssessment")),
+                            impactAssessmentStatus === DocumentStatus.PENDING && (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
+                                React.createElement(LikeOutlined, { onClick: function () {
+                                        return docAction(impactAssessmentId, DocumentStatus.ACCEPTED);
+                                    }, className: "common-progress-icon", style: { color: "#976ED7" } }),
+                                React.createElement(DislikeOutlined, { onClick: function () {
+                                        setRejectDocData({ id: impactAssessmentId });
+                                        setActionInfo({
+                                            action: "Reject",
+                                            headerText: "".concat(t("programme:rejectDocHeader")),
+                                            text: "".concat(t("programme:rejectDocBody")),
+                                            type: "reject",
+                                            icon: React.createElement(DislikeOutlined, null),
+                                        });
+                                        setOpenRejectDocConfirmationModal(true);
+                                    }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
+                            impactAssessmentStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
+                            impactAssessmentStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
+                                React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
+                        impactAssessmentUrl !== "" && (React.createElement("div", { className: "time" }, moment(parseInt(impactAssessmentDate)).format("DD MMMM YYYY @ HH:mm")))),
+                    React.createElement(Col, { span: 6, className: "field-value" }, impactAssessmentUrl !== "" ? (React.createElement("div", { className: "link" },
+                        linkDocVisible(impactAssessmentStatus) && (React.createElement("a", { href: impactAssessmentUrl, target: "_blank", rel: "noopener noreferrer", download: true },
+                            React.createElement(LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
+                        impactAssessmentStatus !== DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
+                            React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly ||
+                                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.CERTIFIER
+                                    ? t("programme:notAuthToUploadDoc")
+                                    : !uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                                React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission)
+                                        ? { color: "#3F3A47", cursor: "pointer" }
+                                        : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                        return uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && handleImpactAssessmentFileUpload();
+                                    } })),
+                            React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
+                                    var selectedFile = e.target.files[0];
+                                    e.target.value = null;
+                                    onUploadDocument(selectedFile, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT);
+                                } }))))) : (React.createElement(React.Fragment, null,
+                        React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly ||
+                                (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.CERTIFIER
+                                ? t("programme:notAuthToUploadDoc")
+                                : !uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                            React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission)
+                                    ? { color: "#3F3A47", cursor: "pointer" }
+                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    return uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && handleImpactAssessmentFileUpload();
+                                } })),
+                        React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
+                                var selectedFile = e.target.files[0];
+                                e.target.value = null;
+                                onUploadDocument(selectedFile, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT);
+                            } }))))))),
         React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
 };