@undp/carbon-library 1.0.41-CARBON-329.10 → 1.0.41-CARBON-329.12

package/dist/cjs/index.js

@@ -19464,7 +19464,7 @@ var AddNdcActionComponent = function (props) {
                 React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
 };
 
-var css_248z$d = ".ndc-details-view .card-container {\n  margin-bottom: 16px;\n  width: 100%;\n  border-radius: 10px; }\n  .ndc-details-view .card-container .co-benifits-view .title {\n    color: rgba(58, 53, 65, 0.8);\n    font-weight: 600;\n    margin-left: 0.5rem; }\n  .ndc-details-view .card-container .action-btns {\n    margin-top: 25px;\n    margin-bottom: -15px;\n    justify-content: end; }\n\n.ndc-details-view .fix-height {\n  height: 350px; }\n";
+var css_248z$d = ".ndc-details-view .card-container {\n  margin-bottom: 16px;\n  width: 100%;\n  border-radius: 10px; }\n  .ndc-details-view .card-container .co-benifits-view .title {\n    color: rgba(58, 53, 65, 0.8);\n    font-weight: 600;\n    margin-left: 0.5rem; }\n  .ndc-details-view .card-container .action-btns {\n    margin-top: 25px;\n    margin-bottom: -15px;\n    justify-content: end; }\n\n.ndc-details-view .fix-height {\n  height: 350px; }\n\n.title-icon {\n  padding-right: 10px; }\n\n.title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.title {\n  margin-bottom: 5px; }\n\n.ndc-action-report-body {\n  display: flex;\n  flex-direction: column;\n  width: 100%; }\n  .ndc-action-report-body .report-details {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin: 5px 25px;\n    font-size: 0.8rem; }\n    .ndc-action-report-body .report-details .report-type {\n      display: flex;\n      flex-direction: row;\n      width: 60%; }\n      .ndc-action-report-body .report-details .report-type .name-time-container {\n        display: flex;\n        flex-direction: column;\n        width: 70%;\n        margin-bottom: 0.5rem; }\n      .ndc-action-report-body .report-details .report-type .name {\n        font-weight: 500;\n        color: rgba(58, 53, 65, 0.6); }\n      .ndc-action-report-body .report-details .report-type .time {\n        color: rgba(58, 53, 65, 0.5);\n        width: max-content; }\n      .ndc-action-report-body .report-details .report-type .icon {\n        display: flex;\n        align-items: center;\n        width: 30%;\n        color: rgba(58, 53, 65, 0.6); }\n      .ndc-action-report-body .report-details .report-type .empty {\n        font-weight: 500;\n        color: rgba(58, 53, 65, 0.6); }\n    .ndc-action-report-body .report-details .ant-row {\n      margin: 0px 30px auto; }\n    .ndc-action-report-body .report-details .report-link {\n      display: flex;\n      flex-direction: row;\n      width: 40%; }\n      .ndc-action-report-body .report-details .report-link .version {\n        font-weight: 600;\n        color: #cacaca; }\n      .ndc-action-report-body .report-details .report-link .link {\n        margin-left: 1rem; }\n";
 styleInject(css_248z$d);
 
 var css_248z$c = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-view .title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.info-view .title {\n  margin-bottom: 5px; }\n\n.info-view .field-key {\n  color: rgba(58, 53, 65, 0.6);\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden; }\n\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-value .row {\n    display: flex;\n    width: 40%;\n    align-items: center;\n    justify-content: space-between; }\n    .info-view .field-value .row .key {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n    .info-view .field-value .row .data {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
@@ -19510,11 +19510,8 @@ var linkDocVisible = function (docStatus) {
     }
     return visible;
 };
-var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId, ministryLevelPermission, programmeStatus) {
+var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId, ministryLevelPermission) {
     var permission = false;
-    if (programmeStatus && programmeStatus === exports.ProgrammeStageUnified.Rejected) {
-        return false;
-    }
     if (docType === exports.DocType.DESIGN_DOCUMENT) {
         if (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
             ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && ministryLevelPermission)) &&
@@ -19562,15 +19559,19 @@ var NdcActionViewComponent = function (props) {
     var userInfoState = useUserContext().userInfoState;
     var post = useConnection().post;
     var state = useLocation().state;
-    var _d = React.useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
+    var _d = React.useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
     var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
-    var _f = React.useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
-    var _g = React.useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
-    var _h = React.useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
-    var _j = React.useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
-    var _k = React.useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
-    var _l = React.useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
-    var _m = React.useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
+    var _f = React.useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
+    var _g = React.useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
+    var _h = React.useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
+    var _j = React.useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
+    var _k = React.useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
+    var _l = React.useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
+    var _m = React.useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
+    var _o = React.useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
+    var _p = React.useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
+    var _q = React.useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
+    var _r = React.useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
     var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
         var _a, _b, _c;
@@ -19612,13 +19613,16 @@ var NdcActionViewComponent = function (props) {
             }
         });
     }); };
