@undp/carbon-library 1.0.162 → 1.0.163

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/index.js +108 -37
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +108 -37
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
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";
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";
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";
@@ -19559,15 +19559,19 @@ var NdcActionViewComponent = function (props) {
19559
19559
  var userInfoState = useUserContext().userInfoState;
19560
19560
  var post = useConnection().post;
19561
19561
  var state = useLocation().state;
19562
- var _d = React.useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
19562
+ var _d = React.useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
19563
19563
  var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[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];
19564
+ var _f = React.useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
19565
+ var _g = React.useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
19566
+ var _h = React.useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
19567
+ var _j = React.useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
19568
+ var _k = React.useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
19569
+ var _l = React.useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
19570
+ var _m = React.useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
19571
+ var _o = React.useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
19572
+ var _p = React.useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
19573
+ var _q = React.useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
19574
+ var _r = React.useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
19571
19575
  var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
19572
19576
  var response, error_1;
19573
19577
  var _a, _b, _c;
@@ -19609,13 +19613,16 @@ var NdcActionViewComponent = function (props) {
19609
19613
  }
19610
19614
  });
19611
19615
  }); };
19612
- var getProjectReportActions = function (reportData) {
19616
+ var getProjectReportActions = function (reportData, reportVersion) {
19613
19617
  return (React.createElement(antd.Row, null,
19614
19618
  React.createElement("div", { className: "icon" },
19615
19619
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19616
19620
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19617
19621
  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 },
19618
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
19622
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19623
+ (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
19624
+ moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19625
+ " ~ " + reportVersion))));
19619
19626
  };
19620
19627
  var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
19621
19628
  var reportDetails, response, exception_1;
@@ -19663,12 +19670,24 @@ var NdcActionViewComponent = function (props) {
19663
19670
  if ((item === null || item === void 0 ? void 0 : item.status) === exports.DocumentStatus.ACCEPTED) {
19664
19671
  setMonitoringReportAccepted(true);
19665
19672
  }
19673
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19674
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19675
+ var moniteringVersion = version.startsWith("V") ? version : "V1";
19666
19676
  reportDetails[t("ndcAction:viewMoniteringReport")] =
19667
- getProjectReportActions(item);
19677
+ getProjectReportActions(item, moniteringVersion);
19678
+ setMonitoringReportData(item);
19679
+ setMonitoringReportversion(moniteringVersion);
19668
19680
  }
19669
19681
  else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
19682
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19683
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19684
+ var verificationVersion = version.startsWith("V")
19685
+ ? version
19686
+ : "V1";
19670
19687
  reportDetails[t("ndcAction:viewVerificationReport")] =
19671
- getProjectReportActions(item);
19688
+ getProjectReportActions(item, verificationVersion);
19689
+ setVerificationReportData(item);
19690
+ setVerificationReportversion(verificationVersion);
19672
19691
  }
19673
19692
  });
19674
19693
  }
@@ -19922,8 +19941,60 @@ var NdcActionViewComponent = function (props) {
19922
19941
  React.createElement(antd.Col, { lg: 8, md: 24 },
19923
19942
  React.createElement(antd.Skeleton, { loading: isLoading, active: true },
19924
19943
  React.createElement(antd.Card, { className: "card-container fix-height" },
19925
- React.createElement("div", null,
19926
- React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon__namespace.FileEarmarkText, null) })))))),
19944
+ React.createElement("div", { className: "title" },
19945
+ React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.FileEarmarkText, null)),
19946
+ React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
19947
+ React.createElement("div", { className: "ndc-action-report-body" },
19948
+ React.createElement("div", { className: "report-details" },
19949
+ React.createElement("div", { className: "report-type" },
19950
+ React.createElement("div", { className: "name-time-container" },
19951
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19952
+ ? "name"
19953
+ : "empty" }, t("programme:monitoringReport")),
19954
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
19955
+ moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19956
+ " ~ " + monitoringReportversion))),
19957
+ 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
19958
+ ? t("programme:notAuthToUploadDoc")
19959
+ : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId)
19960
+ ? !canUploadMonitorReport &&
19961
+ t("programme:programmeNotAuth")
19962
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19963
+ React.createElement(icons.FileAddOutlined, null))))),
19964
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Row, null,
19965
+ React.createElement("div", { className: "icon" },
19966
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19967
+ exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19968
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19969
+ exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19970
+ React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
19971
+ 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 },
19972
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
19973
+ React.createElement("div", { className: "report-details" },
19974
+ React.createElement("div", { className: "report-type" },
19975
+ React.createElement("div", { className: "name-time-container" },
19976
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19977
+ ? "name"
19978
+ : "empty" }, t("programme:verificationReport")),
19979
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
19980
+ moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19981
+ " ~ " + verificationReportVersion))),
19982
+ 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
19983
+ ? t("programme:notAuthToUploadDoc")
19984
+ : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId)
19985
+ ? !monitoringReportAccepted &&
19986
+ t("programme:monitoringRepNotApproved")
19987
+ : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19988
+ React.createElement(icons.FileAddOutlined, null))))),
19989
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Row, null,
19990
+ React.createElement("div", { className: "icon" },
19991
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19992
+ exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19993
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19994
+ exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19995
+ React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
19996
+ 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 },
19997
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
19927
19998
  ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Mitigation ||
