@undp/carbon-library 1.0.150-CARBON-320.1 → 1.0.151-NAM-4.0

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -19464,7 +19464,7 @@ var AddNdcActionComponent = function (props) {
19464
19464
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
19465
19465
  };
19466
19466
 
19467
- 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";
19467
+ 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";
19468
19468
  styleInject(css_248z$d);
19469
19469
 
19470
19470
  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) {
19510
19510
  }
19511
19511
  return visible;
19512
19512
  };
19513
- var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId, ministryLevelPermission, programmeStatus) {
19513
+ var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId, ministryLevelPermission) {
19514
19514
  var permission = false;
19515
- if (programmeStatus && programmeStatus === exports.ProgrammeStageUnified.Rejected) {
19516
- return false;
19517
- }
19518
19515
  if (docType === exports.DocType.DESIGN_DOCUMENT) {
19519
19516
  if (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
19520
19517
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && ministryLevelPermission)) &&
@@ -19562,19 +19559,15 @@ var NdcActionViewComponent = function (props) {
19562
19559
  var userInfoState = useUserContext().userInfoState;
19563
19560
  var post = useConnection().post;
19564
19561
  var state = useLocation().state;
19565
- var _d = React.useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
19562
+ var _d = React.useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
19566
19563
  var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
19567
- var _f = React.useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
19568
- var _g = React.useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
19569
- var _h = React.useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
19570
- var _j = React.useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
19571
- var _k = React.useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
19572
- var _l = React.useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
19573
- var _m = React.useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
19574
- var _o = React.useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
19575
- var _p = React.useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
19576
- var _q = React.useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
19577
- var _r = React.useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
19564
+ var _f = React.useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
19565
+ var _g = React.useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
19566
+ var _h = React.useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
19567
+ var _j = React.useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
19568
+ var _k = React.useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
19569
+ var _l = React.useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
19570
+ var _m = React.useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
19578
19571
  var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
19579
19572
  var response, error_1;
19580
19573
  var _a, _b, _c;
@@ -19616,16 +19609,13 @@ var NdcActionViewComponent = function (props) {
19616
19609
  }
19617
19610
  });
19618
19611
  }); };
19619
- var getProjectReportActions = function (reportData, reportVersion) {
19612
+ var getProjectReportActions = function (reportData) {
19620
19613
  return (React.createElement(antd.Row, null,
19621
19614
  React.createElement("div", { className: "icon" },
19622
19615
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19623
19616
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19624
19617
  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 },
19625
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19626
- (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
19627
- moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19628
- " ~ " + reportVersion))));
19618
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
19629
19619
  };
19630
19620
  var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
19631
19621
  var reportDetails, response, exception_1;
@@ -19673,24 +19663,12 @@ var NdcActionViewComponent = function (props) {
19673
19663
  if ((item === null || item === void 0 ? void 0 : item.status) === exports.DocumentStatus.ACCEPTED) {
19674
19664
  setMonitoringReportAccepted(true);
19675
19665
  }
19676
- var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19677
- var version = versionfull ? versionfull.split(".")[0] : "1";
19678
- var moniteringVersion = version.startsWith("V") ? version : "V1";
19679
19666
  reportDetails[t("ndcAction:viewMoniteringReport")] =
19680
- getProjectReportActions(item, moniteringVersion);
19681
- setMonitoringReportData(item);
19682
- setMonitoringReportversion(moniteringVersion);
19667
+ getProjectReportActions(item);
19683
19668
  }
19684
19669
  else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
19685
- var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19686
- var version = versionfull ? versionfull.split(".")[0] : "1";
19687
- var verificationVersion = version.startsWith("V")
19688
- ? version
19689
- : "V1";
19690
19670
  reportDetails[t("ndcAction:viewVerificationReport")] =
19691
- getProjectReportActions(item, verificationVersion);
19692
- setVerificationReportData(item);
19693
- setVerificationReportversion(verificationVersion);
19671
+ getProjectReportActions(item);
19694
19672
  }
19695
19673
  });
19696
19674
  }