-    var getProjectReportActions = function (reportData) {
+    var getProjectReportActions = function (reportData, reportVersion) {
         return (React.createElement(antd.Row, null,
             React.createElement("div", { className: "icon" },
                 (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
                 (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
             React.createElement("div", { className: "link mg-left-1" }, (reportData === null || reportData === void 0 ? void 0 : reportData.url) && linkDocVisible(reportData === null || reportData === void 0 ? void 0 : reportData.status) && (React.createElement("a", { href: reportData === null || reportData === void 0 ? void 0 : reportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
-                React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
+                React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
+            (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
+                moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
+                " ~ " + reportVersion))));
     };
     var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
         var reportDetails, response, exception_1;
@@ -19666,12 +19670,24 @@ var NdcActionViewComponent = function (props) {
                                 if ((item === null || item === void 0 ? void 0 : item.status) === exports.DocumentStatus.ACCEPTED) {
                                     setMonitoringReportAccepted(true);
                                 }
+                                var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
+                                var version = versionfull ? versionfull.split(".")[0] : "1";
+                                var moniteringVersion = version.startsWith("V") ? version : "V1";
                                 reportDetails[t("ndcAction:viewMoniteringReport")] =
-                                    getProjectReportActions(item);
+                                    getProjectReportActions(item, moniteringVersion);
+                                setMonitoringReportData(item);
+                                setMonitoringReportversion(moniteringVersion);
                             }
                             else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
+                                var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
+                                var version = versionfull ? versionfull.split(".")[0] : "1";
+                                var verificationVersion = version.startsWith("V")
+                                    ? version
+                                    : "V1";
                                 reportDetails[t("ndcAction:viewVerificationReport")] =
-                                    getProjectReportActions(item);
+                                    getProjectReportActions(item, verificationVersion);
+                                setVerificationReportData(item);
+                                setVerificationReportversion(verificationVersion);
                             }
                         });
                     }
@@ -19925,8 +19941,60 @@ var NdcActionViewComponent = function (props) {
                 React.createElement(antd.Col, { lg: 8, md: 24 },
                     React.createElement(antd.Skeleton, { loading: isLoading, active: true },
                         React.createElement(antd.Card, { className: "card-container fix-height" },
-                            React.createElement("div", null,
-                                React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon__namespace.FileEarmarkText, null) })))))),
+                            React.createElement("div", { className: "title" },
+                                React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.FileEarmarkText, null)),
+                                React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
+                            React.createElement("div", { className: "ndc-action-report-body" },
+                                React.createElement("div", { className: "report-details" },
+                                    React.createElement("div", { className: "report-type" },
+                                        React.createElement("div", { className: "name-time-container" },
+                                            React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
+                                                    ? "name"
+                                                    : "empty" }, t("programme:monitoringReport")),
+                                            (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
+                                                moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
+                                                " ~ " + monitoringReportversion))),
+                                        React.createElement("div", { className: "icon" }, !(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
+                                                ? t("programme:notAuthToUploadDoc")
+                                                : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId)
+                                                    ? !canUploadMonitorReport &&
+                                                        t("programme:programmeNotAuth")
+                                                    : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                                            React.createElement(icons.FileAddOutlined, null))))),
+                                    (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Row, null,
+                                        React.createElement("div", { className: "icon" },
+                                            (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
+                                                exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
+                                            (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
+                                                exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
+                                        React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
+                                            linkDocVisible(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) && (React.createElement("a", { href: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
+                                            React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
+                                React.createElement("div", { className: "report-details" },
+                                    React.createElement("div", { className: "report-type" },
+                                        React.createElement("div", { className: "name-time-container" },
+                                            React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
+                                                    ? "name"
+                                                    : "empty" }, t("programme:verificationReport")),
+                                            (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
+                                                moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
+                                                " ~ " + verificationReportVersion))),
+                                        React.createElement("div", { className: "icon" }, !(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
+                                                ? t("programme:notAuthToUploadDoc")
+                                                : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId)
+                                                    ? !monitoringReportAccepted &&
+                                                        t("programme:monitoringRepNotApproved")
+                                                    : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
+                                            React.createElement(icons.FileAddOutlined, null))))),
+                                    (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Row, null,
+                                        React.createElement("div", { className: "icon" },
+                                            (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
+                                                exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
+                                            (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
+                                                exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
+                                        React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
+                                            linkDocVisible(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) && (React.createElement("a", { href: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
+                                            React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
             ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Mitigation ||
                 (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.CrossCutting) && (React.createElement(antd.Row, null,
                 React.createElement(antd.Col, { lg: 24, className: "gutter-row" },
@@ -24495,7 +24563,7 @@ var EditableCell = function (_a) {
                     return [3 /*break*/, 3];
                 case 2:
                     errInfo_1 = _a.sent();
-                    console.log('Save failed:', errInfo_1);
+                    console.log("Save failed:", errInfo_1);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
@@ -24509,7 +24577,7 @@ var EditableCell = function (_a) {
                     message: "".concat(title, " is required."),
                 },
             ] },
-            React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
+            React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24, minWidth: "100px", minHeight: "20px" }, onClick: toggleEdit }, children));
     }
     return React.createElement("td", __assign({}, restProps), childNode);
 };
@@ -24517,6 +24585,11 @@ var EditableCell = function (_a) {
 var css_248z$4 = ".ndc-steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: center; }\n  .ndc-steps-actions .action-btn {\n    border: 1px solid #16b1ff;\n    color: #16b1ff;\n    margin-right: 1rem; }\n  .ndc-steps-actions .back-btn {\n    border: 1px solid rgba(140, 140, 140, 0.7);\n    color: rgba(140, 140, 140, 0.7);\n    margin-right: 1rem; }\n  .ndc-steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n";
 styleInject(css_248z$4);
 
+var NdcActionType;
+(function (NdcActionType) {
+    NdcActionType[NdcActionType["main"] = 0] = "main";
+    NdcActionType[NdcActionType["sub"] = 1] = "sub";
+})(NdcActionType || (NdcActionType = {}));
 var NdcDetailsComponent = function (props) {
     var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
     var RangePicker = antd.DatePicker.RangePicker;
@@ -24527,6 +24600,8 @@ var NdcDetailsComponent = function (props) {
     var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
     var selectedPeriod = React.useRef({});
     var addedNdcDetailId = React.useRef(0);
+    var selectedNdcDetail = React.useRef({});
+    var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
     var userInfoState = useUserContext().userInfoState;
     var isAddRangeVisible = function () {
         return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
@@ -24540,12 +24615,61 @@ var NdcDetailsComponent = function (props) {
     var inRange = function (num, min, max) {
         return num >= min && num <= max;
     };
+    function onAddNewSubNdcDetail() {
+        var range = selectedTab.split('-');
+        var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
+        var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
+        if (ndcDetail) {
+            addedNdcDetailId.current = addedNdcDetailId.current + 1;
+            var newData = {
+                key: addedNdcDetailId.current,
+                startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
+                endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
+                ndcActionId: ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.key,
+                nationalPlanObj: '',
+                kpi: '',
+                ministry: '',
+            };
+            if (!ndcDetail.subNdcDetails) {
+                ndcDetail.subNdcDetails = [];
+            }
+            ndcDetail.subNdcDetails.push(newData);
+        }
+        ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
+        setNdcDetailsData(ndcDetailsData);
+        setTableKey(function (key) { return key + 1; });
+    }
     var handleSave = function (row) {
-        var newData = __spreadArray([], ndcDetailsData, true);
-        var index = newData.findIndex(function (item) { return row.key === item.key; });
-        var item = newData[index];
-        newData.splice(index, 1, __assign(__assign({}, item), row));
-        setNdcDetailsData(newData);
+        setNdcDetailsData(function (prevData) {
+            var newData = JSON.parse(JSON.stringify(prevData));
+            if (row.type === NdcActionType.main) {
+                var index = newData.findIndex(function (item) { return row.key === item.key; });
+                if (index !== -1) {
+                    newData[index] = __assign(__assign({}, newData[index]), row);
+                }
+            }
+            else {
+                var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
+                var parentItem = newData[parentIndex];
+                if (parentItem) {
+                    if (parentItem.subNdcDetails) {
+                        var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
+                        if (itemIndex === -1) {
+                            parentItem.subNdcDetails.push(row);
+                        }
+                        else {
+                            parentItem.subNdcDetails[itemIndex] = __assign({}, row);
+                        }
+                    }
+                    else {
+                        parentItem.subNdcDetails = [row];
+                    }
+                }
+                newData[parentIndex] = __assign({}, parentItem);
+                setTableKey(function (key) { return key + 1; });
+            }
+            return newData;
+        });
     };
     var getNdcDetailsForPeriod = function () {
         var range = selectedTab.split("-");
@@ -24559,6 +24683,25 @@ var NdcDetailsComponent = function (props) {
             return [];
         }
     };
+    var getSubNdcDetails = function (key) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
+        if (ndcDetail) {
+            if (((_b = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_a = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _a === void 0 ? void 0 : _a.length) - 1]) === null || _b === void 0 ? void 0 : _b.ministry.trim()) !== '' &&
+                ((_d = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_c = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.ministry) &&
+                ((_f = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_e = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _e === void 0 ? void 0 : _e.length) - 1]) === null || _f === void 0 ? void 0 : _f.nationalPlanObj.trim()) !==
+                    '' &&
+                ((_h = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_g = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _g === void 0 ? void 0 : _g.length) - 1]) === null || _h === void 0 ? void 0 : _h.nationalPlanObj) &&
+                String((_k = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_j = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _j === void 0 ? void 0 : _j.length) - 1]) === null || _k === void 0 ? void 0 : _k.kpi).trim() !== '' &&
+                String((_m = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_l = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _l === void 0 ? void 0 : _l.length) - 1]) === null || _m === void 0 ? void 0 : _m.kpi)) {
+                onAddNewSubNdcDetail();
+            }
+            return ndcDetail.subNdcDetails;
+        }
+        else {
+            return [];
+        }
+    };
     var defaultColumns = [
         {
             title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -24566,6 +24709,9 @@ var NdcDetailsComponent = function (props) {
             key: "nationalPlanObj",
             align: "left",
             editable: true,
+            width: "50%",
+            render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
+                React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", type: "text" })))); },
         },
         {
             title: t("ndc:ndcColumnsKpi"),
@@ -24573,13 +24719,19 @@ var NdcDetailsComponent = function (props) {
             key: "kpi",
             align: "left",
             editable: true,
+            width: "10%",
+            render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
+                React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
         },
         {
-            title: 'Ministry',
+            title: "Ministry",
             dataIndex: "ministry",
             key: "ministry",
             align: "left",
             editable: true,
+            width: "40%",
+            render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
+                React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Ministry name", className: "ant-input", type: "text" })))); },
         },
     ];
     var columns = defaultColumns.map(function (col) {
@@ -24596,14 +24748,27 @@ var NdcDetailsComponent = function (props) {
     });
     function onAddNewNdcDetail() {
         var range = selectedTab.split("-");
-        addedNdcDetailId.current = addedNdcDetailId.current + 1;
+        var ndcActionId = ++addedNdcDetailId.current;
         var newData = {
-            key: addedNdcDetailId.current,
+            key: ndcActionId,
+            type: NdcActionType.main,
             startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
             endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
-            nationalPlanObj: t("ndc:enterNewPlanTxt"),
-            kpi: 0,
-            ministry: "Please add the Ministry name"
+            nationalPlanObj: "",
+            kpi: "",
+            ministry: "",
+            subNdcDetails: [
+                {
+                    key: ++addedNdcDetailId.current,
+                    ndcActionId: ndcActionId,
+                    type: NdcActionType.sub,
+                    startDate: new Date("2019-03-25"),
+                    endDate: new Date("2020-03-25"),
+                    nationalPlanObj: "",
+                    kpi: "",
+                    ministry: "",
+                },
+            ],
         };
         setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
     }
@@ -24685,6 +24850,10 @@ var NdcDetailsComponent = function (props) {
                     React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
                     React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
     }
+    function getSubNdcActionContent(record) {
+        selectedNdcDetail.current = record;
+        return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
+    }
     var onTabChange = function (key) {
         setSelectedTab(key);
     };
@@ -24692,43 +24861,232 @@ var NdcDetailsComponent = function (props) {
         var defaultNdcDetails = [
             {
                 key: 1,
+                type: NdcActionType.main,
                 startDate: new Date("2019-03-25"),
                 endDate: new Date("2020-03-25"),
                 nationalPlanObj: "Enhance value addition in key growth opportunities",
                 kpi: 25,
-                ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 6,
+                        ndcActionId: 1,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
+                        kpi: 25,
+                        ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
+                    },
+                    {
+                        key: 7,
+                        ndcActionId: 1,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
             {
                 key: 2,
+                type: NdcActionType.main,
                 startDate: new Date("2019-03-25"),
                 endDate: new Date("2019-08-25"),
                 nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
                 kpi: 10500,
-                ministry: "Ministry of Tourism (MoT)"
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 8,
+                        ndcActionId: 2,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 12,
+                type: NdcActionType.main,
+                startDate: new Date("2019-03-25"),
+                endDate: new Date("2019-08-25"),
+                nationalPlanObj: "Other",
+                kpi: 10500,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 8,
+                        ndcActionId: 12,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
             {
                 key: 3,
+                type: NdcActionType.main,
                 startDate: new Date("2021-03-25"),
                 endDate: new Date("2022-03-25"),
                 nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
                 kpi: 48,
-                ministry: "Ministry of Education, Arts and Culture (MoE)"
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 9,
+                        ndcActionId: 3,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
             {
                 key: 4,
+                type: NdcActionType.main,
                 startDate: new Date("2022-03-25"),
                 endDate: new Date("2022-05-25"),
                 nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
                 kpi: 20,
-                ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 10,
+                        ndcActionId: 4,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
             {
                 key: 5,
+                type: NdcActionType.main,
                 startDate: new Date("2022-03-25"),
                 endDate: new Date("2023-03-25"),
                 nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
                 kpi: 10,
-                ministry: "Ministry of Tourism (MoT)"
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 11,
+                        ndcActionId: 5,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 13,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2023-03-25"),
+                nationalPlanObj: "Convert to solar energy",
+                kpi: 50000,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 11,
+                        ndcActionId: 13,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "Convert to solar energy",
+                        kpi: "3000",
+                        ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
+                    },
+                    {
+                        key: 14,
+                        ndcActionId: 13,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 15,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2023-03-25"),
+                nationalPlanObj: "Strengthen the private sector to create jobs",
+                kpi: 10000,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 16,
+                        ndcActionId: 15,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "Strengthen the private sector to create jobs",
+                        kpi: "7200",
+                        ministry: "Ministry of Tourism (MoT)",
+                    },
+                    {
+                        key: 17,
+                        ndcActionId: 15,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 18,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2023-03-25"),
+                nationalPlanObj: "Other",
+                kpi: '',
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 19,
+                        ndcActionId: 18,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "Strengthen the private sector to create jobs",
+                        kpi: "",
+                        ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
+                    },
+                    {
+                        key: 20,
+                        ndcActionId: 18,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
         ];
         var initialPeriods = [
@@ -24756,7 +25114,7 @@ var NdcDetailsComponent = function (props) {
                 children: addNewPeriodContent(),
             });
         }
-        addedNdcDetailId.current = 5;
+        addedNdcDetailId.current = 20;
         setPeriodItems(initialPeriods);
         periodItemsRef.current = initialPeriods;
         setNdcDetailsData(defaultNdcDetails);
@@ -24771,7 +25129,11 @@ var NdcDetailsComponent = function (props) {
             React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
         selectedTab !== "add_new" && (React.createElement("div", null,
             React.createElement("div", null,
-                React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
+                React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
+                        expandedRowRender: function (record) { return getSubNdcActionContent(record); },
+                        indentSize: 0,
+                        defaultExpandedRowKeys: [selectedNdcDetail.current.key],
+                    }, footer: function () {
                         return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
                             React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
                                     marginBottom: 16,
@@ -25479,7 +25841,7 @@ var RejectDocumentationConfirmationModel = function (props) {
                 React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
 };
 
-var css_248z$2 = ".ndc-action-body {\n  display: flex;\n  flex-direction: column;\n  width: 100%; }\n  .ndc-action-body .report-details {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between; }\n    .ndc-action-body .report-details .report-type {\n      display: flex;\n      flex-direction: row;\n      width: 60%; }\n      .ndc-action-body .report-details .report-type .name-time-container {\n        display: flex;\n        flex-direction: column;\n        width: 70%;\n        margin-bottom: 0.5rem; }\n      .ndc-action-body .report-details .report-type .name {\n        font-weight: 600;\n        color: rgba(58, 53, 65, 0.8); }\n      .ndc-action-body .report-details .report-type .icon {\n        display: flex;\n        align-items: center;\n        width: 30%; }\n      .ndc-action-body .report-details .report-type .empty {\n        font-weight: 600;\n        color: #cacaca; }\n    .ndc-action-body .report-details .report-link {\n      display: flex;\n      flex-direction: row;\n      width: 40%; }\n      .ndc-action-body .report-details .report-link .version {\n        font-weight: 600;\n        color: #cacaca; }\n      .ndc-action-body .report-details .report-link .link {\n        margin-left: 1rem; }\n";
+var css_248z$2 = ".ndc-action-body {\n  display: flex;\n  flex-direction: column;\n  width: 100%; }\n  .ndc-action-body .report-details {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between; }\n    .ndc-action-body .report-details .report-type {\n      display: flex;\n      flex-direction: row;\n      width: 60%; }\n      .ndc-action-body .report-details .report-type .name-time-container {\n        display: flex;\n        flex-direction: column;\n        width: 70%;\n        margin-bottom: 0.5rem; }\n      .ndc-action-body .report-details .report-type .name {\n        font-weight: 600;\n        color: rgba(58, 53, 65, 0.8); }\n      .ndc-action-body .report-details .report-type .icon {\n        display: flex;\n        align-items: center;\n        width: 30%; }\n      .ndc-action-body .report-details .report-type .empty {\n        font-weight: 600;\n        color: #cacaca; }\n    .ndc-action-body .report-details .report-link {\n      display: flex;\n      flex-direction: row;\n      width: 40%;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 20px; }\n      .ndc-action-body .report-details .report-link .version {\n        font-weight: 600;\n        color: #cacaca; }\n      .ndc-action-body .report-details .report-link .link {\n        margin-left: 1rem; }\n";
 styleInject(css_248z$2);
 
 var NdcActionBody = function (props) {
@@ -25766,8 +26128,8 @@ var NdcActionBody = function (props) {
                                     : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     if (canUploadMonitorReport &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
                                         handleFileUploadMonitor();
@@ -25790,8 +26152,8 @@ var NdcActionBody = function (props) {
                                     : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     if (canUploadMonitorReport &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
                                         handleFileUploadMonitor();
@@ -25840,8 +26202,8 @@ var NdcActionBody = function (props) {
                                     : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     if (monitoringReportAccepted &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
                                         handleFileUploadVerification();
@@ -25864,8 +26226,8 @@ var NdcActionBody = function (props) {
                                     : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     if (monitoringReportAccepted &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
                                         handleFileUploadVerification();
@@ -25879,7 +26241,7 @@ var NdcActionBody = function (props) {
         React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
 };
 
-var css_248z$1 = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-view .title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.info-view .title {\n  margin-bottom: 5px; }\n\n.info-view .field-key {\n  color: rgba(58, 53, 65, 0.6);\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-key .label-container {\n    display: flex;\n    flex-direction: row; }\n  .info-view .field-key .label {\n    width: 70%; }\n  .info-view .field-key .label-uploaded {\n    color: rgba(58, 53, 65, 0.8);\n    width: 70%; }\n\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-value .link {\n    display: flex;\n    flex-direction: row; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
+var css_248z$1 = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-view .title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.info-view .title {\n  margin-bottom: 5px; }\n\n.info-view .field-key {\n  color: rgba(58, 53, 65, 0.6);\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-key .label-container {\n    display: flex;\n    flex-direction: row; }\n  .info-view .field-key .label {\n    width: 70%; }\n  .info-view .field-key .label-uploaded {\n    color: rgba(58, 53, 65, 0.8);\n    width: 70%; }\n\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-value .link {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 20px; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
 styleInject(css_248z$1);
 
 var ProgrammeDocuments = function (props) {
@@ -25917,6 +26279,13 @@ var ProgrammeDocuments = function (props) {
     var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
         ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
         : 5000000;
+    var isProjectRejected = programmeStatus && programmeStatus === exports.ProgrammeStageUnified.Rejected;
+    var uploadImpactAssessmentDocUserPermission = uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission);
+    var impactAssessmentToolTipTitle = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
+        ? t("programme:notAuthToUploadDoc")
+        : isProjectRejected
+            ? t("programme:docUploadProgrammeRejected")
+            : !uploadImpactAssessmentDocUserPermission && t("programme:orgNotAuth");
     var handleDesignDocFileUpload = function () {
         var _a;
         (_a = fileInputRef === null || fileInputRef === void 0 ? void 0 : fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
@@ -25941,8 +26310,8 @@ var ProgrammeDocuments = function (props) {
                     setDesignDocDate(item === null || item === void 0 ? void 0 : item.txTime);
                     setDesignDocStatus(item === null || item === void 0 ? void 0 : item.status);
                     setDesignDocId(item === null || item === void 0 ? void 0 : item.id);
-                    var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split('_').length - 1];
-                    var version = versionfull ? versionfull.split('.')[0] : "1";
+                    var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
+                    var version = versionfull ? versionfull.split(".")[0] : "1";
                     setDesignDocversion(version.startsWith("V") ? version : "V1");
                 }
                 if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("METHODOLOGY")) {
@@ -25950,8 +26319,8 @@ var ProgrammeDocuments = function (props) {
                     setMethodologyDate(item === null || item === void 0 ? void 0 : item.txTime);
                     setMethodDocStatus(item === null || item === void 0 ? void 0 : item.status);
                     setMethDocId(item === null || item === void 0 ? void 0 : item.id);
-                    var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split('_').length - 1];
-                    var version = versionfull ? versionfull.split('.')[0] : "1";
+                    var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
+                    var version = versionfull ? versionfull.split(".")[0] : "1";
                     setMethDocversion(version.startsWith("V") ? version : "V1");
                 }
                 if ((_c = item === null || item === void 0 ? void 0 : item.url) === null || _c === void 0 ? void 0 : _c.includes("OBJECTION")) {
@@ -25968,7 +26337,7 @@ var ProgrammeDocuments = function (props) {
                     setImpactAssessmentStatus(item === null || item === void 0 ? void 0 : item.status);
                     setImpactAssessmentId(item === null || item === void 0 ? void 0 : item.id);
                     var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
-                    var version = versionfull ? versionfull.split('.')[0] : "1";
+                    var version = versionfull ? versionfull.split(".")[0] : "1";
                     setImpactAssessmentversion(version.startsWith("V") ? version : "V1");
                 }
             });
@@ -26144,11 +26513,11 @@ var ProgrammeDocuments = function (props) {
                             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.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
-                                React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
-                                        ? { color: "#3F3A47", cursor: "pointer" }
-                                        : { color: "#cacaca", cursor: "default" }, onClick: function () {
-                                        return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleDesignDocFileUpload();
+                                    : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                                React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
+                                        ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                        : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
+                                        return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
                                     } })),
                             React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
                                     var selectedFile = e.target.files[0];
@@ -26158,11 +26527,11 @@ var ProgrammeDocuments = function (props) {
                         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.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
-                            React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
-                                    return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleDesignDocFileUpload();
+                                : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                            React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
+                                    return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
                                 } })),
                         React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
                                 var selectedFile = e.target.files[0];
@@ -26211,13 +26580,13 @@ var ProgrammeDocuments = function (props) {
                         methodDocStatus !== 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
                                     ? t("programme:notAuthToUploadDoc")
-                                    : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                                    : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                                 React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
-                                        uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
-                                        ? { color: "#3F3A47", cursor: "pointer" }
-                                        : { color: "#cacaca" }, onClick: function () {
+                                        uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
+                                        ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                        : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                         return designDocStatus === exports.DocumentStatus.ACCEPTED &&
-                                            uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) &&
+                                            uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
                                             handleMethodologyFileUpload();
                                     } })),
                             React.createElement("input", { type: "file", ref: fileInputRefMeth, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26228,16 +26597,16 @@ var ProgrammeDocuments = function (props) {
                                 } }))))) : (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
                                 ? t("programme:notAuthToUploadDoc")
-                                : uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
+                                : uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
                                     ? designDocStatus !== exports.DocumentStatus.ACCEPTED &&
                                         t("programme:designDocNotApproved")
                                     : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
-                                    uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     return designDocStatus === exports.DocumentStatus.ACCEPTED &&
-                                        uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) &&
+                                        uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
                                         handleMethodologyFileUpload();
                                 } })),
                         React.createElement("input", { type: "file", ref: fileInputRefMeth, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26260,7 +26629,8 @@ var ProgrammeDocuments = function (props) {
                     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,
+                            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" } }),
@@ -26285,26 +26655,28 @@ var ProgrammeDocuments = function (props) {
                         linkDocVisible(impactAssessmentStatus) && (React.createElement("a", { href: impactAssessmentUrl, target: "_blank", rel: "noopener noreferrer", download: true },
                             React.createElement(icons.BookOutlined, { 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
-                                    ? t("programme:notAuthToUploadDoc")
-                                    : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
-                                React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
-                                        ? { color: "#3F3A47", cursor: "pointer" }
-                                        : { color: "#cacaca", cursor: "default" }, onClick: function () {
-                                        return uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleImpactAssessmentFileUpload();
+                            React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
+                                React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
+                                        !isProjectRejected
+                                        ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                        : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
+                                        return uploadImpactAssessmentDocUserPermission &&
+                                            !isProjectRejected &&
+                                            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
-                                ? t("programme:notAuthToUploadDoc")
-                                : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
-                            React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
-                                    return uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleImpactAssessmentFileUpload();
+                        React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
+                            React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
+                                    !isProjectRejected
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
+                                    return uploadImpactAssessmentDocUserPermission &&
+                                        !isProjectRejected &&
+                                        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];