19928
19999
  (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.CrossCutting) && (React.createElement(antd.Row, null,
19929
20000
  React.createElement(antd.Col, { lg: 24, className: "gutter-row" },
@@ -25689,7 +25760,7 @@ var RejectDocumentationConfirmationModel = function (props) {
25689
25760
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
25690
25761
  };
25691
25762
 
25692
- 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";
25763
+ 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";
25693
25764
  styleInject(css_248z$2);
25694
25765
 
25695
25766
  var NdcActionBody = function (props) {
@@ -25907,8 +25978,8 @@ var NdcActionBody = function (props) {
25907
25978
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25908
25979
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25909
25980
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25910
- ? { color: "#3F3A47", cursor: "pointer" }
25911
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25981
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25982
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25912
25983
  if (canUploadMonitorReport &&
25913
25984
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25914
25985
  handleFileUploadMonitor();
@@ -25931,8 +26002,8 @@ var NdcActionBody = function (props) {
25931
26002
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25932
26003
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25933
26004
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25934
- ? { color: "#3F3A47", cursor: "pointer" }
25935
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26005
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26006
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25936
26007
  if (canUploadMonitorReport &&
25937
26008
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25938
26009
  handleFileUploadMonitor();
@@ -25981,8 +26052,8 @@ var NdcActionBody = function (props) {
25981
26052
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
25982
26053
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
25983
26054
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
25984
- ? { color: "#3F3A47", cursor: "pointer" }
25985
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26055
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26056
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25986
26057
  if (monitoringReportAccepted &&
25987
26058
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
25988
26059
  handleFileUploadVerification();
@@ -26005,8 +26076,8 @@ var NdcActionBody = function (props) {
26005
26076
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
26006
26077
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
26007
26078
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
26008
- ? { color: "#3F3A47", cursor: "pointer" }
26009
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26079
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26080
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26010
26081
  if (monitoringReportAccepted &&
26011
26082
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
26012
26083
  handleFileUploadVerification();
@@ -26020,7 +26091,7 @@ var NdcActionBody = function (props) {
26020
26091
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
26021
26092
  };
26022
26093
 
26023
- 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";
26094
+ 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";
26024
26095
  styleInject(css_248z$1);
26025
26096
 
26026
26097
  var ProgrammeDocuments = function (props) {
@@ -26294,8 +26365,8 @@ var ProgrammeDocuments = function (props) {
26294
26365
  ? t("programme:notAuthToUploadDoc")
26295
26366
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26296
26367
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26297
- ? { color: "#3F3A47", cursor: "pointer" }
26298
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26368
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26369
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26299
26370
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26300
26371
  } })),
26301
26372
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26308,8 +26379,8 @@ var ProgrammeDocuments = function (props) {
26308
26379
  ? t("programme:notAuthToUploadDoc")
26309
26380
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26310
26381
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26311
- ? { color: "#3F3A47", cursor: "pointer" }
26312
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26382
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26383
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26313
26384
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26314
26385
  } })),
26315
26386
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26362,8 +26433,8 @@ var ProgrammeDocuments = function (props) {
26362
26433
  : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26363
26434
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
26364
26435
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26365
- ? { color: "#3F3A47", cursor: "pointer" }
26366
- : { color: "#cacaca" }, onClick: function () {
26436
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26437
+ : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26367
26438
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
26368
26439
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26369
26440
  handleMethodologyFileUpload();
@@ -26382,8 +26453,8 @@ var ProgrammeDocuments = function (props) {
26382
26453
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26383
26454
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
26384
26455
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26385
- ? { color: "#3F3A47", cursor: "pointer" }
26386
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26456
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26457
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26387
26458
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
26388
26459
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26389
26460
  handleMethodologyFileUpload();
@@ -26437,8 +26508,8 @@ var ProgrammeDocuments = function (props) {
26437
26508
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26438
26509
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26439
26510
  !isProjectRejected
26440
- ? { color: "#3F3A47", cursor: "pointer" }
26441
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26511
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26512
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26442
26513
  return uploadImpactAssessmentDocUserPermission &&
26443
26514
  !isProjectRejected &&
26444
26515
  handleImpactAssessmentFileUpload();
@@ -26451,8 +26522,8 @@ var ProgrammeDocuments = function (props) {
26451
26522
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26452
26523
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26453
26524
  !isProjectRejected
26454
- ? { color: "#3F3A47", cursor: "pointer" }
26455
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26525
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26526
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26456
26527
  return uploadImpactAssessmentDocUserPermission &&
26457
26528
  !isProjectRejected &&
26458
26529
  handleImpactAssessmentFileUpload();