@@ -19944,60 +19922,8 @@ var NdcActionViewComponent = function (props) {
19944
19922
  React.createElement(antd.Col, { lg: 8, md: 24 },
19945
19923
  React.createElement(antd.Skeleton, { loading: isLoading, active: true },
19946
19924
  React.createElement(antd.Card, { className: "card-container fix-height" },
19947
- React.createElement("div", { className: "title" },
19948
- React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.FileEarmarkText, null)),
19949
- React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
19950
- React.createElement("div", { className: "ndc-action-report-body" },
19951
- React.createElement("div", { className: "report-details" },
19952
- React.createElement("div", { className: "report-type" },
19953
- React.createElement("div", { className: "name-time-container" },
19954
- React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19955
- ? "name"
19956
- : "empty" }, t("programme:monitoringReport")),
19957
- (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
19958
- moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19959
- " ~ " + monitoringReportversion))),
19960
- 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
19961
- ? t("programme:notAuthToUploadDoc")
19962
- : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId)
19963
- ? !canUploadMonitorReport &&
19964
- t("programme:programmeNotAuth")
19965
- : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19966
- React.createElement(icons.FileAddOutlined, null))))),
19967
- (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Row, null,
19968
- React.createElement("div", { className: "icon" },
19969
- (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19970
- exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19971
- (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19972
- exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19973
- React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
19974
- 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 },
19975
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
19976
- React.createElement("div", { className: "report-details" },
19977
- React.createElement("div", { className: "report-type" },
19978
- React.createElement("div", { className: "name-time-container" },
19979
- React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19980
- ? "name"
19981
- : "empty" }, t("programme:verificationReport")),
19982
- (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
19983
- moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19984
- " ~ " + verificationReportVersion))),
19985
- 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
19986
- ? t("programme:notAuthToUploadDoc")
19987
- : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId)
19988
- ? !monitoringReportAccepted &&
19989
- t("programme:monitoringRepNotApproved")
19990
- : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19991
- React.createElement(icons.FileAddOutlined, null))))),
19992
- (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Row, null,
19993
- React.createElement("div", { className: "icon" },
19994
- (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19995
- exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19996
- (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19997
- exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19998
- React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
19999
- 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 },
20000
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
19925
+ React.createElement("div", null,
19926
+ React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon__namespace.FileEarmarkText, null) })))))),
20001
19927
  ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Mitigation ||
