@undp/carbon-library 1.0.119 → 1.0.123

package/dist/cjs/index.js

@@ -4447,6 +4447,7 @@ exports.DocType = void 0;
     DocType["METHODOLOGY_DOCUMENT"] = "1";
     DocType["MONITORING_REPORT"] = "2";
     DocType["VERIFICATION_REPORT"] = "3";
+    DocType["ENVIRONMENTAL_IMPACT_ASSESSMENT"] = "7";
 })(exports.DocType || (exports.DocType = {}));
 
 exports.DocumentStatus = void 0;
@@ -11843,8 +11844,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 === exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT) {
+        return environmentalImpactAssessmentAllowedTypes.includes(fileType);
+    }
+    else {
+        return allowedFileTypes.includes(fileType);
+    }
 };
 
 var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
@@ -12133,10 +12145,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;
@@ -12150,9 +12162,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) !== exports.CompanyRole.GOVERNMENT &&
                         (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY
                         ? __spreadArray([userOrgTaxId], proponentTxIds, true) : proponentTxIds;
@@ -12197,6 +12216,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);
@@ -12586,7 +12608,30 @@ var ProgrammeCreationComponent = function (props) {
                                                                 }); },
                                                             },
                                                         ] },
-                                                        React.createElement(antd.Input, { size: "large" })))),
+                                                        React.createElement(antd.Input, { size: "large" })),
+                                                    React.createElement(antd.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, exports.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(antd.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(antd.Button, { className: "upload-doc", size: "large", icon: React.createElement(icons.UploadOutlined, null) }, "Upload"))))),
                                             React.createElement(antd.Col, { xl: 12, md: 24 },
                                                 React.createElement("div", { className: "details-part-two" },
                                                     React.createElement(antd.Form.Item, { label: t("addProgramme:externalId"), name: "externalId", rules: [
@@ -24430,6 +24475,7 @@ var ProgrammeDocuments = function (props) {
     var _a = useConnection(); _a.delete; var post = _a.post;
     var fileInputRef = React.useRef(null);
     var fileInputRefMeth = React.useRef(null);
+    var fileInputRefImpactAssessment = React.useRef(null);
     var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
     var _c = React.useState(""), designDocUrl = _c[0], setDesignDocUrl = _c[1];
     var _d = React.useState(""), noObjectionDocUrl = _d[0], setNoObjectionDocUrl = _d[1];
@@ -24447,6 +24493,10 @@ var ProgrammeDocuments = function (props) {
     var _r = React.useState(false), openRejectDocConfirmationModal = _r[0], setOpenRejectDocConfirmationModal = _r[1];
     var _s = React.useState({}), actionInfo = _s[0], setActionInfo = _s[1];
     var _t = React.useState({}), rejectDocData = _t[0], setRejectDocData = _t[1];
+    var _u = React.useState(""), impactAssessmentUrl = _u[0], setImpactAssessmentUrl = _u[1];
+    var _v = React.useState(""), impactAssessmentDate = _v[0], setImpactAssessmentDate = _v[1];
+    var _w = React.useState(""), impactAssessmentStatus = _w[0], setImpactAssessmentStatus = _w[1];
+    var _x = React.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;
@@ -24458,13 +24508,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();
+    };
     React.useEffect(function () {
         setDocData(data);
     }, [data]);
     React.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);
@@ -24485,6 +24539,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]);
@@ -24517,7 +24577,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,
@@ -24626,7 +24686,7 @@ var ProgrammeDocuments = function (props) {
                 React.createElement("span", { className: "title-text" }, title)),
             React.createElement("div", null,
                 React.createElement(antd.Row, { className: "field", key: "Design Document" },
-                    React.createElement(antd.Col, { span: 14, className: "field-key" },
+                    React.createElement(antd.Col, { span: 18, className: "field-key" },
                         React.createElement("div", { className: "label-container" },
                             React.createElement("div", { className: designDocUrl !== "" ? "label-uploaded" : "label" }, t("programme:designDoc")),
                             designDocPending &&
@@ -24649,7 +24709,7 @@ var ProgrammeDocuments = function (props) {
                             designDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
                                 React.createElement(icons.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(antd.Col, { span: 10, className: "field-value" }, designDocUrl !== "" ? (React.createElement("div", { className: "link" },
+                    React.createElement(antd.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(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
                         designDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
@@ -24682,15 +24742,15 @@ var ProgrammeDocuments = function (props) {
                                 onUploadDocument(selectedFile, exports.DocType.DESIGN_DOCUMENT);
                             } }))))),
                 noObjectionDocUrl !== "" && (React.createElement(antd.Row, { className: "field", key: "Objection Document" },
-                    React.createElement(antd.Col, { span: 14, className: "field-key" },
+                    React.createElement(antd.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(antd.Col, { span: 10, className: "field-value" },
+                    React.createElement(antd.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(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
                 React.createElement(antd.Row, { className: "field", key: "Methodology Document" },
-                    React.createElement(antd.Col, { span: 14, className: "field-key" },
+                    React.createElement(antd.Col, { span: 18, className: "field-key" },
                         React.createElement("div", { className: "label-container" },
                             React.createElement("div", { className: methodologyDocUrl !== "" ? "label-uploaded" : "label" }, t("programme:methDoc")),
                             methodDocStatus === exports.DocumentStatus.PENDING &&
@@ -24713,7 +24773,7 @@ var ProgrammeDocuments = function (props) {
                             methodDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
                                 React.createElement(icons.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(antd.Col, { span: 10, className: "field-value" }, methodologyDocUrl !== "" ? (React.createElement("div", { className: "link" },
+                    React.createElement(antd.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(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
                         methodDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
@@ -24755,13 +24815,68 @@ var ProgrammeDocuments = function (props) {
                                     onUploadDocument(selectedFile, exports.DocType.METHODOLOGY_DOCUMENT);
                             } }))))),
                 authorisationDocUrl !== "" && (React.createElement(antd.Row, { className: "field", key: "Authorisation Document" },
-                    React.createElement(antd.Col, { span: 14, className: "field-key" },
+                    React.createElement(antd.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(antd.Col, { span: 10, className: "field-value" },
+                    React.createElement(antd.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(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))))),
+                                React.createElement(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
+                React.createElement(antd.Row, { className: "field", key: "Environmental Impact Assessment" },
+                    React.createElement(antd.Col, { span: 18, className: "field-key" },
+                        React.createElement("div", { className: "label-container" },
+                            React.createElement("div", { className: impactAssessmentUrl !== "" ? "label-uploaded" : "label" }, t("programme:environmentalImpactAssessment")),
+                            impactAssessmentStatus === exports.DocumentStatus.PENDING && (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
+                                React.createElement(icons.LikeOutlined, { onClick: function () {
+                                        return docAction(impactAssessmentId, exports.DocumentStatus.ACCEPTED);
+                                    }, className: "common-progress-icon", style: { color: "#976ED7" } }),
+                                React.createElement(icons.DislikeOutlined, { onClick: function () {
+                                        setRejectDocData({ id: impactAssessmentId });
+                                        setActionInfo({
+                                            action: "Reject",
+                                            headerText: "".concat(t("programme:rejectDocHeader")),
+                                            text: "".concat(t("programme:rejectDocBody")),
+                                            type: "reject",
+                                            icon: React.createElement(icons.DislikeOutlined, null),
+                                        });
+                                        setOpenRejectDocConfirmationModal(true);
+                                    }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
+                            impactAssessmentStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
+                            impactAssessmentStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
+                                React.createElement(icons.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(antd.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(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
+                        impactAssessmentStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
+                            React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
+                                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
+                                    ? t("programme:notAuthToUploadDoc")
+                                    : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                                React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission)
+                                        ? { color: "#3F3A47", cursor: "pointer" }
+                                        : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                        return uploadDocUserPermission(userInfoState, exports.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, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT);
+                                } }))))) : (React.createElement(React.Fragment, null,
+                        React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
+                                (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
+                                ? t("programme:notAuthToUploadDoc")
+                                : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                            React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission)
+                                    ? { color: "#3F3A47", cursor: "pointer" }
+                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    return uploadDocUserPermission(userInfoState, exports.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, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT);
+                            } }))))))),
         React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
 };