20002
19928
  (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.CrossCutting) && (React.createElement(antd.Row, null,
20003
19929
  React.createElement(antd.Col, { lg: 24, className: "gutter-row" },
@@ -24598,6 +24524,8 @@ var NdcDetailsComponent = function (props) {
24598
24524
  var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
24599
24525
  var selectedPeriod = React.useRef({});
24600
24526
  var addedNdcDetailId = React.useRef(0);
24527
+ var selectedNdcDetail = React.useRef({});
24528
+ var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
24601
24529
  var userInfoState = useUserContext().userInfoState;
24602
24530
  var isAddRangeVisible = function () {
24603
24531
  return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
@@ -24608,6 +24536,10 @@ var NdcDetailsComponent = function (props) {
24608
24536
  return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
24609
24537
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
24610
24538
  };
24539
+ var isAddSubNdcActionVisible = function () {
24540
+ return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
24541
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
24542
+ };
24611
24543
  var inRange = function (num, min, max) {
24612
24544
  return num >= min && num <= max;
24613
24545
  };
@@ -24630,6 +24562,15 @@ var NdcDetailsComponent = function (props) {
24630
24562
  return [];
24631
24563
  }
24632
24564
  };
24565
+ var getSubNdcDetails = function (key) {
24566
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24567
+ if (ndcDetail) {
24568
+ return ndcDetail.subNdcDetails;
24569
+ }
24570
+ else {
24571
+ return [];
24572
+ }
24573
+ };
24633
24574
  var defaultColumns = [
24634
24575
  {
24635
24576
  title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -24646,7 +24587,7 @@ var NdcDetailsComponent = function (props) {
24646
24587
  editable: true,
24647
24588
  },
24648
24589
  {
24649
- title: 'Ministry',
24590
+ title: "Ministry",
24650
24591
  dataIndex: "ministry",
24651
24592
  key: "ministry",
24652
24593
  align: "left",
@@ -24674,10 +24615,33 @@ var NdcDetailsComponent = function (props) {
24674
24615
  endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24675
24616
  nationalPlanObj: t("ndc:enterNewPlanTxt"),
24676
24617
  kpi: 0,
24677
- ministry: "Please add the Ministry name"
24618
+ ministry: "Please add the Ministry name",
24678
24619
  };
24679
24620
  setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
24680
24621
  }
24622
+ function onAddNewSubNdcDetail() {
24623
+ var range = selectedTab.split("-");
24624
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
24625
+ var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
24626
+ if (ndcDetail) {
24627
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24628
+ var newData = {
24629
+ key: addedNdcDetailId.current,
24630
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24631
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24632
+ nationalPlanObj: t("ndc:enterNewPlanTxt"),
24633
+ kpi: 0,
24634
+ ministry: "Please add the Ministry name",
24635
+ };
24636
+ if (!ndcDetail.subNdcDetails) {
24637
+ ndcDetail.subNdcDetails = [];
24638
+ }
24639
+ ndcDetail.subNdcDetails.push(newData);
24640
+ }
24641
+ ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
24642
+ setNdcDetailsData(ndcDetailsData);
24643
+ setTableKey(function (key) { return key + 1; });
24644
+ }
24681
24645
  var components = {
24682
24646
  body: {
24683
24647
  row: EditableRow,
@@ -24756,6 +24720,16 @@ var NdcDetailsComponent = function (props) {
24756
24720
  React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
24757
24721
  React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
24758
24722
  }
24723
+ function getSubNdcActionContent(record) {
24724
+ selectedNdcDetail.current = record;
24725
+ return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false, footer: function () {
24726
+ return isAddSubNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
24727
+ React.createElement(antd.Button, { onClick: onAddNewSubNdcDetail, type: "default", style: {
24728
+ marginBottom: 16,
24729
+ width: "100%",
24730
+ } }, t("ndc:addSubNdcAction"))));
24731
+ } }));
24732
+ }
24759
24733
  var onTabChange = function (key) {
24760
24734
  setSelectedTab(key);
24761
24735
  };
@@ -24767,7 +24741,17 @@ var NdcDetailsComponent = function (props) {
24767
24741
  endDate: new Date("2020-03-25"),
24768
24742
  nationalPlanObj: "Enhance value addition in key growth opportunities",
24769
24743
  kpi: 25,
24770
- ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
24744
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24745
+ subNdcDetails: [
24746
+ {
24747
+ key: 6,
24748
+ startDate: new Date("2019-03-25"),
24749
+ endDate: new Date("2020-03-25"),
24750
+ nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
24751
+ kpi: 25,
24752
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24753
+ },
24754
+ ],
24771
24755
  },
24772
24756
  {
24773
24757
  key: 2,
@@ -24775,7 +24759,7 @@ var NdcDetailsComponent = function (props) {
24775
24759
  endDate: new Date("2019-08-25"),
24776
24760
  nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
24777
24761
  kpi: 10500,
24778
- ministry: "Ministry of Tourism (MoT)"
24762
+ ministry: "Ministry of Tourism (MoT)",
24779
24763
  },
24780
24764
  {
24781
24765
  key: 3,
@@ -24783,7 +24767,7 @@ var NdcDetailsComponent = function (props) {
24783
24767
  endDate: new Date("2022-03-25"),
24784
24768
  nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
24785
24769
  kpi: 48,
24786
- ministry: "Ministry of Education, Arts and Culture (MoE)"
24770
+ ministry: "Ministry of Education, Arts and Culture (MoE)",
24787
24771
  },
24788
24772
  {
24789
24773
  key: 4,
@@ -24791,7 +24775,7 @@ var NdcDetailsComponent = function (props) {
24791
24775
  endDate: new Date("2022-05-25"),
24792
24776
  nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
24793
24777
  kpi: 20,
24794
- ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
24778
+ ministry: "Ministry of Environment, Forestry and Tourism (MEFT)",
24795
24779
  },
24796
24780
  {
24797
24781
  key: 5,
@@ -24799,7 +24783,7 @@ var NdcDetailsComponent = function (props) {
24799
24783
  endDate: new Date("2023-03-25"),
24800
24784
  nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
24801
24785
  kpi: 10,
24802
- ministry: "Ministry of Tourism (MoT)"
24786
+ ministry: "Ministry of Tourism (MoT)",
24803
24787
  },
24804
24788
  ];
24805
24789
  var initialPeriods = [
@@ -24842,7 +24826,11 @@ var NdcDetailsComponent = function (props) {
24842
24826
  React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
24843
24827
  selectedTab !== "add_new" && (React.createElement("div", null,
24844
24828
  React.createElement("div", null,
24845
- React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
24829
+ React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
24830
+ expandedRowRender: function (record) { return getSubNdcActionContent(record); },
24831
+ indentSize: 0,
24832
+ defaultExpandedRowKeys: [selectedNdcDetail.current.key],
24833
+ }, footer: function () {
24846
24834
  return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
24847
24835
  React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
24848
24836
  marginBottom: 16,
@@ -25504,7 +25492,7 @@ var RejectDocumentationConfirmationModel = function (props) {
25504
25492
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
25505
25493
  };
25506
25494
 
25507
- 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";
25495
+ 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";
25508
25496
  styleInject(css_248z$2);
25509
25497
 
25510
25498
  var NdcActionBody = function (props) {
@@ -25835,7 +25823,7 @@ var NdcActionBody = function (props) {
25835
25823
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
25836
25824
  };
25837
25825
 
25838
- 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";
25826
+ 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";
25839
25827
  styleInject(css_248z$1);
25840
25828
 
25841
25829
  var ProgrammeDocuments = function (props) {
@@ -25873,6 +25861,13 @@ var ProgrammeDocuments = function (props) {
25873
25861
  var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
25874
25862
  ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
25875
25863
  : 5000000;
25864
+ var isProjectRejected = programmeStatus && programmeStatus === exports.ProgrammeStageUnified.Rejected;
25865
+ var uploadImpactAssessmentDocUserPermission = uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission);
25866
+ var impactAssessmentToolTipTitle = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
25867
+ ? t("programme:notAuthToUploadDoc")
25868
+ : isProjectRejected
25869
+ ? t("programme:docUploadProgrammeRejected")
25870
+ : !uploadImpactAssessmentDocUserPermission && t("programme:orgNotAuth");
25876
25871
  var handleDesignDocFileUpload = function () {
25877
25872
  var _a;
25878
25873
  (_a = fileInputRef === null || fileInputRef === void 0 ? void 0 : fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
@@ -25897,8 +25892,8 @@ var ProgrammeDocuments = function (props) {
25897
25892
  setDesignDocDate(item === null || item === void 0 ? void 0 : item.txTime);
25898
25893
  setDesignDocStatus(item === null || item === void 0 ? void 0 : item.status);
25899
25894
  setDesignDocId(item === null || item === void 0 ? void 0 : item.id);
25900
- var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split('_').length - 1];
25901
- var version = versionfull ? versionfull.split('.')[0] : "1";
25895
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
25896
+ var version = versionfull ? versionfull.split(".")[0] : "1";
25902
25897
  setDesignDocversion(version.startsWith("V") ? version : "V1");
25903
25898
  }
25904
25899
  if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("METHODOLOGY")) {
@@ -25906,8 +25901,8 @@ var ProgrammeDocuments = function (props) {
25906
25901
  setMethodologyDate(item === null || item === void 0 ? void 0 : item.txTime);
25907
25902
  setMethodDocStatus(item === null || item === void 0 ? void 0 : item.status);
25908
25903
  setMethDocId(item === null || item === void 0 ? void 0 : item.id);
25909
- var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split('_').length - 1];
25910
- var version = versionfull ? versionfull.split('.')[0] : "1";
25904
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
25905
+ var version = versionfull ? versionfull.split(".")[0] : "1";
25911
25906
  setMethDocversion(version.startsWith("V") ? version : "V1");
25912
25907
  }
25913
25908
  if ((_c = item === null || item === void 0 ? void 0 : item.url) === null || _c === void 0 ? void 0 : _c.includes("OBJECTION")) {
@@ -25924,7 +25919,7 @@ var ProgrammeDocuments = function (props) {
25924
25919
  setImpactAssessmentStatus(item === null || item === void 0 ? void 0 : item.status);
25925
25920
  setImpactAssessmentId(item === null || item === void 0 ? void 0 : item.id);
25926
25921
  var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
25927
- var version = versionfull ? versionfull.split('.')[0] : "1";
25922
+ var version = versionfull ? versionfull.split(".")[0] : "1";
25928
25923
  setImpactAssessmentversion(version.startsWith("V") ? version : "V1");
25929
25924
  }
25930
25925
  });
@@ -26100,11 +26095,11 @@ var ProgrammeDocuments = function (props) {
26100
26095
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
26101
26096
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
26102
26097
  ? t("programme:notAuthToUploadDoc")
26103
- : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26104
- React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26098
+ : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26099
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26105
26100
  ? { color: "#3F3A47", cursor: "pointer" }
26106
26101
  : { color: "#cacaca", cursor: "default" }, onClick: function () {
26107
- return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleDesignDocFileUpload();
26102
+ return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26108
26103
  } })),
26109
26104
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
26110
26105
  var selectedFile = e.target.files[0];
@@ -26114,11 +26109,11 @@ var ProgrammeDocuments = function (props) {
26114
26109
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
26115
26110
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
26116
26111
  ? t("programme:notAuthToUploadDoc")
26117
- : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26118
- React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26112
+ : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26113
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26119
26114
  ? { color: "#3F3A47", cursor: "pointer" }
26120
26115
  : { color: "#cacaca", cursor: "default" }, onClick: function () {
26121
- return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleDesignDocFileUpload();
26116
+ return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26122
26117
  } })),
26123
26118
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
26124
26119
  var selectedFile = e.target.files[0];
@@ -26167,13 +26162,13 @@ var ProgrammeDocuments = function (props) {
26167
26162
  methodDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
26168
26163
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
26169
26164
  ? t("programme:notAuthToUploadDoc")
26170
- : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26165
+ : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26171
26166
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
26172
- uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26167
+ uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26173
26168
  ? { color: "#3F3A47", cursor: "pointer" }
26174
26169
  : { color: "#cacaca" }, onClick: function () {
26175
26170
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
26176
- uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) &&
26171
+ uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26177
26172
  handleMethodologyFileUpload();
26178
26173
  } })),
26179
26174
  React.createElement("input", { type: "file", ref: fileInputRefMeth, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26184,16 +26179,16 @@ var ProgrammeDocuments = function (props) {
26184
26179
  } }))))) : (React.createElement(React.Fragment, null,
26185
26180
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
26186
26181
  ? t("programme:notAuthToUploadDoc")
26187
- : uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26182
+ : uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26188
26183
  ? designDocStatus !== exports.DocumentStatus.ACCEPTED &&
26189
26184
  t("programme:designDocNotApproved")
26190
26185
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26191
26186
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
26192
- uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26187
+ uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26193
26188
  ? { color: "#3F3A47", cursor: "pointer" }
26194
26189
  : { color: "#cacaca", cursor: "default" }, onClick: function () {
26195
26190
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
26196
- uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) &&
26191
+ uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26197
26192
  handleMethodologyFileUpload();
26198
26193
  } })),
26199
26194
  React.createElement("input", { type: "file", ref: fileInputRefMeth, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26216,7 +26211,8 @@ var ProgrammeDocuments = function (props) {
26216
26211
  React.createElement(antd.Col, { span: 18, className: "field-key" },
26217
26212
  React.createElement("div", { className: "label-container" },
26218
26213
  React.createElement("div", { className: impactAssessmentUrl !== "" ? "label-uploaded" : "label" }, t("programme:environmentalImpactAssessment")),
26219
- impactAssessmentStatus === exports.DocumentStatus.PENDING && (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
26214
+ impactAssessmentStatus === exports.DocumentStatus.PENDING &&
26215
+ (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
26220
26216
  React.createElement(icons.LikeOutlined, { onClick: function () {
26221
26217
  return docAction(impactAssessmentId, exports.DocumentStatus.ACCEPTED);
26222
26218
  }, className: "common-progress-icon", style: { color: "#976ED7" } }),
@@ -26241,26 +26237,28 @@ var ProgrammeDocuments = function (props) {
26241
26237
  linkDocVisible(impactAssessmentStatus) && (React.createElement("a", { href: impactAssessmentUrl, target: "_blank", rel: "noopener noreferrer", download: true },
26242
26238
  React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
26243
26239
  impactAssessmentStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
26244
- React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
26245
- ? t("programme:notAuthToUploadDoc")
26246
- : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26247
- React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26240
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26241
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26242
+ !isProjectRejected
26248
26243
  ? { color: "#3F3A47", cursor: "pointer" }
26249
26244
  : { color: "#cacaca", cursor: "default" }, onClick: function () {
26250
- return uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleImpactAssessmentFileUpload();
26245
+ return uploadImpactAssessmentDocUserPermission &&
26246
+ !isProjectRejected &&
26247
+ handleImpactAssessmentFileUpload();
26251
26248
  } })),
26252
26249
  React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
26253
26250
  var selectedFile = e.target.files[0];
26254
26251
  e.target.value = null;
26255
26252
  onUploadDocument(selectedFile, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT);
26256
26253
  } }))))) : (React.createElement(React.Fragment, null,
26257
- React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
26258
- ? t("programme:notAuthToUploadDoc")
26259
- : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26260
- React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26254
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26255
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26256
+ !isProjectRejected
26261
26257
  ? { color: "#3F3A47", cursor: "pointer" }
26262
26258
  : { color: "#cacaca", cursor: "default" }, onClick: function () {
26263
- return uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleImpactAssessmentFileUpload();
26259
+ return uploadImpactAssessmentDocUserPermission &&
26260
+ !isProjectRejected &&
26261
+ handleImpactAssessmentFileUpload();
26264
26262
  } })),
26265
26263
  React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
26266
26264
  var selectedFile = e.target.files[0];