@undp/carbon-library 1.0.285-CARBON-347.2 → 1.0.285-CARBON-138.1

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 (26) hide show
  1. package/dist/cjs/index.js +1647 -1337
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
  4. package/dist/cjs/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  5. package/dist/cjs/types/Definitions/Enums/instrument.enum.d.ts +3 -0
  6. package/dist/cjs/types/Definitions/Enums/investment.enum.d.ts +0 -4
  7. package/dist/cjs/types/Definitions/Enums/payback.enum.d.ts +8 -0
  8. package/dist/esm/index.js +1650 -1340
  9. package/dist/esm/index.js.map +1 -1
  10. package/dist/esm/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
  11. package/dist/esm/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  12. package/dist/esm/types/Definitions/Enums/instrument.enum.d.ts +3 -0
  13. package/dist/esm/types/Definitions/Enums/investment.enum.d.ts +0 -4
  14. package/dist/esm/types/Definitions/Enums/payback.enum.d.ts +8 -0
  15. package/dist/index.d.ts +4 -5
  16. package/dist/locales/i18n/companyDetails/en.json +19 -0
  17. package/dist/locales/i18n/companyDetails/es.json +16 -0
  18. package/dist/locales/i18n/companyDetails/fr.json +16 -0
  19. package/dist/locales/i18n/companyProfile/en.json +1 -18
  20. package/dist/locales/i18n/companyProfile/es.json +0 -14
  21. package/dist/locales/i18n/companyProfile/fr.json +0 -13
  22. package/dist/locales/i18n/ghgInventory/en.json +3 -1
  23. package/dist/locales/i18n/login/en.json +1 -0
  24. package/dist/locales/i18n/ndc/en.json +2 -0
  25. package/dist/locales/i18n/programme/en.json +10 -4
  26. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -151,15 +151,15 @@ function styleInject(css, ref) {
151
151
  }
152
152
  }
153
153
 
154
- var css_248z$A = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
154
+ var css_248z$B = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n\n.company-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
155
+ styleInject(css_248z$B);
156
+
157
+ var css_248z$A = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
155
158
  styleInject(css_248z$A);
156
159
 
157
- var css_248z$z = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
160
+ var css_248z$z = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
158
161
  styleInject(css_248z$z);
159
162
 
160
- var css_248z$y = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
161
- styleInject(css_248z$y);
162
-
163
163
  var RoleIcon = function (props) {
164
164
  var icon = props.icon, bg = props.bg, color = props.color;
165
165
  return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
@@ -452,8 +452,8 @@ exports.CompanyManagementColumns = void 0;
452
452
  CompanyManagementColumns["companyState"] = "status";
453
453
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
454
454
 
455
- var css_248z$x = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
456
- styleInject(css_248z$x);
455
+ var css_248z$y = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
456
+ styleInject(css_248z$y);
457
457
 
458
458
  var isBase64 = function (str) {
459
459
  if (!str || str === '' || str.trim() === '') {
@@ -493,8 +493,8 @@ exports.CompanyRole = void 0;
493
493
  CompanyRole["API"] = "API";
494
494
  })(exports.CompanyRole || (exports.CompanyRole = {}));
495
495
 
496
- var css_248z$w = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n background: #fff7e6;\n border-color: #ffd591; }\n";
497
- styleInject(css_248z$w);
496
+ var css_248z$x = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n background: #fff7e6;\n border-color: #ffd591; }\n";
497
+ styleInject(css_248z$x);
498
498
 
499
499
  var OrganisationStatus = function (props) {
500
500
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -836,6 +836,7 @@ var CompanyManagementComponent = function (props) {
836
836
  var _j = React.useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
837
837
  var _k = React.useState(""), sortOrder = _k[0], setSortOrder = _k[1];
838
838
  var _l = React.useState(""), sortField = _l[0], setSortField = _l[1];
839
+ var _m = React.useState(), dataQuery = _m[0], setDataQuery = _m[1];
839
840
  var ability = useAbilityContext();
840
841
  var post = useConnection().post;
841
842
  document.addEventListener("mousedown", function (event) {
@@ -1042,6 +1043,11 @@ var CompanyManagementComponent = function (props) {
1042
1043
  setTableData(availableCompanies);
1043
1044
  setTotalCompany((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
1044
1045
  }
1046
+ setDataQuery({
1047
+ filterAnd: filterAnd(),
1048
+ filterOr: filterOr(),
1049
+ sort: sort(),
1050
+ });
1045
1051
  setLoading(false);
1046
1052
  return [3 /*break*/, 4];
1047
1053
  case 3:
@@ -1058,6 +1064,50 @@ var CompanyManagementComponent = function (props) {
1058
1064
  }
1059
1065
  });
1060
1066
  }); };
1067
+ var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
1068
+ var response, url, a, error_2;
1069
+ var _a;
1070
+ return __generator(this, function (_b) {
1071
+ switch (_b.label) {
1072
+ case 0:
1073
+ setLoading(true);
1074
+ _b.label = 1;
1075
+ case 1:
1076
+ _b.trys.push([1, 3, , 4]);
1077
+ return [4 /*yield*/, post("national/organisation/download", {
1078
+ filterAnd: dataQuery.filterAnd,
1079
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
1080
+ sort: dataQuery.sort,
1081
+ })];
1082
+ case 2:
1083
+ response = _b.sent();
1084
+ if (response && response.data) {
1085
+ url = response.data.url;
1086
+ a = document.createElement('a');
1087
+ a.href = url;
1088
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
1089
+ document.body.appendChild(a);
1090
+ a.click();
1091
+ document.body.removeChild(a); // Clean up the created <a> element
1092
+ window.URL.revokeObjectURL(url);
1093
+ }
1094
+ setLoading(false);
1095
+ return [3 /*break*/, 4];
1096
+ case 3:
1097
+ error_2 = _b.sent();
1098
+ console.log("Error in exporting organisations", error_2);
1099
+ antd.message.open({
1100
+ type: "error",
1101
+ content: error_2.message,
1102
+ duration: 3,
1103
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
1104
+ });
1105
+ setLoading(false);
1106
+ return [3 /*break*/, 4];
1107
+ case 4: return [2 /*return*/];
1108
+ }
1109
+ });
1110
+ }); };
1061
1111
  React.useEffect(function () {
1062
1112
  getAllCompany();
1063
1113
  }, [
@@ -1145,7 +1195,13 @@ var CompanyManagementComponent = function (props) {
1145
1195
  React.createElement(icons.FilterOutlined, { style: {
1146
1196
  color: "rgba(58, 53, 65, 0.3)",
1147
1197
  fontSize: "20px",
1148
- } }))))))),
1198
+ } })))),
1199
+ React.createElement("div", { className: "download-data-btn company-data-download" },
1200
+ React.createElement("a", { onClick: downloadCompanyData },
1201
+ React.createElement(icons.DownloadOutlined, { style: {
1202
+ color: "rgba(58, 53, 65, 0.3)",
1203
+ fontSize: "20px",
1204
+ } })))))),
1149
1205
  React.createElement(antd.Row, null,
1150
1206
  React.createElement(antd.Col, { span: 24 },
1151
1207
  React.createElement("div", { className: "userManagement-table-container" },
@@ -1167,11 +1223,11 @@ var CompanyManagementComponent = function (props) {
1167
1223
  } })))))));
1168
1224
  };
1169
1225
 
1170
- var css_248z$v = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n width: 100%; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n\n.hide {\n display: none !important; }\n";
1171
- styleInject(css_248z$v);
1226
+ var css_248z$w = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n width: 100%; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n\n.hide {\n display: none !important; }\n";
1227
+ styleInject(css_248z$w);
1172
1228
 
1173
- var css_248z$u = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n body .ant-menu {\n background-color: #f4f5fa; }\n body .ant-layout-header {\n background-color: #f4f5fa; }\n body .ant-layout {\n background-color: #f4f5fa; }\n body .ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n body .ant-menu-item {\n background-color: #f4f5fa; }\n body .ant-menu-sub {\n background-color: #f4f5fa; }\n body .ant-table-content {\n font-family: \"Inter\"; }\n body .ant-input {\n border-radius: 5px !important; }\n body .ant-btn {\n border-radius: 5px !important; }\n body .ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n body .ant-input-group .ant-input {\n width: 99% !important; }\n body .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n body .ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n body .ant-upload-list-picture .ant-upload-list-item-error,\n body .ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n body .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n body .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n body .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n body .ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n body .ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n body .ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n body .ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n body .ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n body .ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n body .space-container {\n width: 100%; }\n body .space-container .ant-space-item {\n width: 100%; }\n body .PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n body .PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n body .filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n body .ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n body .ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n body .PhoneInput .PhoneInputInput:focus-visible,\n body .PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n body .layout-content-container {\n padding-bottom: 100px; }\n body .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n body .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n body .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n body .content-container {\n padding: 0px 20px; }\n body .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n body .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n body .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n body .content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n body .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n body .content-card .action-bar button {\n width: fit-content; }\n body .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n body .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n body .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n body .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n body .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n body .layout-content-container .ant-btn {\n min-width: 50px !important; }\n body .table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n body .action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n body .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n body .action-menu .anticon-edit {\n color: #16b1ff; }\n body .action-menu .anticon-delete {\n color: #f25a29; }\n body .ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n body .ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n body .ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n body .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n body .ant-tag {\n border-radius: 20px; }\n body .clickable {\n cursor: pointer; }\n body .text-center {\n text-align: center; }\n body .float-left {\n float: left; }\n body .float-right {\n float: right; }\n body .apexcharts-canvas {\n font-family: \"Inter\" !important; }\n body .apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n body .ant-tag {\n padding: 1px 10px; }\n body .flex-display {\n display: flex; }\n body .ant-modal-footer {\n border-top: none;\n text-align: center; }\n body .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n body .ant-modal-header {\n border-radius: 15px;\n border: none; }\n body .ant-modal-content {\n border-radius: 15px;\n border: none; }\n body .ant-modal-header {\n border: none; }\n body .ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n body .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n body .ant-modal-body .form-label {\n text-align: left; }\n body .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n body .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n body .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n body .popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n body .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n body .popup-header img {\n height: 100px; }\n body .popup-success .icon {\n color: #5dc380; }\n body .popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-primary .icon {\n color: #16b1ff; }\n body .popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n body .popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n body .popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n body .ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n body .ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n body .filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n body .pull-right {\n float: right; }\n body .disabled {\n opacity: 0.5; }\n body .mg-left-3 {\n margin-left: 3rem; }\n body .mg-left-2 {\n margin-left: 2rem !important; }\n body .mg-left-1 {\n margin-left: 1rem; }\n body .mg-top-1 {\n margin-top: 1rem; }\n body .mg-top-2 {\n margin-top: 2rem; }\n body .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n body .transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n body .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n body .transfer-form .ant-row {\n align-items: unset; }\n body .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n body .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n body .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n body .transfer-form label {\n font-size: 0.8rem; }\n body .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n body .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n body .color-error {\n color: rgba(255, 77, 79, 0.8); }\n body .color-primary {\n color: #16b1ff; }\n body .ant-input-number-input {\n text-align: right; }\n body .text-left {\n text-align: left; }\n body .ant-form-item .ant-radio-group {\n text-align: left; }\n body .loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n body .ant-tag-purple {\n color: #976ed7; }\n body .ant-tag-orange {\n color: #ff8f56; }\n body .ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n body .ant-popover-inner {\n border-radius: 4px; }\n body .ant-input-number {\n border-radius: 5px; }\n body .ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n body .flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n body .b-icon {\n vertical-align: middle; }\n body .ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n body .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n body .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n body .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n body .ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n body .sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n body .search-filter {\n margin-right: 15px; }\n body .mg-bottom-0 {\n margin-bottom: 0px; }\n body .padding-bottom-0 {\n padding-bottom: 0px; }\n body .ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n body .nextline-overflow {\n overflow-wrap: break-word; }\n body .ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
1174
- styleInject(css_248z$u);
1229
+ var css_248z$v = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n body .ant-menu {\n background-color: #f4f5fa; }\n body .ant-layout-header {\n background-color: #f4f5fa; }\n body .ant-layout {\n background-color: #f4f5fa; }\n body .ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n body .ant-menu-item {\n background-color: #f4f5fa; }\n body .ant-menu-sub {\n background-color: #f4f5fa; }\n body .ant-table-content {\n font-family: \"Inter\"; }\n body .ant-input {\n border-radius: 5px !important; }\n body .ant-btn {\n border-radius: 5px !important; }\n body .ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n body .ant-input-group .ant-input {\n width: 99% !important; }\n body .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n body .ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n body .ant-upload-list-picture .ant-upload-list-item-error,\n body .ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n body .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n body .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n body .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n body .ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n body .ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n body .ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n body .ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n body .ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n body .ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n body .space-container {\n width: 100%; }\n body .space-container .ant-space-item {\n width: 100%; }\n body .PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n body .PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n body .filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n body .ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n body .ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n body .PhoneInput .PhoneInputInput:focus-visible,\n body .PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n body .layout-content-container {\n padding-bottom: 100px; }\n body .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n body .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n body .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n body .content-container {\n padding: 0px 20px; }\n body .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n body .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n body .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n body .content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n body .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n body .content-card .action-bar button {\n width: fit-content; }\n body .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n body .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n body .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n body .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n body .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n body .layout-content-container .ant-btn {\n min-width: 50px !important; }\n body .table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n body .action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n body .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n body .action-menu .anticon-edit {\n color: #16b1ff; }\n body .action-menu .anticon-delete {\n color: #f25a29; }\n body .ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n body .ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n body .ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n body .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n body .ant-tag {\n border-radius: 20px; }\n body .clickable {\n cursor: pointer; }\n body .text-center {\n text-align: center; }\n body .float-left {\n float: left; }\n body .float-right {\n float: right; }\n body .apexcharts-canvas {\n font-family: \"Inter\" !important; }\n body .apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n body .ant-tag {\n padding: 1px 10px; }\n body .flex-display {\n display: flex; }\n body .ant-modal-footer {\n border-top: none;\n text-align: center; }\n body .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n body .ant-modal-header {\n border-radius: 15px;\n border: none; }\n body .ant-modal-content {\n border-radius: 15px;\n border: none; }\n body .ant-modal-header {\n border: none; }\n body .ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n body .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n body .ant-modal-body .form-label {\n text-align: left; }\n body .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n body .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n body .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n body .popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n body .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n body .popup-header img {\n height: 100px; }\n body .popup-success .icon {\n color: #5dc380; }\n body .popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-primary .icon {\n color: #16b1ff; }\n body .popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n body .popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n body .popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n body .ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n body .ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n body .filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n body .pull-right {\n float: right; }\n body .disabled {\n opacity: 0.5; }\n body .mg-left-3 {\n margin-left: 3rem; }\n body .mg-left-2 {\n margin-left: 2rem !important; }\n body .mg-left-1 {\n margin-left: 1rem; }\n body .mg-top-1 {\n margin-top: 1rem; }\n body .mg-top-2 {\n margin-top: 2rem; }\n body .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n body .transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n body .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n body .transfer-form .ant-row {\n align-items: unset; }\n body .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n body .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n body .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n body .transfer-form label {\n font-size: 0.8rem; }\n body .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n body .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n body .color-error {\n color: rgba(255, 77, 79, 0.8); }\n body .color-primary {\n color: #16b1ff; }\n body .ant-input-number-input {\n text-align: right; }\n body .text-left {\n text-align: left; }\n body .ant-form-item .ant-radio-group {\n text-align: left; }\n body .loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n body .ant-tag-purple {\n color: #976ed7; }\n body .ant-tag-orange {\n color: #ff8f56; }\n body .ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n body .ant-popover-inner {\n border-radius: 4px; }\n body .ant-input-number {\n border-radius: 5px; }\n body .ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n body .flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n body .b-icon {\n vertical-align: middle; }\n body .ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n body .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n body .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n body .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n body .ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n body .sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n body .search-filter {\n margin-right: 15px; }\n body .mg-bottom-0 {\n margin-bottom: 0px; }\n body .padding-bottom-0 {\n padding-bottom: 0px; }\n body .ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n body .nextline-overflow {\n overflow-wrap: break-word; }\n body .ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n body .download-data-btn {\n margin-left: 15px; }\n";
1230
+ styleInject(css_248z$v);
1175
1231
 
1176
1232
  exports.UserManagementColumns = void 0;
1177
1233
  (function (UserManagementColumns) {
@@ -1242,11 +1298,6 @@ exports.InvestmentCreationType = void 0;
1242
1298
  InvestmentCreationType["EXISTING"] = "Existing";
1243
1299
  InvestmentCreationType["NEW"] = "New";
1244
1300
  })(exports.InvestmentCreationType || (exports.InvestmentCreationType = {}));
1245
- exports.InvestmentOwnershipType = void 0;
1246
- (function (InvestmentOwnershipType) {
1247
- InvestmentOwnershipType["PROJECT"] = "Project";
1248
- InvestmentOwnershipType["NATIONAL"] = "National";
1249
- })(exports.InvestmentOwnershipType || (exports.InvestmentOwnershipType = {}));
1250
1301
  exports.InvestmentStream = void 0;
1251
1302
  (function (InvestmentStream) {
1252
1303
  InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
@@ -2357,6 +2408,9 @@ exports.Instrument = void 0;
2357
2408
  Instrument["EQUITY"] = "Equity";
2358
2409
  Instrument["GUARANTEE"] = "Guarantee";
2359
2410
  Instrument["INKIND"] = "In-Kind";
2411
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2412
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2413
+ Instrument["INSURANCE"] = "Insurance";
2360
2414
  Instrument["OTHER"] = "Other";
2361
2415
  })(exports.Instrument || (exports.Instrument = {}));
2362
2416
 
@@ -6263,7 +6317,7 @@ var AddNewCompanyComponent = function (props) {
6263
6317
  _c.label = 1;
6264
6318
  case 1:
6265
6319
  _c.trys.push([1, 7, 8, 9]);
6266
- if (requestData.phoneNo) {
6320
+ if (requestData.phoneNo && requestData.phoneNo.length > 4) {
6267
6321
  requestData.phoneNo = PhoneInput.formatPhoneNumberIntl(requestData.phoneNo);
6268
6322
  }
6269
6323
  else {
@@ -6895,13 +6949,6 @@ var AddNewCompanyComponent = function (props) {
6895
6949
  ] }))))));
6896
6950
  };
6897
6951
 
6898
- var CompanyRoleIcon = function (props) {
6899
- var role = props.role;
6900
- return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6901
- role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6902
- role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6903
- };
6904
-
6905
6952
  var TextArea$2 = antd.Input.TextArea;
6906
6953
  var UserActionConfirmationModel = function (props) {
6907
6954
  var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
@@ -6926,11 +6973,115 @@ var UserActionConfirmationModel = function (props) {
6926
6973
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
6927
6974
  };
6928
6975
 
6976
+ var css_248z$u = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
6977
+ styleInject(css_248z$u);
6978
+
6979
+ var CompanyRoleIcon = function (props) {
6980
+ var role = props.role;
6981
+ return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6982
+ role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6983
+ role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6984
+ };
6985
+
6929
6986
  var css_248z$t = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
6930
6987
  styleInject(css_248z$t);
6931
6988
 
6989
+ var CompanyDetailsComponent = function (props) {
6990
+ var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
6991
+ var getEnumKeysFromValues = function (values) {
6992
+ var enumKeys = [];
6993
+ for (var key in exports.SectoralScope) {
6994
+ if (values.includes(exports.SectoralScope[key])) {
6995
+ enumKeys.push(key);
6996
+ }
6997
+ }
6998
+ return enumKeys;
6999
+ };
7000
+ return (React.createElement(antd.Card, { className: "card-container" },
7001
+ React.createElement("div", { className: "info-view" },
7002
+ React.createElement("div", { className: "title" },
7003
+ React.createElement("span", { className: "title-icon" },
7004
+ React.createElement(icons.BankOutlined, null)),
7005
+ React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
7006
+ React.createElement(antd.Skeleton, { loading: isLoading, active: true },
7007
+ React.createElement(antd.Row, { className: "field" },
7008
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
7009
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
7010
+ React.createElement(antd.Row, { className: "field" },
7011
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
7012
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
7013
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
7014
+ ? companyDetails.taxId
7015
+ : "-")),
7016
+ React.createElement(antd.Row, { className: "field" },
7017
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
7018
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
7019
+ ? companyDetails.paymentId
7020
+ : "-")),
7021
+ React.createElement(antd.Row, { className: "field" },
7022
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
7023
+ React.createElement(antd.Col, { span: 12, className: "field-value" },
7024
+ React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
7025
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
7026
+ React.createElement(antd.Row, { className: "field" },
7027
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
7028
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
7029
+ ? companyDetails.nameOfMinister
7030
+ : "-")),
7031
+ React.createElement(antd.Row, { className: "field" },
7032
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
7033
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
7034
+ ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
7035
+ : "-")))),
7036
+ React.createElement(antd.Row, { className: "field" },
7037
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
7038
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
7039
+ React.createElement(antd.Row, { className: "field" },
7040
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
7041
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
7042
+ React.createElement(antd.Row, { className: "field" },
7043
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
7044
+ React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
7045
+ React.createElement(antd.Row, { className: "field" },
7046
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
7047
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
7048
+ regionField && (React.createElement(antd.Row, { className: "field" },
7049
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
7050
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
7051
+ ? companyDetails.regions.join(", ")
7052
+ : "-"))),
7053
+ React.createElement(antd.Row, { className: "field" },
7054
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
7055
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
7056
+ ? companyDetails.programmeCount
7057
+ : "-")),
7058
+ React.createElement(antd.Row, { className: "field" },
7059
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
7060
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
7061
+ ? addCommSep(companyDetails.creditBalance)
7062
+ : "-")),
7063
+ parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
7064
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
7065
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
7066
+ ? companyDetails.remarks
7067
+ : "-"))) : (""),
7068
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
7069
+ systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
7070
+ React.createElement(antd.Row, { className: "field" },
7071
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
7072
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
7073
+ ? companyDetails.omgePercentage
7074
+ : "-")))),
7075
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
7076
+ React.createElement(antd.Row, { className: "field" },
7077
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
7078
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
7079
+ ? companyDetails.nationalSopValue
7080
+ : "-"))))))));
7081
+ };
7082
+
6932
7083
  var CompanyProfileComponent = function (props) {
6933
- var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField, systemType = props.systemType;
7084
+ var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit; props.regionField; var systemType = props.systemType;
6934
7085
  var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
6935
7086
  var _b = React.useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
6936
7087
  var _c = React.useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
@@ -7208,15 +7359,6 @@ var CompanyProfileComponent = function (props) {
7208
7359
  setErrorMsg("");
7209
7360
  setOpenRejectModal(true);
7210
7361
  };
7211
- var getEnumKeysFromValues = function (values) {
7212
- var enumKeys = [];
7213
- for (var key in exports.SectoralScope) {
7214
- if (values.includes(exports.SectoralScope[key])) {
7215
- enumKeys.push(key);
7216
- }
7217
- }
7218
- return enumKeys;
7219
- };
7220
7362
  return (React.createElement("div", { className: "content-container company-profile" },
7221
7363
  React.createElement("div", { className: "title-bar" },
7222
7364
  React.createElement("div", null,
@@ -7255,87 +7397,7 @@ var CompanyProfileComponent = function (props) {
7255
7397
  React.createElement(antd.Row, { justify: "center" },
7256
7398
  React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
7257
7399
  React.createElement(antd.Col, { md: 24, lg: 16 },
7258
- React.createElement(antd.Card, { className: "card-container" },
7259
- React.createElement("div", { className: "info-view" },
7260
- React.createElement("div", { className: "title" },
7261
- React.createElement("span", { className: "title-icon" },
7262
- React.createElement(icons.BankOutlined, null)),
7263
- React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
7264
- React.createElement(antd.Skeleton, { loading: isLoading, active: true },
7265
- React.createElement(antd.Row, { className: "field" },
7266
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
7267
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
7268
- React.createElement(antd.Row, { className: "field" },
7269
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
7270
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
7271
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
7272
- ? companyDetails.taxId
7273
- : "-")),
7274
- React.createElement(antd.Row, { className: "field" },
7275
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
7276
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
7277
- ? companyDetails.paymentId
7278
- : "-")),
7279
- React.createElement(antd.Row, { className: "field" },
7280
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
7281
- React.createElement(antd.Col, { span: 12, className: "field-value" },
7282
- React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
7283
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
7284
- React.createElement(antd.Row, { className: "field" },
7285
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
7286
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
7287
- ? companyDetails.nameOfMinister
7288
- : "-")),
7289
- React.createElement(antd.Row, { className: "field" },
7290
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
7291
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
7292
- ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
7293
- : "-")))),
7294
- React.createElement(antd.Row, { className: "field" },
7295
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
7296
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
7297
- React.createElement(antd.Row, { className: "field" },
7298
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
7299
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
7300
- React.createElement(antd.Row, { className: "field" },
7301
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
7302
- React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
7303
- React.createElement(antd.Row, { className: "field" },
7304
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
7305
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
7306
- regionField && (React.createElement(antd.Row, { className: "field" },
7307
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
7308
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
7309
- ? companyDetails.regions.join(", ")
7310
- : "-"))),
7311
- React.createElement(antd.Row, { className: "field" },
7312
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
7313
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
7314
- ? companyDetails.programmeCount
7315
- : "-")),
7316
- React.createElement(antd.Row, { className: "field" },
7317
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
7318
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
7319
- ? addCommSep(companyDetails.creditBalance)
7320
- : "-")),
7321
- parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
7322
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
7323
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
7324
- ? companyDetails.remarks
7325
- : "-"))) : (""),
7326
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
7327
- systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
7328
- React.createElement(antd.Row, { className: "field" },
7329
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
7330
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
7331
- ? companyDetails.omgePercentage
7332
- : "-")))),
7333
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
7334
- React.createElement(antd.Row, { className: "field" },
7335
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
7336
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
7337
- ? companyDetails.nationalSopValue
7338
- : "-"))))))),
7400
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
7339
7401
  ((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
7340
7402
  (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(antd.Card, { className: "card-container" },
7341
7403
  React.createElement("div", { className: "info-view" },
@@ -7380,14 +7442,15 @@ var ProgrammeManagementComponent = function (props) {
7380
7442
  var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
7381
7443
  var userInfoState = useUserContext().userInfoState;
7382
7444
  var ability = useAbilityContext();
7445
+ var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
7383
7446
  var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStageR;
7384
7447
  var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
7385
7448
  label: Object.values(stageObject)[index],
7386
7449
  value: k,
7387
7450
  }); });
7388
- var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
7389
- var _r = React.useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
7390
- var _s = React.useState(true), checkAll = _s[0], setCheckAll = _s[1];
7451
+ var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
7452
+ var _s = React.useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
7453
+ var _t = React.useState(true), checkAll = _t[0], setCheckAll = _t[1];
7391
7454
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
7392
7455
  return __generator(this, function (_a) {
7393
7456
  console.log(checkedValues);
@@ -7630,6 +7693,11 @@ var ProgrammeManagementComponent = function (props) {
7630
7693
  setTableData(response.data);
7631
7694
  setTotalProgramme(response.response.data.total);
7632
7695
  setLoading(false);
7696
+ setDataQuery({
7697
+ filterAnd: filter,
7698
+ filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
7699
+ sort: sort,
7700
+ });
7633
7701
  return [3 /*break*/, 4];
7634
7702
  case 3:
7635
7703
  error_1 = _a.sent();
@@ -7687,6 +7755,50 @@ var ProgrammeManagementComponent = function (props) {
7687
7755
  }
7688
7756
  });
7689
7757
  }); };
7758
+ var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
7759
+ var response, url, a, error_3;
7760
+ var _a;
7761
+ return __generator(this, function (_b) {
7762
+ switch (_b.label) {
7763
+ case 0:
7764
+ setLoading(true);
7765
+ _b.label = 1;
7766
+ case 1:
7767
+ _b.trys.push([1, 3, , 4]);
7768
+ return [4 /*yield*/, post("national/programme/download", {
7769
+ filterAnd: dataQuery.filterAnd,
7770
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
7771
+ sort: dataQuery.sort,
7772
+ })];
7773
+ case 2:
7774
+ response = _b.sent();
7775
+ if (response && response.data) {
7776
+ url = response.data.url;
7777
+ a = document.createElement('a');
7778
+ a.href = url;
7779
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
7780
+ document.body.appendChild(a);
7781
+ a.click();
7782
+ document.body.removeChild(a); // Clean up the created <a> element
7783
+ window.URL.revokeObjectURL(url);
7784
+ }
7785
+ setLoading(false);
7786
+ return [3 /*break*/, 4];
7787
+ case 3:
7788
+ error_3 = _b.sent();
7789
+ console.log("Error in exporting programmes", error_3);
7790
+ antd.message.open({
7791
+ type: "error",
7792
+ content: error_3.message,
7793
+ duration: 3,
7794
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7795
+ });
7796
+ setLoading(false);
7797
+ return [3 /*break*/, 4];
7798
+ case 4: return [2 /*return*/];
7799
+ }
7800
+ });
7801
+ }); };
7690
7802
  var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
7691
7803
  return __generator(this, function (_a) {
7692
7804
  setSearch(searchText);
@@ -7775,7 +7887,13 @@ var ProgrammeManagementComponent = function (props) {
7775
7887
  return e.target.value === ""
7776
7888
  ? setSearch(e.target.value)
7777
7889
  : setSearchText(e.target.value);
7778
- }, onSearch: setSearch, style: { width: 265 } }))))),
7890
+ }, onSearch: setSearch, style: { width: 265 } })),
7891
+ React.createElement("div", { className: "download-data-btn" },
7892
+ React.createElement("a", { onClick: downloadProgrammeData },
7893
+ React.createElement(icons.DownloadOutlined, { style: {
7894
+ color: "rgba(58, 53, 65, 0.3)",
7895
+ fontSize: "20px",
7896
+ } })))))),
7779
7897
  React.createElement(antd.Row, null,
7780
7898
  React.createElement(antd.Col, { span: 24 },
7781
7899
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -14673,7 +14791,7 @@ var AddNewUserComponent = function (props) {
14673
14791
  _a.label = 1;
14674
14792
  case 1:
14675
14793
  _a.trys.push([1, 3, 4, 5]);
14676
- if (values.phoneNo) {
14794
+ if (values.phoneNo && values.phoneNo.length > 4) {
14677
14795
  values.phoneNo = PhoneInput.formatPhoneNumberIntl(values.phoneNo);
14678
14796
  }
14679
14797
  else {
@@ -15064,15 +15182,6 @@ var UserProfileComponent = function (props) {
15064
15182
  }
15065
15183
  });
15066
15184
  }); };
15067
- var getEnumKeysFromValues = function (values) {
15068
- var enumKeys = [];
15069
- for (var key in exports.SectoralScope) {
15070
- if (values.includes(exports.SectoralScope[key])) {
15071
- enumKeys.push(key);
15072
- }
15073
- }
15074
- return enumKeys;
15075
- };
15076
15185
  React.useEffect(function () {
15077
15186
  getUserProfileDetails();
15078
15187
  }, []);
@@ -15122,77 +15231,10 @@ var UserProfileComponent = function (props) {
15122
15231
  React.createElement(antd.Row, { className: "field" },
15123
15232
  React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
15124
15233
  React.createElement(antd.Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
15125
- React.createElement(antd.Card, { className: "card-container" },
15126
- React.createElement("div", { className: "info-view" },
15127
- React.createElement("div", { className: "title" },
15128
- React.createElement("span", { className: "title-icon" },
15129
- React.createElement(icons.BankOutlined, null)),
15130
- React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
15131
- React.createElement(antd.Skeleton, { loading: isLoading, active: true },
15132
- React.createElement(antd.Row, { className: "field" },
15133
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:name")),
15134
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.name
15135
- ? organisationDetails.name
15136
- : "-")),
15137
- React.createElement(antd.Row, { className: "field" },
15138
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
15139
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
15140
- organisationDetails.companyRole !==
15141
- exports.CompanyRole.GOVERNMENT
15142
- ? organisationDetails.taxId
15143
- : "-")),
15144
- React.createElement(antd.Row, { className: "field" },
15145
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
15146
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
15147
- ? organisationDetails.paymentId
15148
- : "-")),
15149
- React.createElement(antd.Row, { className: "field" },
15150
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
15151
- React.createElement(antd.Col, { span: 12, className: "field-value" },
15152
- React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
15153
- (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
15154
- exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
15155
- React.createElement(antd.Row, { className: "field" },
15156
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
15157
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
15158
- ? organisationDetails.nameOfMinister
15159
- : "-")),
15160
- React.createElement(antd.Row, { className: "field" },
15161
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
15162
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
15163
- ? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
15164
- : "-")))),
15165
- React.createElement(antd.Row, { className: "field" },
15166
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:email")),
15167
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
15168
- ? organisationDetails.email
15169
- : "-")),
15170
- React.createElement(antd.Row, { className: "field" },
15171
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
15172
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
15173
- ? organisationDetails.phoneNo
15174
- : "-")),
15175
- React.createElement(antd.Row, { className: "field" },
15176
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:website")),
15177
- React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
15178
- React.createElement(antd.Row, { className: "field" },
15179
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:address")),
15180
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.address
15181
- ? organisationDetails.address
15182
- : "-")),
15183
- React.createElement(antd.Row, { className: "field" },
15184
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
15185
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
15186
- ? organisationDetails.programmeCount
15187
- : "-")),
15188
- React.createElement(antd.Row, { className: "field" },
15189
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
15190
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
15191
- ? addCommSep(organisationDetails.creditBalance)
15192
- : "-")))))))))));
15234
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
15193
15235
  };
15194
15236
 
15195
- var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
15237
+ var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n\n.user-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
15196
15238
  styleInject(css_248z$n);
15197
15239
 
15198
15240
  var Search = antd.Input.Search;
@@ -15218,6 +15260,7 @@ var UserManagementComponent = function (props) {
15218
15260
  var _r = React.useState({}), actionInfo = _r[0], setActionInfo = _r[1];
15219
15261
  var _s = React.useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
15220
15262
  var _t = React.useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
15263
+ var _u = React.useState(), dataQuery = _u[0], setDataQuery = _u[1];
15221
15264
  var ability = useAbilityContext();
15222
15265
  var userInfoState = useUserContext().userInfoState;
15223
15266
  document.addEventListener("mousedown", function (event) {
@@ -15574,6 +15617,11 @@ var UserManagementComponent = function (props) {
15574
15617
  setTableData(availableUsers);
15575
15618
  setTotalUser((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
15576
15619
  }
15620
+ setDataQuery({
15621
+ filterAnd: filterAnd(),
15622
+ filterOr: filterOr(),
15623
+ sort: sort(),
15624
+ });
15577
15625
  setLoading(false);
15578
15626
  return [3 /*break*/, 4];
15579
15627
  case 3:
@@ -15591,6 +15639,50 @@ var UserManagementComponent = function (props) {
15591
15639
  }
15592
15640
  });
15593
15641
  }); };
15642
+ var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
15643
+ var response, url, a, error_3;
15644
+ var _a;
15645
+ return __generator(this, function (_b) {
15646
+ switch (_b.label) {
15647
+ case 0:
15648
+ setLoading(true);
15649
+ _b.label = 1;
15650
+ case 1:
15651
+ _b.trys.push([1, 3, , 4]);
15652
+ return [4 /*yield*/, post("national/user/download", {
15653
+ filterAnd: dataQuery.filterAnd,
15654
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
15655
+ sort: dataQuery.sort,
15656
+ })];
15657
+ case 2:
15658
+ response = _b.sent();
15659
+ if (response && response.data) {
15660
+ url = response.data.url;
15661
+ a = document.createElement('a');
15662
+ a.href = url;
15663
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
15664
+ document.body.appendChild(a);
15665
+ a.click();
15666
+ document.body.removeChild(a); // Clean up the created <a> element
15667
+ window.URL.revokeObjectURL(url);
15668
+ }
15669
+ setLoading(false);
15670
+ return [3 /*break*/, 4];
15671
+ case 3:
15672
+ error_3 = _b.sent();
15673
+ console.log("Error in exporting users", error_3);
15674
+ antd.message.open({
15675
+ type: "error",
15676
+ content: error_3.message,
15677
+ duration: 3,
15678
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15679
+ });
15680
+ setLoading(false);
15681
+ return [3 /*break*/, 4];
15682
+ case 4: return [2 /*return*/];
15683
+ }
15684
+ });
15685
+ }); };
15594
15686
  React.useEffect(function () {
15595
15687
  getAllUser();
15596
15688
  }, [
@@ -15713,7 +15805,13 @@ var UserManagementComponent = function (props) {
15713
15805
  React.createElement(icons.FilterOutlined, { style: {
15714
15806
  color: "rgba(58, 53, 65, 0.3)",
15715
15807
  fontSize: "20px",
15716
- } }))))))),
15808
+ } })))),
15809
+ React.createElement("div", { className: "download-data-btn user-data-download" },
15810
+ React.createElement("a", { onClick: downloadUserData },
15811
+ React.createElement(icons.DownloadOutlined, { style: {
15812
+ color: "rgba(58, 53, 65, 0.3)",
15813
+ fontSize: "20px",
15814
+ } })))))),
15717
15815
  React.createElement(antd.Row, null,
15718
15816
  React.createElement(antd.Col, { span: 24 },
15719
15817
  React.createElement("div", { className: "userManagement-table-container" },
@@ -15732,48 +15830,49 @@ var UserManagementComponent = function (props) {
15732
15830
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15733
15831
  };
15734
15832
 
15735
- var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.details-part-two .ant-input-number {\n width: 50%;\n margin-left: 15px; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Cancelled\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Accepted\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Pending\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Recognised\"] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"NotRecognised\"] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
15833
+ var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
15736
15834
  styleInject(css_248z$m);
15737
15835
 
15738
15836
  var Loading = function () {
15739
15837
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
15740
15838
  };
15741
15839
 
15840
+ var GuaranteePayback;
15841
+ (function (GuaranteePayback) {
15842
+ GuaranteePayback["UPFORNT"] = "Upfront";
15843
+ GuaranteePayback["ANNUAL"] = "Annual";
15844
+ })(GuaranteePayback || (GuaranteePayback = {}));
15845
+ var InsurancePayback;
15846
+ (function (InsurancePayback) {
15847
+ InsurancePayback["LUMPSUM"] = "LumpSum";
15848
+ InsurancePayback["ANNUAL"] = "Annual";
15849
+ })(InsurancePayback || (InsurancePayback = {}));
15850
+
15851
+ var RangePicker$3 = antd.DatePicker.RangePicker;
15742
15852
  var InvestmentCreationComponent = function (props) {
15743
- var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onNavigateToInvestmentManagementView = props.onNavigateToInvestmentManagementView;
15853
+ var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15744
15854
  var state = useLocation().state;
15745
15855
  var _a = React.useState(), data = _a[0], setData = _a[1];
15746
- var _b = React.useState({}), companyNames = _b[0], setCompanyNames = _b[1];
15747
- var _c = React.useState({}); _c[0]; var setUserOrganization = _c[1];
15748
- var _d = React.useState({}), investmentNames = _d[0], setInvestmentNames = _d[1];
15749
- var _e = React.useState(), projectData = _e[0], setProjectData = _e[1];
15750
- var _f = React.useState(), investmentData = _f[0], setInvestmentData = _f[1];
15751
- var _g = React.useState([]), allProjectData = _g[0], setAllProjectData = _g[1];
15752
15856
  var formOne = antd.Form.useForm()[0];
15753
15857
  var formTwo = antd.Form.useForm()[0];
15754
15858
  var post = useConnection().post;
15755
- var _h = React.useState(false), loading = _h[0], setLoading = _h[1];
15756
- var _j = React.useState("New"), typeCreation = _j[0], setTypeCreation = _j[1];
15757
- var _k = React.useState(exports.InvestmentOwnershipType.PROJECT), investmentOwnershipType = _k[0], setInvestmentOwnershipType = _k[1];
15758
- var _l = React.useState(false), loadingList = _l[0], setLoadingList = _l[1];
15759
- var _m = React.useState(false), loadingInvestment = _m[0], setLoadingInvestment = _m[1];
15760
- var _o = React.useState(false), loadingProgData = _o[0], setLoadingProgData = _o[1];
15761
- var _p = React.useState(0), current = _p[0], setCurrent = _p[1];
15762
- var _q = React.useState(0), currentPercTotal = _q[0], setCurrentPercTotal = _q[1];
15763
- var _r = React.useState([]), organisationsList = _r[0], setOrganisationList = _r[1];
15764
- var _s = React.useState([]), nationalInvestmentList = _s[0], setNationalInvestmentList = _s[1];
15765
- var _t = React.useState([]), instrument = _t[0], setInstrument = _t[1];
15766
- var _u = React.useState(), stepOneData = _u[0], setStepOneData = _u[1];
15767
- var _v = React.useState(), govData = _v[0], setGovData = _v[1];
15859
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
15860
+ var _c = React.useState("New"), typeCreation = _c[0], setTypeCreation = _c[1];
15861
+ var _d = React.useState(false), loadingList = _d[0], setLoadingList = _d[1];
15862
+ var _e = React.useState(0), current = _e[0], setCurrent = _e[1];
15863
+ var _f = React.useState(0), currentPercTotal = _f[0], setCurrentPercTotal = _f[1];
15864
+ var _g = React.useState([]), organisationsList = _g[0], setOrganisationList = _g[1];
15865
+ var _h = React.useState([]), instrument = _h[0], setInstrument = _h[1];
15866
+ var _j = React.useState(), stepOneData = _j[0], setStepOneData = _j[1];
15867
+ var _k = React.useState(), govData = _k[0], setGovData = _k[1];
15768
15868
  var userInfoState = useUserContext().userInfoState;
15769
- var _w = React.useState([]), ministrySectoralScope = _w[0], setMinistrySectoralScope = _w[1];
15770
- var _x = React.useState({}), prevInvestor = _x[0], setPrevInvestor = _x[1];
15771
15869
  var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
15772
15870
  label: addSpaces(Object.values(exports.Instrument)[index]),
15773
15871
  value: Object.values(exports.Instrument)[index],
15774
15872
  }); });
15775
- var onInstrumentChange = function (value) {
15776
- setInstrument(value);
15873
+ var onInstrumentChange = function (e) {
15874
+ console.log("radio checked", e.target.value);
15875
+ setInstrument([e.target.value]);
15777
15876
  };
15778
15877
  var onPercentageChange = function (value) {
15779
15878
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15818,225 +15917,52 @@ var InvestmentCreationComponent = function (props) {
15818
15917
  }
15819
15918
  });
15820
15919
  }); };
15821
- var getAllProjectData = function () { return __awaiter(void 0, void 0, void 0, function () {
15822
- var response, error_2;
15823
- return __generator(this, function (_a) {
15824
- switch (_a.label) {
15825
- case 0:
15826
- setLoadingProgData(true);
15827
- _a.label = 1;
15828
- case 1:
15829
- _a.trys.push([1, 5, 6, 7]);
15830
- if (!data) return [3 /*break*/, 4];
15831
- if (!!(data === null || data === void 0 ? void 0 : data.programmeId)) return [3 /*break*/, 3];
15832
- console.log("data non existing", data);
15833
- console.log("getting all Project data");
15834
- return [4 /*yield*/, post("national/programme/query", {
15835
- page: 1,
15836
- size: 100,
15837
- filterAnd: [
15838
- {
15839
- key: "currentStage",
15840
- operation: "!=",
15841
- value: exports.ProgrammeStageUnified.Rejected,
15842
- },
15843
- ],
15844
- })];
15845
- case 2:
15846
- response = _a.sent();
15847
- if (response.data) {
15848
- setAllProjectData(response === null || response === void 0 ? void 0 : response.data);
15849
- console.log("all Project data", response === null || response === void 0 ? void 0 : response.data);
15850
- }
15851
- return [3 /*break*/, 4];
15852
- case 3:
15853
- console.log("setting current Project data");
15854
- setAllProjectData([data]);
15855
- _a.label = 4;
15856
- case 4: return [3 /*break*/, 7];
15857
- case 5:
15858
- error_2 = _a.sent();
15859
- console.log("Error in getting all programme data", error_2);
15860
- return [3 /*break*/, 7];
15861
- case 6:
15862
- setLoadingProgData(false);
15863
- return [7 /*endfinally*/];
15864
- case 7: return [2 /*return*/];
15865
- }
15866
- });
15867
- }); };
15868
- var setSelectedProgramme = function (value) { return __awaiter(void 0, void 0, void 0, function () {
15869
- var _i, allProjectData_1, obj;
15870
- return __generator(this, function (_a) {
15871
- console.log("setSelectedProgramme", value);
15872
- for (_i = 0, allProjectData_1 = allProjectData; _i < allProjectData_1.length; _i++) {
15873
- obj = allProjectData_1[_i];
15874
- if (obj.programmeId == value) {
15875
- setProjectData(obj);
15876
- break;
15877
- }
15878
- }
15879
- return [2 /*return*/];
15880
- });
15881
- }); };
15882
- var setSelectedInvestment = function (value) { return __awaiter(void 0, void 0, void 0, function () {
15883
- return __generator(this, function (_a) {
15884
- console.log("setSelectedInvestment", value);
15885
- setInvestmentData(investmentNames[value]);
15886
- return [2 /*return*/];
15887
- });
15888
- }); };
15889
- var getNationalInvestmentDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15890
- var optionalFilters, filterAnd, filterOr_1, response, investmentData_1, _i, _a, investment, error_3;
15920
+ var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15921
+ var filterAnd, _i, _a, c, response, error_2;
15891
15922
  return __generator(this, function (_b) {
15892
15923
  switch (_b.label) {
15893
15924
  case 0:
15894
- setLoadingInvestment(true);
15925
+ setLoadingList(true);
15895
15926
  _b.label = 1;
15896
15927
  case 1:
15897
15928
  _b.trys.push([1, 3, 4, 5]);
15898
- optionalFilters = {};
15899
15929
  filterAnd = [];
15900
15930
  filterAnd = [
15901
15931
  {
15902
- key: "category",
15932
+ key: "companyRole",
15903
15933
  operation: "=",
15904
- value: exports.InvestmentOwnershipType.NATIONAL.toString(),
15905
- },
15906
- {
15907
- key: "amount",
15908
- operation: ">",
15909
- value: 0,
15934
+ value: exports.CompanyRole.PROGRAMME_DEVELOPER.toString(),
15910
15935
  },
15911
15936
  ];
15912
15937
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER) {
15913
15938
  filterAnd.push({
15914
- key: "toCompanyId",
15915
- operation: "=",
15939
+ key: "companyId",
15940
+ operation: "!=",
15916
15941
  value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
15917
15942
  });
15918
15943
  }
15919
- else if (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
15920
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) &&
15921
- (data === null || data === void 0 ? void 0 : data.programmeId)) {
15922
- filterOr_1 = [];
15923
- data.companyId.map(function (id) {
15924
- return filterOr_1.push({
15925
- key: "toCompanyId",
15926
- operation: "=",
15927
- value: id,
15928
- });
15944
+ for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
15945
+ c = _a[_i];
15946
+ filterAnd.push({
15947
+ key: "companyId",
15948
+ operation: "!=",
15949
+ value: c,
15929
15950
  });
15930
- optionalFilters.filterOr = filterOr_1;
15931
- }
15932
- return [4 /*yield*/, post("national/programme/investmentQuery", __assign({ page: 1, size: 100, filterAnd: filterAnd }, optionalFilters))];
15933
- case 2:
15934
- response = _b.sent();
15935
- if (response.data) {
15936
- setNationalInvestmentList(response === null || response === void 0 ? void 0 : response.data);
15937
- investmentData_1 = {};
15938
- for (_i = 0, _a = response === null || response === void 0 ? void 0 : response.data; _i < _a.length; _i++) {
15939
- investment = _a[_i];
15940
- investmentData_1[investment.requestId] = investment;
15941
- }
15942
- setInvestmentNames(investmentData_1);
15943
- console.log(investmentData_1);
15944
15951
  }
15945
- return [3 /*break*/, 5];
15946
- case 3:
15947
- error_3 = _b.sent();
15948
- console.log("Error in getting national Investments list", error_3);
15949
- return [3 /*break*/, 5];
15950
- case 4:
15951
- setLoadingInvestment(false);
15952
- return [7 /*endfinally*/];
15953
- case 5: return [2 /*return*/];
15954
- }
15955
- });
15956
- }); };
15957
- var getUserOrganization = function () { return __awaiter(void 0, void 0, void 0, function () {
15958
- var response, error_4;
15959
- return __generator(this, function (_a) {
15960
- switch (_a.label) {
15961
- case 0:
15962
- _a.trys.push([0, 2, , 3]);
15963
- return [4 /*yield*/, post("national/organisation/query", {
15952
+ return [4 /*yield*/, post("national/organisation/queryNames", {
15964
15953
  page: 1,
15965
15954
  size: 100,
15966
- filterAnd: [
15967
- { key: "companyId", operation: "=", value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId },
15968
- ],
15955
+ filterAnd: filterAnd,
15969
15956
  })];
15970
- case 1:
15971
- response = _a.sent();
15972
- console.log("getUserOrganization", response.data[0]);
15973
- setUserOrganization(response.data[0]);
15974
- setMinistrySectoralScope(response.data[0].sectoralScope);
15975
- return [3 /*break*/, 3];
15976
15957
  case 2:
15977
- error_4 = _a.sent();
15978
- console.log("Error in getting user organization", error_4);
15979
- return [3 /*break*/, 3];
15980
- case 3: return [2 /*return*/];
15981
- }
15982
- });
15983
- }); };
15984
- var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15985
- var filterAnd, filterOr, _i, _a, c, filters, response, companyName, _b, _c, company, error_5;
15986
- return __generator(this, function (_d) {
15987
- switch (_d.label) {
15988
- case 0:
15989
- setLoadingList(true);
15990
- _d.label = 1;
15991
- case 1:
15992
- _d.trys.push([1, 3, 4, 5]);
15993
- filterAnd = [];
15994
- filterOr = [];
15995
- filterAnd = [
15996
- {
15997
- key: "companyRole",
15998
- operation: "=",
15999
- value: exports.CompanyRole.PROGRAMME_DEVELOPER.toString(),
16000
- },
16001
- ];
16002
- // if (userInfoState?.companyRole === CompanyRole.PROGRAMME_DEVELOPER) {
16003
- // filterAnd.push({
16004
- // key: "companyId",
16005
- // operation: "!=",
16006
- // value: userInfoState?.companyId,
16007
- // });
16008
- // }
16009
- if (data === null || data === void 0 ? void 0 : data.companyId) {
16010
- for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
16011
- c = _a[_i];
16012
- filterOr.push({
16013
- key: "companyId",
16014
- operation: "=",
16015
- value: c,
16016
- });
16017
- }
16018
- }
16019
- filters = void 0;
16020
- if (filterOr.length) {
16021
- filters.filterOr = filterOr;
16022
- }
16023
- return [4 /*yield*/, post("national/organisation/queryNames", __assign({ page: 1, size: 100, filterAnd: filterAnd }, filters))];
16024
- case 2:
16025
- response = _d.sent();
15958
+ response = _b.sent();
16026
15959
  if (response.data) {
16027
15960
  setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
16028
- companyName = {};
16029
- for (_b = 0, _c = response === null || response === void 0 ? void 0 : response.data; _b < _c.length; _b++) {
16030
- company = _c[_b];
16031
- companyName[Number(company.companyId)] = company.name;
16032
- }
16033
- setCompanyNames(companyName);
16034
- console.log(companyName);
16035
15961
  }
16036
15962
  return [3 /*break*/, 5];
16037
15963
  case 3:
16038
- error_5 = _d.sent();
16039
- console.log("Error in getting organization list", error_5);
15964
+ error_2 = _b.sent();
15965
+ console.log("Error in getting organization list", error_2);
16040
15966
  return [3 /*break*/, 5];
16041
15967
  case 4:
16042
15968
  setLoadingList(false);
@@ -16051,71 +15977,52 @@ var InvestmentCreationComponent = function (props) {
16051
15977
  return;
16052
15978
  }
16053
15979
  if (state === null || state === void 0 ? void 0 : state.record) {
16054
- console.log("condition 1 data", state === null || state === void 0 ? void 0 : state.record);
16055
15980
  setData(state === null || state === void 0 ? void 0 : state.record);
16056
15981
  }
16057
15982
  else {
16058
- console.log("condition 2 data", { ownership: true });
16059
15983
  setData({ ownership: true });
16060
15984
  }
16061
15985
  }, []);
16062
15986
  React.useEffect(function () {
16063
- // if (data) {
16064
- // const keys = Object.keys(data);
16065
- // if (keys[0] !== "ownership") {
16066
- // getOrganisationsDetails();
16067
- // }
16068
- // }
16069
- getNationalInvestmentDetails();
16070
- getOrganisationsDetails();
15987
+ if (data) {
15988
+ var keys = Object.keys(data);
15989
+ if (keys[0] !== "ownership") {
15990
+ getOrganisationsDetails();
15991
+ }
15992
+ }
16071
15993
  getGovernmentDetails();
16072
- getAllProjectData();
16073
- getUserOrganization();
16074
15994
  }, [data]);
16075
- if (!data && allProjectData.length == 0) {
15995
+ if (!data) {
16076
15996
  return React.createElement(Loading, null);
16077
15997
  }
16078
15998
  console.log("data", data);
15999
+ var companyName = {};
16079
16000
  if (data && Object.keys(data)[0] !== "ownership") {
16080
- // for (const company of data!?.company) {
16081
- // companyName[company?.companyId] = company;
16082
- // }
16001
+ for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
16002
+ var company = _l[_i];
16003
+ companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
16004
+ }
16083
16005
  if (!data.proponentPercentage) {
16084
16006
  data.proponentPercentage = [100];
16085
16007
  }
16086
16008
  }
16087
16009
  var nextOne = function (val) {
16088
- console.log("step 1 values", val);
16089
- if (val.typeCreation == exports.InvestmentCreationType.EXISTING) {
16090
- val.toCompanyId = investmentData.toCompanyId;
16091
- }
16092
16010
  setCurrent(current + 1);
16093
16011
  setStepOneData(val);
16094
- if (data === null || data === void 0 ? void 0 : data.programmeId)
16095
- setSelectedProgramme(data.programmeId);
16096
- if (prevInvestor && prevInvestor != val.toCompanyId && !(data === null || data === void 0 ? void 0 : data.programmeId)) {
16097
- formTwo.resetFields();
16098
- setCurrentPercTotal(0);
16099
- setProjectData(undefined);
16100
- }
16101
16012
  };
16102
16013
  var prevOne = function () {
16103
16014
  setCurrent(current - 1);
16104
- setPrevInvestor(stepOneData.toCompanyId);
16105
- // formTwo.resetFields();
16106
- // setCurrentPercTotal(0);
16107
- // setProjectData(undefined);
16108
16015
  };
16109
16016
  var submitInvestment = function (val) { return __awaiter(void 0, void 0, void 0, function () {
16110
- var payload, response, error_6;
16017
+ var payload, response, error_3;
16111
16018
  return __generator(this, function (_a) {
16112
16019
  switch (_a.label) {
16113
16020
  case 0:
16114
16021
  console.log(val);
16115
16022
  console.log(stepOneData);
16116
- console.log("OwnershipType", investmentOwnershipType);
16117
16023
  setLoading(true);
16118
16024
  payload = stepOneData;
16025
+ payload.programmeId = data.programmeId;
16119
16026
  payload.amount = parseFloat(payload.amount);
16120
16027
  if (payload.interestRate) {
16121
16028
  payload.interestRate = parseFloat(payload.interestRate);
@@ -16123,27 +16030,25 @@ var InvestmentCreationComponent = function (props) {
16123
16030
  if (payload.paymentPerMetric) {
16124
16031
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
16125
16032
  }
16033
+ if (payload.period) {
16034
+ payload.period[0] = moment(payload.period[0]).startOf("day").unix();
16035
+ payload.period[1] = moment(payload.period[1]).endOf("day").unix();
16036
+ }
16037
+ if (payload.startOfPayback) {
16038
+ payload.startOfPayback = moment(payload.startOfPayback)
16039
+ .startOf("day")
16040
+ .unix();
16041
+ }
16042
+ payload.instrument = [payload.instrument];
16043
+ payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
16044
+ payload.percentage = val.percentage;
16126
16045
  payload.toCompanyId = Number(payload.toCompanyId);
16127
16046
  _a.label = 1;
16128
16047
  case 1:
16129
- _a.trys.push([1, 6, 7, 8]);
16130
- response = void 0;
16131
- if (!(investmentOwnershipType == exports.InvestmentOwnershipType.PROJECT)) return [3 /*break*/, 3];
16132
- if (typeCreation == exports.InvestmentCreationType.EXISTING) {
16133
- payload.nationalInvestmentId = investmentData.requestId;
16134
- }
16135
- payload.programmeId = projectData === null || projectData === void 0 ? void 0 : projectData.programmeId;
16136
- payload.fromCompanyIds = projectData === null || projectData === void 0 ? void 0 : projectData.companyId.map(function (e) { return Number(e); });
16137
- payload.percentage = val.percentage;
16048
+ _a.trys.push([1, 3, 4, 5]);
16138
16049
  return [4 /*yield*/, post("national/programme/addInvestment", payload)];
16139
16050
  case 2:
16140
16051
  response = _a.sent();
16141
- return [3 /*break*/, 5];
16142
- case 3: return [4 /*yield*/, post("national/organisation/addInvestment", payload)];
16143
- case 4:
16144
- response = _a.sent();
16145
- _a.label = 5;
16146
- case 5:
16147
16052
  console.log("investment creation -> ", response);
16148
16053
  if ((response === null || response === void 0 ? void 0 : response.statusText) === "SUCCESS") {
16149
16054
  antd.message.open({
@@ -16153,24 +16058,22 @@ var InvestmentCreationComponent = function (props) {
16153
16058
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16154
16059
  });
16155
16060
  }
16156
- (data === null || data === void 0 ? void 0 : data.programmeId)
16157
- ? onNavigateToProgrammeView(data === null || data === void 0 ? void 0 : data.programmeId)
16158
- : onNavigateToInvestmentManagementView();
16159
- return [3 /*break*/, 8];
16160
- case 6:
16161
- error_6 = _a.sent();
16162
- console.log("Error in investment creation - ", error_6);
16061
+ onNavigateToProgrammeView(data.programmeId);
16062
+ return [3 /*break*/, 5];
16063
+ case 3:
16064
+ error_3 = _a.sent();
16065
+ console.log("Error in investment creation - ", error_3);
16163
16066
  antd.message.open({
16164
16067
  type: "error",
16165
- content: error_6 === null || error_6 === void 0 ? void 0 : error_6.message,
16068
+ content: error_3 === null || error_3 === void 0 ? void 0 : error_3.message,
16166
16069
  duration: 4,
16167
16070
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16168
16071
  });
16169
- return [3 /*break*/, 8];
16170
- case 7:
16072
+ return [3 /*break*/, 5];
16073
+ case 4:
16171
16074
  setLoading(false);
16172
16075
  return [7 /*endfinally*/];
16173
- case 8: return [2 /*return*/];
16076
+ case 5: return [2 /*return*/];
16174
16077
  }
16175
16078
  });
16176
16079
  }); };
@@ -16184,14 +16087,6 @@ var InvestmentCreationComponent = function (props) {
16184
16087
  var onChangeTypeCreation = function (e) {
16185
16088
  console.log("radio checked", e.target.value);
16186
16089
  setTypeCreation(e.target.value);
16187
- formOne.resetFields();
16188
- formTwo.resetFields();
16189
- setCurrentPercTotal(0);
16190
- setProjectData(undefined);
16191
- };
16192
- var onChangeInvestmentOwnershipType = function (e) {
16193
- console.log("investment ownership type radio checked", e.target.value);
16194
- setInvestmentOwnershipType(e.target.value);
16195
16090
  };
16196
16091
  return (React.createElement("div", { className: "add-programme-main-container" },
16197
16092
  React.createElement("div", { className: "title-container" },
@@ -16216,282 +16111,404 @@ var InvestmentCreationComponent = function (props) {
16216
16111
  ] },
16217
16112
  React.createElement(antd.Radio.Group, { size: "large", defaultValue: typeCreation }, Object.values(exports.InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16218
16113
  React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onChange: onChangeTypeCreation }, t("programme:" + k)))); }))))),
16219
- typeCreation == exports.InvestmentCreationType.NEW && (React.createElement("div", null,
16220
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16221
- React.createElement(antd.Col, { xl: 12, md: 24 },
16222
- React.createElement("div", { className: "details-part-one" },
16223
- React.createElement(antd.Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
16224
- {
16225
- required: true,
16226
- message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
16227
- },
16228
- ] },
16229
- React.createElement(antd.Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) {
16230
- if (data === null || data === void 0 ? void 0 : data.programmeId) {
16231
- if (data.companyId
16232
- .map(function (id) { return Number(id); })
16233
- .includes(Number(organisation.companyId))) {
16234
- return (React.createElement(antd.Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name));
16114
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16115
+ React.createElement(antd.Col, { xl: 12, md: 24 },
16116
+ React.createElement("div", { className: "details-part-one" },
16117
+ React.createElement(antd.Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
16118
+ {
16119
+ required: true,
16120
+ message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
16121
+ },
16122
+ ] },
16123
+ React.createElement(antd.Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(antd.Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
16124
+ React.createElement(antd.Col, { xl: 12, md: 24 },
16125
+ React.createElement("div", { className: "details-part-two" },
16126
+ React.createElement(antd.Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
16127
+ {
16128
+ required: true,
16129
+ message: "",
16130
+ },
16131
+ {
16132
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16133
+ return __generator(this, function (_a) {
16134
+ if (String(value).trim() === "" ||
16135
+ String(value).trim() === undefined ||
16136
+ value === null ||
16137
+ value === undefined) {
16138
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
16139
+ }
16140
+ else if (!isNaN(value) &&
16141
+ Number(value) > 0) {
16142
+ return [2 /*return*/, Promise.resolve()];
16143
+ }
16144
+ else {
16145
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
16146
+ }
16147
+ });
16148
+ }); },
16149
+ },
16150
+ ] },
16151
+ React.createElement(antd.Input, { size: "large" }))))),
16152
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16153
+ React.createElement(antd.Col, { xl: 24, md: 24 },
16154
+ React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument",
16155
+ //wrapperCol={{ span: 24 }}
16156
+ required: true, className: "investment-radio-button", rules: [
16157
+ {
16158
+ required: true,
16159
+ message: "",
16160
+ },
16161
+ {
16162
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16163
+ return __generator(this, function (_a) {
16164
+ if (String(value).trim() === "" ||
16165
+ String(value).trim() === undefined ||
16166
+ value === null ||
16167
+ value === undefined) {
16168
+ throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
16235
16169
  }
16236
- }
16237
- else {
16238
- return (React.createElement(antd.Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name));
16239
- }
16240
- }))))),
16241
- React.createElement(antd.Col, { xl: 12, md: 24 },
16242
- React.createElement("div", { className: "details-part-two" },
16243
- React.createElement(antd.Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
16244
- {
16245
- required: true,
16246
- message: "",
16247
- },
16248
- {
16249
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16250
- return __generator(this, function (_a) {
16251
- if (String(value).trim() === "" ||
16252
- String(value).trim() ===
16253
- undefined ||
16254
- value === null ||
16255
- value === undefined) {
16256
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
16257
- }
16258
- else if (!isNaN(value) &&
16259
- Number(value) > 0) {
16260
- return [2 /*return*/, Promise.resolve()];
16261
- }
16262
- else {
16263
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
16264
- }
16265
- });
16266
- }); },
16267
- },
16268
- ] },
16269
- React.createElement(antd.Input, { size: "large" }))))),
16170
+ return [2 /*return*/];
16171
+ });
16172
+ }); },
16173
+ },
16174
+ ] },
16175
+ React.createElement(antd.Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
16176
+ return (React.createElement(antd.Radio, { value: e.value }, e.label));
16177
+ }))))),
16178
+ instrument &&
16179
+ instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16180
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16181
+ React.createElement("div", { className: "details-part-two" },
16182
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16183
+ {
16184
+ required: true,
16185
+ message: "",
16186
+ },
16187
+ {
16188
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16189
+ return __generator(this, function (_a) {
16190
+ if (String(value).trim() === "" ||
16191
+ String(value).trim() ===
16192
+ undefined ||
16193
+ value === null ||
16194
+ value === undefined) {
16195
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16196
+ }
16197
+ else if (!isNaN(value)) {
16198
+ return [2 /*return*/, Promise.resolve()];
16199
+ }
16200
+ else {
16201
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16202
+ }
16203
+ });
16204
+ }); },
16205
+ },
16206
+ ] },
16207
+ React.createElement(antd.Input, { size: "large" })))))),
16208
+ instrument &&
16209
+ (instrument.indexOf(exports.Instrument.CONLOAN) >= 0 ||
16210
+ instrument.indexOf(exports.Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
16270
16211
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16271
- React.createElement(antd.Col, { xl: 24, md: 24 },
16272
- React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
16273
- React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
16274
- instrument &&
16275
- instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16276
16212
  React.createElement(antd.Col, { xl: 8, md: 12 },
16277
- React.createElement("div", { className: "details-part-two" },
16278
- React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16279
- {
16280
- required: true,
16281
- message: "",
16282
- },
16283
- {
16284
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16285
- return __generator(this, function (_a) {
16286
- if (String(value).trim() === "" ||
16287
- String(value).trim() ===
16288
- undefined ||
16289
- value === null ||
16290
- value === undefined) {
16291
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16292
- }
16293
- else if (!isNaN(value)) {
16294
- return [2 /*return*/, Promise.resolve()];
16295
- }
16296
- else {
16297
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16298
- }
16299
- });
16300
- }); },
16301
- },
16302
- ] },
16303
- React.createElement(antd.Input, { size: "large" })))))),
16304
- instrument &&
16305
- instrument.indexOf(exports.Instrument.RESULT_BASED) >=
16306
- 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16307
- React.createElement(antd.Col, { xl: 12, md: 24 },
16308
- React.createElement("div", { className: "details-part-two" },
16309
- React.createElement(antd.Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
16310
- {
16311
- required: true,
16312
- message: "",
16313
- },
16314
- {
16315
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16316
- return __generator(this, function (_a) {
16317
- if (String(value).trim() === "" ||
16318
- String(value).trim() ===
16319
- undefined ||
16320
- value === null ||
16321
- value === undefined) {
16322
- throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
16323
- }
16324
- return [2 /*return*/];
16325
- });
16326
- }); },
16327
- },
16328
- ] },
16329
- React.createElement(antd.Input, { size: "large" })))),
16330
- React.createElement(antd.Col, { xl: 12, md: 24 },
16331
- React.createElement("div", { className: "details-part-two" },
16332
- React.createElement(antd.Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
16333
- {
16334
- required: true,
16335
- message: "",
16336
- },
16337
- {
16338
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16339
- return __generator(this, function (_a) {
16340
- if (String(value).trim() === "" ||
16341
- String(value).trim() ===
16342
- undefined ||
16343
- value === null ||
16344
- value === undefined) {
16345
- throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
16346
- }
16347
- else if (!isNaN(value)) {
16348
- return [2 /*return*/, Promise.resolve()];
16349
- }
16350
- else {
16351
- throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
16352
- }
16353
- });
16354
- }); },
16355
- },
16356
- ] },
16357
- React.createElement(antd.Input, { size: "large" })))))),
16358
- instrument &&
16359
- instrument.indexOf(exports.Instrument.INKIND) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16360
- React.createElement(antd.Col, { xl: 12, md: 24 },
16361
- React.createElement("div", { className: "details-part-two" },
16362
- React.createElement(antd.Form.Item, { label: t("programme:description"), name: "description", rules: [
16363
- {
16364
- required: false,
16365
- message: "",
16366
- },
16367
- ] },
16368
- React.createElement(antd.Input, { size: "large" })))))),
16369
- instrument &&
16370
- instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16371
- React.createElement(antd.Col, { xl: 12, md: 24 },
16372
- React.createElement("div", { className: "details-part-two" },
16373
- React.createElement(antd.Form.Item, { label: t("programme:comments"), name: "comments", rules: [
16374
- {
16375
- required: true,
16376
- message: "",
16377
- },
16378
- {
16379
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16380
- return __generator(this, function (_a) {
16381
- if (String(value).trim() === "" ||
16382
- String(value).trim() ===
16383
- undefined ||
16384
- value === null ||
16385
- value === undefined) {
16386
- throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
16387
- }
16388
- return [2 /*return*/];
16389
- });
16390
- }); },
16391
- },
16392
- ] },
16393
- React.createElement(antd.Input, { size: "large" })))))),
16394
- React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
16395
- React.createElement(antd.Col, { xl: 8, md: 12 },
16396
- React.createElement(antd.Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
16213
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16397
16214
  {
16398
- required: false,
16215
+ required: true,
16216
+ message: "",
16217
+ },
16218
+ {
16219
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16220
+ return __generator(this, function (_a) {
16221
+ if (String(value).trim() === "" ||
16222
+ String(value).trim() ===
16223
+ undefined ||
16224
+ value === null ||
16225
+ value === undefined) {
16226
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16227
+ }
16228
+ else if (!isNaN(value)) {
16229
+ return [2 /*return*/, Promise.resolve()];
16230
+ }
16231
+ else {
16232
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16233
+ }
16234
+ });
16235
+ }); },
16399
16236
  },
16400
16237
  ] },
16401
- React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16402
- React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16403
- return deselectOnClick(e, "type");
16404
- } }, t("programme:" + k)))); })))),
16238
+ React.createElement(antd.Input, { size: "large" })))),
16239
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16405
16240
  React.createElement(antd.Col, { xl: 8, md: 12 },
16406
- React.createElement(antd.Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
16241
+ React.createElement(antd.Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
16407
16242
  {
16408
- required: false,
16243
+ required: true,
16244
+ message: "",
16245
+ },
16246
+ {
16247
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16248
+ return __generator(this, function (_a) {
16249
+ if (String(value).trim() === "" ||
16250
+ String(value).trim() ===
16251
+ undefined ||
16252
+ value === null ||
16253
+ value === undefined) {
16254
+ throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
16255
+ }
16256
+ return [2 /*return*/];
16257
+ });
16258
+ }); },
16409
16259
  },
16410
16260
  ] },
16411
- React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16412
- React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16413
- return deselectOnClick(e, "level");
16414
- } }, t("programme:" + k)))); })))),
16261
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
16415
16262
  React.createElement(antd.Col, { xl: 8, md: 12 },
16416
- React.createElement(antd.Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
16263
+ React.createElement(antd.Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
16417
16264
  {
16418
- required: false,
16265
+ required: true,
16266
+ message: "",
16267
+ },
16268
+ {
16269
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16270
+ return __generator(this, function (_a) {
16271
+ if (String(value).trim() === "" ||
16272
+ String(value).trim() ===
16273
+ undefined ||
16274
+ value === null ||
16275
+ value === undefined) {
16276
+ throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
16277
+ }
16278
+ return [2 /*return*/];
16279
+ });
16280
+ }); },
16419
16281
  },
16420
16282
  ] },
16421
- React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16422
- React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16423
- return deselectOnClick(e, "stream");
16424
- } }, t("programme:" + k)))); }))))),
16425
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16426
- React.createElement(antd.Col, { xl: 12, md: 24 },
16427
- React.createElement(antd.Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
16428
- React.createElement(antd.Select, { size: "large" }, Object.values(exports.ESGType).map(function (esg) { return (React.createElement(antd.Select.Option, { value: esg }, esg)); }))))))),
16429
- typeCreation == exports.InvestmentCreationType.EXISTING && (React.createElement("div", null,
16283
+ React.createElement(antd.DatePicker, { size: "large", disabledDate: function (currentDate) {
16284
+ return currentDate < moment().startOf("day");
16285
+ } })))))),
16286
+ instrument &&
16287
+ instrument.indexOf(exports.Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
16430
16288
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16431
- React.createElement(antd.Col, { xl: 12, md: 24 },
16432
- React.createElement("div", { className: "details-part-one" },
16433
- React.createElement(antd.Form.Item, { label: t("programme:existingInvestmentSource"), name: "existinngInvestmentId", wrapperCol: { span: 24 }, rules: [
16434
- {
16435
- required: true,
16436
- message: "".concat(t("programme:existingInvestmentSource"), " ").concat(t("isRequired")),
16437
- },
16438
- ] },
16439
- React.createElement(antd.Select, { size: "large", loading: loadingInvestment, onChange: setSelectedInvestment }, nationalInvestmentList.map(function (investment) { return (React.createElement(antd.Select.Option, { key: investment.requestId, value: investment.requestId }, investment.investmentName)); })))))),
16289
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16290
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16291
+ {
16292
+ required: true,
16293
+ message: "",
16294
+ },
16295
+ {
16296
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16297
+ return __generator(this, function (_a) {
16298
+ if (String(value).trim() === "" ||
16299
+ String(value).trim() ===
16300
+ undefined ||
16301
+ value === null ||
16302
+ value === undefined) {
16303
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16304
+ }
16305
+ else if (!isNaN(value)) {
16306
+ return [2 /*return*/, Promise.resolve()];
16307
+ }
16308
+ else {
16309
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16310
+ }
16311
+ });
16312
+ }); },
16313
+ },
16314
+ ] },
16315
+ React.createElement(antd.Input, { size: "large" })))),
16440
16316
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16441
- React.createElement(antd.Col, { xl: 12, md: 24 },
16442
- React.createElement("div", { className: "details-part-two" },
16443
- React.createElement(antd.Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
16444
- {
16445
- required: true,
16446
- message: "",
16447
- },
16448
- {
16449
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16450
- return __generator(this, function (_a) {
16451
- if (String(value).trim() === "" ||
16452
- String(value).trim() ===
16453
- undefined ||
16454
- value === null ||
16455
- value === undefined) {
16456
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
16457
- }
16458
- else if (!isNaN(value) &&
16459
- Number(value) > 0) {
16460
- return [2 /*return*/, Promise.resolve()];
16461
- }
16462
- else {
16463
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
16464
- }
16465
- });
16466
- }); },
16467
- },
16468
- function (_a) {
16469
- var getFieldValue = _a.getFieldValue;
16470
- return ({
16471
- validator: function (rule, v) {
16472
- if (getFieldValue("amount") &&
16473
- investmentData &&
16474
- investmentData.amount <
16475
- parseFloat(getFieldValue("amount"))) {
16476
- // eslint-disable-next-line prefer-promise-reject-errors
16477
- return Promise.reject("Amount > Available");
16478
- }
16479
- return Promise.resolve();
16480
- },
16317
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16318
+ React.createElement(antd.Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
16319
+ {
16320
+ required: true,
16321
+ message: "",
16322
+ },
16323
+ {
16324
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16325
+ return __generator(this, function (_a) {
16326
+ if (String(value).trim() === "" ||
16327
+ String(value).trim() ===
16328
+ undefined ||
16329
+ value === null ||
16330
+ value === undefined) {
16331
+ throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
16332
+ }
16333
+ return [2 /*return*/];
16481
16334
  });
16482
- },
16483
- ] },
16484
- React.createElement(antd.Input, { size: "large" })))),
16485
- React.createElement(antd.Col, { xl: 12, md: 24 },
16486
- React.createElement("div", { className: "details-part-two" },
16487
- React.createElement(antd.Form.Item, { label: " ", name: "sourceAmount" },
16488
- React.createElement("div", null,
16489
- "/",
16490
- React.createElement(antd.InputNumber, { size: "large", width: "100%", formatter: function (value) {
16491
- return "$".concat(addCommSep(value));
16492
- }, disabled: true, value: investmentData
16493
- ? investmentData.amount
16494
- : 0 })))))))),
16335
+ }); },
16336
+ },
16337
+ ] },
16338
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
16339
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16340
+ React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
16341
+ {
16342
+ required: true,
16343
+ message: "",
16344
+ },
16345
+ {
16346
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16347
+ return __generator(this, function (_a) {
16348
+ if (String(value).trim() === "" ||
16349
+ String(value).trim() ===
16350
+ undefined ||
16351
+ value === null ||
16352
+ value === undefined) {
16353
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16354
+ }
16355
+ return [2 /*return*/];
16356
+ });
16357
+ }); },
16358
+ },
16359
+ ] },
16360
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16361
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
16362
+ instrument &&
16363
+ instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16364
+ React.createElement(antd.Col, { xl: 12, md: 24 },
16365
+ React.createElement("div", { className: "details-part-two" },
16366
+ React.createElement(antd.Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
16367
+ {
16368
+ required: true,
16369
+ message: "",
16370
+ },
16371
+ {
16372
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16373
+ return __generator(this, function (_a) {
16374
+ if (String(value).trim() === "" ||
16375
+ String(value).trim() ===
16376
+ undefined ||
16377
+ value === null ||
16378
+ value === undefined) {
16379
+ throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
16380
+ }
16381
+ return [2 /*return*/];
16382
+ });
16383
+ }); },
16384
+ },
16385
+ ] },
16386
+ React.createElement(antd.Input, { size: "large" })))),
16387
+ React.createElement(antd.Col, { xl: 12, md: 24 },
16388
+ React.createElement("div", { className: "details-part-two" },
16389
+ React.createElement(antd.Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
16390
+ {
16391
+ required: true,
16392
+ message: "",
16393
+ },
16394
+ {
16395
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16396
+ return __generator(this, function (_a) {
16397
+ if (String(value).trim() === "" ||
16398
+ String(value).trim() ===
16399
+ undefined ||
16400
+ value === null ||
16401
+ value === undefined) {
16402
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
16403
+ }
16404
+ else if (!isNaN(value)) {
16405
+ return [2 /*return*/, Promise.resolve()];
16406
+ }
16407
+ else {
16408
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
16409
+ }
16410
+ });
16411
+ }); },
16412
+ },
16413
+ ] },
16414
+ React.createElement(antd.Input, { size: "large" })))))),
16415
+ instrument &&
16416
+ instrument.indexOf(exports.Instrument.INKIND) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16417
+ React.createElement(antd.Col, { xl: 12, md: 24 },
16418
+ React.createElement("div", { className: "details-part-two" },
16419
+ React.createElement(antd.Form.Item, { label: t("programme:description"), name: "description", rules: [
16420
+ {
16421
+ required: false,
16422
+ message: "",
16423
+ },
16424
+ ] },
16425
+ React.createElement(antd.Input, { size: "large" })))))),
16426
+ instrument &&
16427
+ instrument.indexOf(exports.Instrument.INSURANCE) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16428
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16429
+ React.createElement("div", { className: "details-part-two" },
16430
+ React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
16431
+ {
16432
+ required: true,
16433
+ message: "",
16434
+ },
16435
+ {
16436
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16437
+ return __generator(this, function (_a) {
16438
+ if (String(value).trim() === "" ||
16439
+ String(value).trim() ===
16440
+ undefined ||
16441
+ value === null ||
16442
+ value === undefined) {
16443
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16444
+ }
16445
+ return [2 /*return*/];
16446
+ });
16447
+ }); },
16448
+ },
16449
+ ] },
16450
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16451
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
16452
+ instrument &&
16453
+ instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16454
+ React.createElement(antd.Col, { xl: 12, md: 24 },
16455
+ React.createElement("div", { className: "details-part-two" },
16456
+ React.createElement(antd.Form.Item, { label: t("programme:comments"), name: "comments", rules: [
16457
+ {
16458
+ required: true,
16459
+ message: "",
16460
+ },
16461
+ {
16462
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16463
+ return __generator(this, function (_a) {
16464
+ if (String(value).trim() === "" ||
16465
+ String(value).trim() ===
16466
+ undefined ||
16467
+ value === null ||
16468
+ value === undefined) {
16469
+ throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
16470
+ }
16471
+ return [2 /*return*/];
16472
+ });
16473
+ }); },
16474
+ },
16475
+ ] },
16476
+ React.createElement(antd.Input, { size: "large" })))))),
16477
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16478
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16479
+ React.createElement(antd.Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
16480
+ {
16481
+ required: false,
16482
+ },
16483
+ ] },
16484
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16485
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16486
+ return deselectOnClick(e, "type");
16487
+ } }, t("programme:" + k)))); })))),
16488
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16489
+ React.createElement(antd.Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
16490
+ {
16491
+ required: false,
16492
+ },
16493
+ ] },
16494
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16495
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16496
+ return deselectOnClick(e, "level");
16497
+ } }, t("programme:" + k)))); })))),
16498
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16499
+ React.createElement(antd.Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
16500
+ {
16501
+ required: false,
16502
+ },
16503
+ ] },
16504
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16505
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16506
+ return deselectOnClick(e, "stream");
16507
+ } }, t("programme:" + k)))); }))))),
16508
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16509
+ React.createElement(antd.Col, { xl: 12, md: 24 },
16510
+ React.createElement(antd.Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
16511
+ React.createElement(antd.Select, { size: "large" }, Object.values(exports.ESGType).map(function (esg) { return (React.createElement(antd.Select.Option, { value: esg }, esg)); }))))),
16495
16512
  React.createElement(antd.Form.Item, null,
16496
16513
  React.createElement("div", { className: "steps-actions" },
16497
16514
  React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
@@ -16501,164 +16518,73 @@ var InvestmentCreationComponent = function (props) {
16501
16518
  React.createElement("div", { className: "step-count" }, "02"),
16502
16519
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
16503
16520
  description: current === 1 && (React.createElement("div", null,
16504
- React.createElement("div", { className: "investment-sought-form-container" },
16505
- React.createElement("div", { className: "investment-sought-form" },
16506
- React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true },
16507
- React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
16508
- React.createElement(antd.Col, { xl: 8, md: 12 },
16509
- React.createElement(antd.Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "investmentOwnershipType", rules: [
16521
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16522
+ React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
16523
+ data.companyId.map(function (companyId, index) {
16524
+ return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16525
+ React.createElement(antd.Col, { xl: 8, md: 15 },
16526
+ React.createElement("div", { className: "label" },
16527
+ companyName[companyId].name,
16528
+ React.createElement("span", { className: "required-mark" }, "*"))),
16529
+ React.createElement(antd.Col, { xl: 8, md: 9 },
16530
+ React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16510
16531
  {
16511
- required: false,
16532
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16533
+ message: "Percentage Should be a positive number",
16512
16534
  },
16513
- ] },
16514
- React.createElement(antd.Radio.Group, { size: "large", defaultValue: typeCreation ==
16515
- exports.InvestmentCreationType.EXISTING
16516
- ? exports.InvestmentOwnershipType.PROJECT
16517
- : investmentOwnershipType }, Object.values(exports.InvestmentOwnershipType).map(function (k, index) {
16518
- if (!(typeCreation ==
16519
- exports.InvestmentCreationType.EXISTING &&
16520
- k == exports.InvestmentOwnershipType.NATIONAL) &&
16521
- !(k ==
16522
- exports.InvestmentOwnershipType.NATIONAL &&
16523
- (data === null || data === void 0 ? void 0 : data.programmeId))) {
16524
- return (React.createElement("div", { className: "condition-radio-container" },
16525
- React.createElement(antd.Tooltip, { title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
16526
- exports.CompanyRole.PROGRAMME_DEVELOPER &&
16527
- stepOneData.toCompanyId !=
16528
- userInfoState.companyId &&
16529
- k ==
16530
- exports.InvestmentOwnershipType.NATIONAL
16531
- ? "This action is unauthorized due to the selected investor name."
16532
- : "", color: TooltipColor, key: TooltipColor },
16533
- React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onChange: onChangeInvestmentOwnershipType, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
16534
- exports.CompanyRole.PROGRAMME_DEVELOPER &&
16535
- stepOneData.toCompanyId !=
16536
- userInfoState.companyId &&
16537
- k ==
16538
- exports.InvestmentOwnershipType.NATIONAL }, t("programme:" + k)))));
16539
- }
16540
- })))))))),
16541
- React.createElement("div", { className: "programme-sought-form-container ownership-container" },
16542
- React.createElement("div", { className: "programme-sought-form" },
16543
- React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment },
16544
- allProjectData.length > 0 &&
16545
- investmentOwnershipType ==
16546
- exports.InvestmentOwnershipType.PROJECT && (React.createElement("div", null,
16547
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16548
- React.createElement(antd.Col, { xl: 12, md: 24 },
16549
- React.createElement("div", { className: "details-part-one" },
16550
- React.createElement(antd.Form.Item, { label: t("programme:title"), name: "projectId", wrapperCol: { span: 24 }, initialValue: (data === null || data === void 0 ? void 0 : data.programmeId) != undefined
16551
- ? allProjectData[0].programmeId
16552
- : null, rules: [
16553
- {
16554
- required: true,
16555
- message: "".concat(t("programme:title"), " ").concat(t("isRequired")),
16556
- },
16557
- ] },
16558
- React.createElement(antd.Select, { size: "large", loading: loadingProgData,
16559
- // defaultValue={
16560
- // allProjectData.length == 1
16561
- // ? allProjectData[0].programmeId
16562
- // : null
16563
- // }
16564
- disabled: allProjectData.length == 1 &&
16565
- (data === null || data === void 0 ? void 0 : data.programmeId) != undefined, onChange: setSelectedProgramme }, allProjectData.map(function (project) {
16566
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
16567
- exports.CompanyRole.PROGRAMME_DEVELOPER &&
16568
- Number(stepOneData.toCompanyId) !=
16569
- userInfoState.companyId) {
16570
- if (project.companyId
16571
- .map(function (id) { return Number(id); })
16572
- .includes(userInfoState.companyId)) {
16573
- return (React.createElement(antd.Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
16574
- }
16575
- }
16576
- else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ===
16577
- exports.CompanyRole.MINISTRY) {
16578
- if (ministrySectoralScope.includes(project.sectoralScope)) {
16579
- return (React.createElement(antd.Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
16535
+ {
16536
+ required: true,
16537
+ message: "Required field",
16538
+ },
16539
+ function (_a) {
16540
+ var getFieldValue = _a.getFieldValue;
16541
+ return ({
16542
+ validator: function (rule, v) {
16543
+ if (getFieldValue([
16544
+ "percentage",
16545
+ index,
16546
+ ]) &&
16547
+ parseFloat(getFieldValue([
16548
+ "percentage",
16549
+ index,
16550
+ ])) >
16551
+ data.proponentPercentage[index]) {
16552
+ // eslint-disable-next-line prefer-promise-reject-errors
16553
+ return Promise.reject("Amount > Available");
16580
16554
  }
16581
- }
16582
- else {
16583
- return (React.createElement(antd.Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
16584
- }
16585
- })))))), projectData === null || projectData === void 0 ? void 0 :
16586
- projectData.companyId.map(function (companyId, index) {
16587
- if (formTwo.getFieldValue("percentage") &&
16588
- formTwo.getFieldValue("percentage")[index] &&
16589
- companyId == stepOneData.toCompanyId) {
16590
- formTwo.getFieldValue("percentage")[index] = 0;
16591
- }
16592
- return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16593
- React.createElement(antd.Col, { xl: 8, md: 15 },
16594
- React.createElement("div", { className: "label" },
16595
- govData.companyId == companyId
16596
- ? govData.name
16597
- : companyNames[Number(companyId)],
16598
- React.createElement("span", { className: "required-mark" }, "*"))),
16599
- React.createElement(antd.Col, { xl: 8, md: 9 },
16600
- React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16601
- {
16602
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16603
- message: "Percentage Should be a positive number",
16555
+ return Promise.resolve();
16604
16556
  },
16605
- {
16606
- required: true,
16607
- message: "Required field",
16608
- },
16609
- function (_a) {
16610
- var getFieldValue = _a.getFieldValue;
16611
- return ({
16612
- validator: function (rule, v) {
16613
- if (getFieldValue([
16614
- "percentage",
16615
- index,
16616
- ]) &&
16617
- parseFloat(getFieldValue([
16618
- "percentage",
16619
- index,
16620
- ])) >
16621
- projectData
16622
- .proponentPercentage[index]) {
16623
- // eslint-disable-next-line prefer-promise-reject-errors
16624
- return Promise.reject("Amount > Available");
16625
- }
16626
- return Promise.resolve();
16627
- },
16628
- });
16629
- },
16630
- ] },
16631
- React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId ==
16632
- companyId ||
16633
- companyId ==
16634
- stepOneData.toCompanyId, value: 0,
16635
- // disabled={userInfoState?.companyId === Number(companyId)}
16636
- onKeyPress: function (event) {
16637
- if (!/[0-9\.]/.test(event.key)) {
16638
- event.preventDefault();
16639
- }
16640
- } })),
16641
- React.createElement("div", { className: "inline separator" }, "/"),
16642
- React.createElement(antd.Form.Item, { className: "inline" },
16643
- React.createElement(antd.InputNumber, { placeholder: String(projectData === null || projectData === void 0 ? void 0 : projectData.proponentPercentage[index]), disabled: true })))));
16644
- }),
16645
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16646
- React.createElement(antd.Col, { xl: 8, md: 15 },
16647
- React.createElement("div", { className: "label" }, t("programme:total"))),
16648
- React.createElement(antd.Col, { xl: 8, md: 9 },
16649
- React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
16650
- React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16651
- if (!/[0-9\.]/.test(event.key)) {
16652
- event.preventDefault();
16653
- }
16654
- } })),
16655
- React.createElement("div", { className: "inline separator" }, "/"),
16656
- React.createElement(antd.Form.Item, { className: "inline" },
16657
- React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))))),
16658
- React.createElement(antd.Form.Item, null,
16659
- React.createElement("div", { className: "steps-actions" },
16660
- React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16661
- React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16557
+ });
16558
+ },
16559
+ ] },
16560
+ React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16561
+ // disabled={userInfoState?.companyId === Number(companyId)}
16562
+ onKeyPress: function (event) {
16563
+ if (!/[0-9\.]/.test(event.key)) {
16564
+ event.preventDefault();
16565
+ }
16566
+ } })),
16567
+ React.createElement("div", { className: "inline separator" }, "/"),
16568
+ React.createElement(antd.Form.Item, { className: "inline" },
16569
+ React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16570
+ }),
16571
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16572
+ React.createElement(antd.Col, { xl: 8, md: 15 },
16573
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16574
+ React.createElement(antd.Col, { xl: 8, md: 9 },
16575
+ React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
16576
+ React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16577
+ if (!/[0-9\.]/.test(event.key)) {
16578
+ event.preventDefault();
16579
+ }
16580
+ } })),
16581
+ React.createElement("div", { className: "inline separator" }, "/"),
16582
+ React.createElement(antd.Form.Item, { className: "inline" },
16583
+ React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
16584
+ React.createElement(antd.Form.Item, null,
16585
+ React.createElement("div", { className: "steps-actions" },
16586
+ React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16587
+ React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
16662
16588
  },
16663
16589
  ] })))));
16664
16590
  };
@@ -16797,6 +16723,7 @@ var InvestmentManagementComponent = function (props) {
16797
16723
  var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
16798
16724
  var _v = React.useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
16799
16725
  var _w = React.useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
16726
+ var _x = React.useState(), dataQuery = _x[0], setDataQuery = _x[1];
16800
16727
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
16801
16728
  return __generator(this, function (_a) {
16802
16729
  console.log(checkedValues);
@@ -16893,6 +16820,12 @@ var InvestmentManagementComponent = function (props) {
16893
16820
  console.log(response);
16894
16821
  setTableData(response.data);
16895
16822
  setTotalProgramme(response.response.data.total);
16823
+ setDataQuery({
16824
+ filterAnd: filter,
16825
+ filterOr: dataFilter,
16826
+ sort: sort,
16827
+ filterBy: filterBy,
16828
+ });
16896
16829
  setLoading(false);
16897
16830
  return [3 /*break*/, 4];
16898
16831
  case 3:
@@ -16910,8 +16843,53 @@ var InvestmentManagementComponent = function (props) {
16910
16843
  }
16911
16844
  });
16912
16845
  }); };
16846
+ var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
16847
+ var response, url, a, error_2;
16848
+ var _a;
16849
+ return __generator(this, function (_b) {
16850
+ switch (_b.label) {
16851
+ case 0:
16852
+ setLoading(true);
16853
+ _b.label = 1;
16854
+ case 1:
16855
+ _b.trys.push([1, 3, , 4]);
16856
+ return [4 /*yield*/, post("national/programme/investments/download", {
16857
+ filterAnd: dataQuery.filterAnd,
16858
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
16859
+ sort: dataQuery.sort,
16860
+ filterBy: dataQuery.filterBy,
16861
+ })];
16862
+ case 2:
16863
+ response = _b.sent();
16864
+ if (response && response.data) {
16865
+ url = response.data.url;
16866
+ a = document.createElement('a');
16867
+ a.href = url;
16868
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
16869
+ document.body.appendChild(a);
16870
+ a.click();
16871
+ document.body.removeChild(a); // Clean up the created <a> element
16872
+ window.URL.revokeObjectURL(url);
16873
+ }
16874
+ setLoading(false);
16875
+ return [3 /*break*/, 4];
16876
+ case 3:
16877
+ error_2 = _b.sent();
16878
+ console.log("Error in exporting investments", error_2);
16879
+ antd.message.open({
16880
+ type: "error",
16881
+ content: error_2.message,
16882
+ duration: 3,
16883
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16884
+ });
16885
+ setLoading(false);
16886
+ return [3 /*break*/, 4];
16887
+ case 4: return [2 /*return*/];
16888
+ }
16889
+ });
16890
+ }); };
16913
16891
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
16914
- var response, error_2;
16892
+ var response, error_3;
16915
16893
  var _a, _b, _c, _d, _e, _f;
16916
16894
  return __generator(this, function (_g) {
16917
16895
  switch (_g.label) {
@@ -16943,8 +16921,8 @@ var InvestmentManagementComponent = function (props) {
16943
16921
  setLoading(false);
16944
16922
  return [3 /*break*/, 4];
16945
16923
  case 3:
16946
- error_2 = _g.sent();
16947
- console.log("Error in getting users", error_2);
16924
+ error_3 = _g.sent();
16925
+ console.log("Error in getting users", error_3);
16948
16926
  setLoading(false);
16949
16927
  return [3 /*break*/, 4];
16950
16928
  case 4: return [2 /*return*/];
@@ -16975,7 +16953,7 @@ var InvestmentManagementComponent = function (props) {
16975
16953
  ministryLevelFilter,
16976
16954
  ]);
16977
16955
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
16978
- var response, successMsg, error_3;
16956
+ var response, successMsg, error_4;
16979
16957
  return __generator(this, function (_a) {
16980
16958
  switch (_a.label) {
16981
16959
  case 0:
@@ -17005,10 +16983,10 @@ var InvestmentManagementComponent = function (props) {
17005
16983
  setModalVisible(false);
17006
16984
  return [3 /*break*/, 4];
17007
16985
  case 3:
17008
- error_3 = _a.sent();
17009
- console.log("Error in Cancelling transfer request", error_3);
16986
+ error_4 = _a.sent();
16987
+ console.log("Error in Cancelling transfer request", error_4);
17010
16988
  setLoading(false);
17011
- return [2 /*return*/, error_3.message];
16989
+ return [2 /*return*/, error_4.message];
17012
16990
  case 4: return [2 /*return*/];
17013
16991
  }
17014
16992
  });
@@ -17107,10 +17085,7 @@ var InvestmentManagementComponent = function (props) {
17107
17085
  sorter: true,
17108
17086
  align: "left",
17109
17087
  render: function (item) {
17110
- if (item) {
17111
- return React.createElement("span", { className: "clickable" }, item);
17112
- }
17113
- return React.createElement("span", null, "-");
17088
+ return React.createElement("span", { className: "clickable" }, item);
17114
17089
  },
17115
17090
  onCell: function (record, rowIndex) {
17116
17091
  return {
@@ -17168,12 +17143,6 @@ var InvestmentManagementComponent = function (props) {
17168
17143
  key: "programmeSector",
17169
17144
  sorter: true,
17170
17145
  align: "left",
17171
- render: function (item) {
17172
- if (item) {
17173
- return React.createElement("span", null, item);
17174
- }
17175
- return React.createElement("span", null, "-");
17176
- },
17177
17146
  },
17178
17147
  {
17179
17148
  title: t("programme:investor"),
@@ -17257,11 +17226,7 @@ var InvestmentManagementComponent = function (props) {
17257
17226
  React.createElement("div", { className: "title-bar" },
17258
17227
  React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
17259
17228
  React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
17260
- React.createElement("div", { className: "actions" }, enableAddOwnership &&
17261
- ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == exports.CompanyRole.MINISTRY ||
17262
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == exports.CompanyRole.GOVERNMENT ||
17263
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == exports.CompanyRole.PROGRAMME_DEVELOPER) &&
17264
- userInfoState.userRole != exports.Role.ViewOnly && (React.createElement("div", { className: "action-bar" },
17229
+ React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
17265
17230
  React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
17266
17231
  React.createElement("div", { className: "content-card" },
17267
17232
  React.createElement(antd.Row, null,
@@ -17287,7 +17252,13 @@ var InvestmentManagementComponent = function (props) {
17287
17252
  return e.target.value === ""
17288
17253
  ? setSearch(e.target.value)
17289
17254
  : setSearchText(e.target.value);
17290
- }, onSearch: setSearch, style: { width: 265 } }))))),
17255
+ }, onSearch: setSearch, style: { width: 265 } })),
17256
+ React.createElement("div", { className: "download-data-btn" },
17257
+ React.createElement("a", { onClick: downloadInvestmentData },
17258
+ React.createElement(icons.DownloadOutlined, { style: {
17259
+ color: "rgba(58, 53, 65, 0.3)",
17260
+ fontSize: "20px",
17261
+ } })))))),
17291
17262
  React.createElement(antd.Row, null,
17292
17263
  React.createElement(antd.Col, { span: 24 },
17293
17264
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -17302,7 +17273,7 @@ var InvestmentManagementComponent = function (props) {
17302
17273
  return handleTableChange(val, sorter);
17303
17274
  }, locale: {
17304
17275
  emptyText: (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
17305
- ? t("programme:noInvestmentData")
17276
+ ? t("creditTransfer:noTransfer")
17306
17277
  : null })),
17307
17278
  } }))))),
17308
17279
  popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
@@ -18188,6 +18159,7 @@ var NdcActionManagementComponent = function (props) {
18188
18159
  var _m = React.useState(), dataFilter = _m[0]; _m[1];
18189
18160
  var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
18190
18161
  var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
18162
+ var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
18191
18163
  var Search = antd.Input.Search;
18192
18164
  var post = useConnection().post;
18193
18165
  var userInfoState = useUserContext().userInfoState;
@@ -18195,7 +18167,7 @@ var NdcActionManagementComponent = function (props) {
18195
18167
  label: addSpaces(Object.values(exports.NdcActionStatus)[index]),
18196
18168
  value: Object.values(exports.NdcActionStatus)[index],
18197
18169
  }); });
18198
- var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
18170
+ var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
18199
18171
  var getNdcActionNames = function (action) {
18200
18172
  switch (action) {
18201
18173
  case exports.NdcActionTypes.Adaptation:
@@ -18377,6 +18349,11 @@ var NdcActionManagementComponent = function (props) {
18377
18349
  response = _a.sent();
18378
18350
  setTableData(response.data);
18379
18351
  setTotalProgramme(response.response.data.total);
18352
+ setDataQuery({
18353
+ filterAnd: filter,
18354
+ filterBy: filterBy,
18355
+ sort: sort,
18356
+ });
18380
18357
  setLoading(false);
18381
18358
  return [3 /*break*/, 4];
18382
18359
  case 3:
@@ -18435,6 +18412,49 @@ var NdcActionManagementComponent = function (props) {
18435
18412
  }
18436
18413
  });
18437
18414
  }); };
18415
+ var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
18416
+ var response, url, a, error_3;
18417
+ return __generator(this, function (_a) {
18418
+ switch (_a.label) {
18419
+ case 0:
18420
+ setLoading(true);
18421
+ _a.label = 1;
18422
+ case 1:
18423
+ _a.trys.push([1, 3, , 4]);
18424
+ return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
18425
+ filterAnd: dataQuery.filterAnd,
18426
+ filterBy: dataQuery.filterBy,
18427
+ sort: dataQuery.sort,
18428
+ })];
18429
+ case 2:
18430
+ response = _a.sent();
18431
+ if (response && response.data) {
18432
+ url = response.data.url;
18433
+ a = document.createElement('a');
18434
+ a.href = url;
18435
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
18436
+ document.body.appendChild(a);
18437
+ a.click();
18438
+ document.body.removeChild(a); // Clean up the created <a> element
18439
+ window.URL.revokeObjectURL(url);
18440
+ }
18441
+ setLoading(false);
18442
+ return [3 /*break*/, 4];
18443
+ case 3:
18444
+ error_3 = _a.sent();
18445
+ console.log("Error in exporting NDC Actions", error_3);
18446
+ antd.message.open({
18447
+ type: "error",
18448
+ content: error_3.message,
18449
+ duration: 3,
18450
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
18451
+ });
18452
+ setLoading(false);
18453
+ return [3 /*break*/, 4];
18454
+ case 4: return [2 /*return*/];
18455
+ }
18456
+ });
18457
+ }); };
18438
18458
  React.useEffect(function () {
18439
18459
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
18440
18460
  getUserDetails();
@@ -18530,7 +18550,13 @@ var NdcActionManagementComponent = function (props) {
18530
18550
  return e.target.value === ""
18531
18551
  ? setSearch(e.target.value)
18532
18552
  : setSearchText(e.target.value);
18533
- }, onSearch: setSearch, style: { width: 265 } }))))),
18553
+ }, onSearch: setSearch, style: { width: 265 } })),
18554
+ React.createElement("div", { className: "download-data-btn" },
18555
+ React.createElement("a", { onClick: downloadNdcData },
18556
+ React.createElement(icons.DownloadOutlined, { style: {
18557
+ color: "rgba(58, 53, 65, 0.3)",
18558
+ fontSize: "20px",
18559
+ } })))))),
18534
18560
  React.createElement(antd.Row, null,
18535
18561
  React.createElement(antd.Col, { span: 24 },
18536
18562
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -22964,7 +22990,7 @@ var NdcActionViewComponent = function (props) {
22964
22990
  var css_248z$e = ".credit-transfer-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .credit-transfer-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n margin-bottom: 0px; }\n .credit-transfer-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n margin-right: 10px; }\n .credit-transfer-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-modal-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 2rem 0 0 0;\n width: 100%; }\n .credit-transfer-modal-container .icon-credit {\n margin-bottom: 15px; }\n .credit-transfer-modal-container .credit-transfer-details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-bottom: 10px; }\n .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n font-family: 'Inter' !important;\n font-style: normal;\n font-weight: 600;\n font-size: 0.9rem;\n line-height: 1.3rem;\n padding: 0 1rem 0 1rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8) !important; }\n .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.8rem;\n line-height: 1.375rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-modal-container .remarks-credit-transfer {\n flex-direction: row;\n width: 100%;\n padding: 0.5rem 1rem 0 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n display: flex;\n flex-direction: row; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n width: 100%; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n font-size: 0.8rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n font-size: 0.75rem;\n font-weight: 600; }\n";
22965
22991
  styleInject(css_248z$e);
22966
22992
 
22967
- var css_248z$d = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
22993
+ var css_248z$d = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .ministry-level-filter-checkbox {\n margin-left: 0px !important; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
22968
22994
  styleInject(css_248z$d);
22969
22995
 
22970
22996
  function n(){return (n=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e]);}return a}).apply(this,arguments)}function t(a,n){if(null==a)return {};var t,e,r={},s=Object.keys(a);for(e=0;e<s.length;e++)n.indexOf(t=s[e])>=0||(r[t]=a[t]);return r}var e={ac:!0,ad:!0,ae:!0,af:!0,afar:!0,ag:!0,ai:!0,al:!0,am:!0,ao:!0,aq:!0,ar:!0,as:!0,at:!0,au:!0,"au-aboriginal":!0,"au-act":!0,"au-nsw":!0,"au-nt":!0,"au-qld":!0,"au-tas":!0,"au-vic":!0,"au-wa":!0,aw:!0,ax:!0,az:!0,ba:!0,bb:!0,bd:!0,be:!0,bf:!0,bg:!0,bh:!0,bi:!0,bj:!0,bl:!0,bm:!0,bn:!0,bo:!0,"bq-bo":!0,"bq-sa":!0,"bq-se":!0,bq:!0,br:!0,bs:!0,bt:!0,bv:!0,bw:!0,by:!0,bz:!0,"ca-bc":!0,ca:!0,cc:!0,cd:!0,cf:!0,cg:!0,"ch-gr":!0,ch:!0,ci:!0,ck:!0,cl:!0,cm:!0,"cn-xj":!0,cn:!0,co:!0,cp:!0,cq:!0,cr:!0,cu:!0,cv:!0,cw:!0,cx:!0,cy:!0,cz:!0,de:!0,dg:!0,dj:!0,dk:!0,dm:!0,do:!0,dz:!0,ea:!0,earth:!0,east_african_federation:!0,easter_island:!0,"ec-w":!0,ec:!0,ee:!0,eg:!0,eh:!0,er:!0,"es-ar":!0,"es-ce":!0,"es-cn":!0,"es-ct":!0,"es-ga":!0,"es-ib":!0,"es-ml":!0,"es-pv":!0,"es-variant":!0,es:!0,"et-or":!0,"et-ti":!0,et:!0,eu:!0,european_union:!0,ewe:!0,fi:!0,fj:!0,fk:!0,fm:!0,fo:!0,"fr-20r":!0,"fr-bre":!0,"fr-cp":!0,fr:!0,fx:!0,ga:!0,"gb-con":!0,"gb-eng":!0,"gb-nir":!0,"gb-ork":!0,"gb-sct":!0,"gb-wls":!0,gb:!0,gd:!0,"ge-ab":!0,ge:!0,gf:!0,gg:!0,gh:!0,gi:!0,gl:!0,gm:!0,gn:!0,gp:!0,gq:!0,gr:!0,gs:!0,gt:!0,gu:!0,guarani:!0,gw:!0,gy:!0,hausa:!0,hk:!0,hm:!0,hmong:!0,hn:!0,hr:!0,ht:!0,hu:!0,ic:!0,id:!0,"id-jb":!0,"id-jt":!0,ie:!0,il:!0,im:!0,"in-as":!0,"in-gj":!0,"in-ka":!0,"in-or":!0,"in-tn":!0,in:!0,io:!0,iq:!0,ir:!0,is:!0,"it-23":!0,"it-82":!0,"it-88":!0,it:!0,je:!0,jm:!0,jo:!0,jp:!0,kanuri:!0,ke:!0,kg:!0,kh:!0,ki:!0,kikuyu:!0,km:!0,kn:!0,kongo:!0,kp:!0,kr:!0,kurdistan:!0,kw:!0,ky:!0,kz:!0,la:!0,lb:!0,lc:!0,li:!0,lk:!0,lr:!0,ls:!0,lt:!0,lu:!0,lv:!0,ly:!0,ma:!0,malayali:!0,manipur:!0,maori:!0,mc:!0,md:!0,me:!0,mf:!0,mg:!0,mh:!0,mizoram:!0,mk:!0,ml:!0,mm:!0,mn:!0,mo:!0,mp:!0,mq:!0,mr:!0,ms:!0,mt:!0,mu:!0,mv:!0,mw:!0,mx:!0,my:!0,mz:!0,na:!0,nato:!0,nc:!0,ne:!0,nf:!0,ng:!0,ni:!0,"nl-fr":!0,nl:!0,no:!0,northern_cyprus:!0,np:!0,nr:!0,nu:!0,nz:!0,occitania:!0,olympics:!0,om:!0,otomi:!0,pa:!0,pe:!0,pf:!0,pg:!0,ph:!0,"pk-jk":!0,"pk-sd":!0,pk:!0,pl:!0,pm:!0,pn:!0,pr:!0,ps:!0,"pt-20":!0,"pt-30":!0,pt:!0,pw:!0,py:!0,qa:!0,quechua:!0,re:!0,ro:!0,rs:!0,ru:!0,"ru-ba":!0,"ru-ce":!0,"ru-cu":!0,"ru-da":!0,"ru-ko":!0,"ru-ta":!0,"ru-ud":!0,rw:!0,sa:!0,sami:!0,sb:!0,sc:!0,sd:!0,se:!0,sg:!0,"sh-ac":!0,"sh-hl":!0,"sh-ta":!0,sh:!0,si:!0,sj:!0,sk:!0,sl:!0,sm:!0,sn:!0,so:!0,somaliland:!0,south_ossetia:!0,soviet_union:!0,sr:!0,ss:!0,st:!0,su:!0,sv:!0,sx:!0,sy:!0,sz:!0,ta:!0,tc:!0,td:!0,tf:!0,tg:!0,th:!0,tibet:!0,tj:!0,tk:!0,tl:!0,tm:!0,tn:!0,to:!0,torres_strait_islands:!0,tr:!0,transnistria:!0,tt:!0,tv:!0,tw:!0,tz:!0,ua:!0,ug:!0,uk:!0,um:!0,un:!0,united_nations:!0,"us-hi":!0,us:!0,uy:!0,uz:!0,va:!0,vc:!0,ve:!0,vg:!0,vi:!0,vn:!0,vu:!0,wf:!0,wiphala:!0,ws:!0,xk:!0,xx:!0,ye:!0,yorubaland:!0,yt:!0,za:!0,zm:!0,zw:!0},s=["countryCode","cdnUrl"],c=function(a,t,e,r){return void 0===r&&(r=""),n({},e,{title:e.title||a,height:e.height||100,src:""+(t||"https://hatscripts.github.io/circle-flags/flags/")+r+a+".svg"})},u=function(r){var i=r.countryCode,u=r.cdnUrl,o=t(r,s);return React.createElement("img",n({"data-testid":"circle-country-flag"},c(function(a){return e[a]?a:"xx"}(i).toLowerCase(),u,o)))};
@@ -23143,6 +23169,7 @@ var CreditTransferComponent = function (props) {
23143
23169
  var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
23144
23170
  var _z = React.useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
23145
23171
  var _0 = React.useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
23172
+ var _1 = React.useState(), dataQuery = _1[0], setDataQuery = _1[1];
23146
23173
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
23147
23174
  return __generator(this, function (_a) {
23148
23175
  console.log(checkedValues);
@@ -23246,6 +23273,12 @@ var CreditTransferComponent = function (props) {
23246
23273
  console.log(response);
23247
23274
  setTableData(response.data);
23248
23275
  setTotalProgramme(response.response.data.total);
23276
+ setDataQuery({
23277
+ filterAnd: filter,
23278
+ filterOr: dataFilter,
23279
+ sort: sort,
23280
+ filterBy: filterBy,
23281
+ });
23249
23282
  setLoading(false);
23250
23283
  return [3 /*break*/, 4];
23251
23284
  case 3:
@@ -23263,8 +23296,53 @@ var CreditTransferComponent = function (props) {
23263
23296
  }
23264
23297
  });
23265
23298
  }); };
23299
+ var downloadTransferData = function () { return __awaiter(void 0, void 0, void 0, function () {
23300
+ var response, url, a, error_2;
23301
+ var _a;
23302
+ return __generator(this, function (_b) {
23303
+ switch (_b.label) {
23304
+ case 0:
23305
+ setLoading(true);
23306
+ _b.label = 1;
23307
+ case 1:
23308
+ _b.trys.push([1, 3, , 4]);
23309
+ return [4 /*yield*/, post("national/programme/transfers/download", {
23310
+ filterAnd: dataQuery.filterAnd,
23311
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
23312
+ sort: dataQuery.sort,
23313
+ filterBy: dataQuery.filterBy,
23314
+ })];
23315
+ case 2:
23316
+ response = _b.sent();
23317
+ if (response && response.data) {
23318
+ url = response.data.url;
23319
+ a = document.createElement('a');
23320
+ a.href = url;
23321
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
23322
+ document.body.appendChild(a);
23323
+ a.click();
23324
+ document.body.removeChild(a); // Clean up the created <a> element
23325
+ window.URL.revokeObjectURL(url);
23326
+ }
23327
+ setLoading(false);
23328
+ return [3 /*break*/, 4];
23329
+ case 3:
23330
+ error_2 = _b.sent();
23331
+ console.log("Error in exporting transfers", error_2);
23332
+ antd.message.open({
23333
+ type: "error",
23334
+ content: error_2.message,
23335
+ duration: 3,
23336
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
23337
+ });
23338
+ setLoading(false);
23339
+ return [3 /*break*/, 4];
23340
+ case 4: return [2 /*return*/];
23341
+ }
23342
+ });
23343
+ }); };
23266
23344
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
23267
- var response, error_2;
23345
+ var response, error_3;
23268
23346
  var _a, _b, _c, _d, _e, _f;
23269
23347
  return __generator(this, function (_g) {
23270
23348
  switch (_g.label) {
@@ -23296,8 +23374,8 @@ var CreditTransferComponent = function (props) {
23296
23374
  setLoading(false);
23297
23375
  return [3 /*break*/, 4];
23298
23376
  case 3:
23299
- error_2 = _g.sent();
23300
- console.log("Error in getting users", error_2);
23377
+ error_3 = _g.sent();
23378
+ console.log("Error in getting users", error_3);
23301
23379
  setLoading(false);
23302
23380
  return [3 /*break*/, 4];
23303
23381
  case 4: return [2 /*return*/];
@@ -23321,7 +23399,7 @@ var CreditTransferComponent = function (props) {
23321
23399
  }
23322
23400
  }, []);
23323
23401
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
23324
- var response, successMsg, error_3;
23402
+ var response, successMsg, error_4;
23325
23403
  return __generator(this, function (_a) {
23326
23404
  switch (_a.label) {
23327
23405
  case 0:
@@ -23351,10 +23429,10 @@ var CreditTransferComponent = function (props) {
23351
23429
  setModalVisible(false);
23352
23430
  return [3 /*break*/, 4];
23353
23431
  case 3:
23354
- error_3 = _a.sent();
23355
- console.log("Error in Cancelling transfer request", error_3);
23432
+ error_4 = _a.sent();
23433
+ console.log("Error in Cancelling transfer request", error_4);
23356
23434
  setLoading(false);
23357
- return [2 /*return*/, error_3.message];
23435
+ return [2 /*return*/, error_4.message];
23358
23436
  case 4: return [2 /*return*/];
23359
23437
  }
23360
23438
  });
@@ -23703,7 +23781,7 @@ var CreditTransferComponent = function (props) {
23703
23781
  ]
23704
23782
  : undefined);
23705
23783
  } }, t("view:seeMine")),
23706
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
23784
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(antd.Checkbox, { className: "label ministry-level-filter-checkbox", onChange: function (v) {
23707
23785
  if (v.target.checked) {
23708
23786
  setMinistryLevelFilter(true);
23709
23787
  }
@@ -23716,7 +23794,13 @@ var CreditTransferComponent = function (props) {
23716
23794
  return e.target.value === ""
23717
23795
  ? setSearch(e.target.value)
23718
23796
  : setSearchText(e.target.value);
23719
- }, onSearch: setSearch, style: { width: 265 } }))))),
23797
+ }, onSearch: setSearch, style: { width: 265 } })),
23798
+ React.createElement("div", { className: "download-data-btn" },
23799
+ React.createElement("a", { onClick: downloadTransferData },
23800
+ React.createElement(icons.DownloadOutlined, { style: {
23801
+ color: "rgba(58, 53, 65, 0.3)",
23802
+ fontSize: "20px",
23803
+ } })))))),
23720
23804
  React.createElement(antd.Row, null,
23721
23805
  React.createElement(antd.Col, { span: 24 },
23722
23806
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -27502,7 +27586,21 @@ var EditableCell = function (_a) {
27502
27586
  }); },
27503
27587
  },
27504
27588
  ] },
27505
- React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27589
+ React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27590
+ {
27591
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
27592
+ var trimValue;
27593
+ return __generator(this, function (_a) {
27594
+ trimValue = typeof value === "string" ? value.trim() : value;
27595
+ if (!trimValue) {
27596
+ throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
27597
+ }
27598
+ return [2 /*return*/];
27599
+ });
27600
+ }); },
27601
+ },
27602
+ ] },
27603
+ React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27506
27604
  {
27507
27605
  validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
27508
27606
  var trimValue;
@@ -27609,11 +27707,13 @@ var NdcDetailsComponent = function (props) {
27609
27707
  : undefined;
27610
27708
  var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
27611
27709
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
27612
- var isMainNdcActionsEditable = !selectedPeriod.finalized &&
27710
+ var isMainNdcActionsEditable = selectedPeriod &&
27711
+ !selectedPeriod.finalized &&
27613
27712
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
27614
27713
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
27615
27714
  var isSubNdcActionsEditable = function (record) {
27616
- return (!selectedPeriod.finalized &&
27715
+ return (selectedPeriod &&
27716
+ !selectedPeriod.finalized &&
27617
27717
  record.status !== NdcDetailsActionStatus.Approved &&
27618
27718
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
27619
27719
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
@@ -27621,7 +27721,8 @@ var NdcDetailsComponent = function (props) {
27621
27721
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
27622
27722
  };
27623
27723
  var checkSubNdcActionCreatePermission = function () {
27624
- return (!selectedPeriod.finalized &&
27724
+ return (selectedPeriod &&
27725
+ !selectedPeriod.finalized &&
27625
27726
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
27626
27727
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) &&
27627
27728
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
@@ -27634,7 +27735,7 @@ var NdcDetailsComponent = function (props) {
27634
27735
  return isSubNdcActionsEditable(record);
27635
27736
  }
27636
27737
  };
27637
- var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
27738
+ var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
27638
27739
  ? ndcActionsList.filter(function (ndcDetail) {
27639
27740
  return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
27640
27741
  ndcDetail.actionType === NdcDetailsActionType.MainAction);
@@ -27650,6 +27751,7 @@ var NdcDetailsComponent = function (props) {
27650
27751
  actionType: NdcDetailsActionType.SubAction,
27651
27752
  nationalPlanObjective: "",
27652
27753
  kpi: "",
27754
+ kpiUnit: "",
27653
27755
  ministryName: loginMinistry,
27654
27756
  status: NdcDetailsActionStatus.New,
27655
27757
  parentActionId: mainActionId,
@@ -27661,6 +27763,7 @@ var NdcDetailsComponent = function (props) {
27661
27763
  form.setFieldsValue({
27662
27764
  nationalPlanObjective: "",
27663
27765
  kpi: "",
27766
+ kpiUnit: "",
27664
27767
  });
27665
27768
  }
27666
27769
  setSubNdcActionsForPeriod(subNdcDetails);
@@ -27702,6 +27805,7 @@ var NdcDetailsComponent = function (props) {
27702
27805
  return [2 /*return*/];
27703
27806
  }
27704
27807
  else if (updatedFields.kpi === row.kpi &&
27808
+ updatedFields.kpiUnit === row.kpiUnit &&
27705
27809
  updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
27706
27810
  ClearEditMode();
27707
27811
  return [2 /*return*/];
@@ -27715,13 +27819,13 @@ var NdcDetailsComponent = function (props) {
27715
27819
  else {
27716
27820
  updatedItem.status = NdcDetailsActionStatus.Pending;
27717
27821
  }
27718
- return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27822
+ return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
27719
27823
  case 5:
27720
27824
  _a.sent();
27721
27825
  return [3 /*break*/, 8];
27722
27826
  case 6:
27723
27827
  updatedItem.status = NdcDetailsActionStatus.Pending;
27724
- return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27828
+ return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
27725
27829
  case 7:
27726
27830
  _a.sent();
27727
27831
  _a.label = 8;
@@ -27746,6 +27850,7 @@ var NdcDetailsComponent = function (props) {
27746
27850
  var actionMenu = function (record) {
27747
27851
  if (record.status === NdcDetailsActionStatus.Pending &&
27748
27852
  isGovernmentUser &&
27853
+ selectedPeriod &&
27749
27854
  !selectedPeriod.finalized) {
27750
27855
  return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
27751
27856
  {
@@ -27805,7 +27910,17 @@ var NdcDetailsComponent = function (props) {
27805
27910
  width: 100,
27806
27911
  editable: true,
27807
27912
  render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpi ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27808
- React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: "Enter Kpi" })))); },
27913
+ React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
27914
+ },
27915
+ {
27916
+ title: t("ndc:ndcColumnsKpiUnit"),
27917
+ dataIndex: "kpiUnit",
27918
+ key: "kpiUnit",
27919
+ align: "left",
27920
+ width: 100,
27921
+ editable: true,
27922
+ render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpiUnit ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27923
+ React.createElement("span", null, record.kpiUnit))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
27809
27924
  },
27810
27925
  {
27811
27926
  title: t("ndc:ndcColumnsMinistry"),
@@ -27869,6 +27984,7 @@ var NdcDetailsComponent = function (props) {
27869
27984
  form.setFieldsValue({
27870
27985
  nationalPlanObjective: "",
27871
27986
  kpi: "",
27987
+ kpiUnit: "",
27872
27988
  });
27873
27989
  periodId = parseInt(selectedPeriod.key);
27874
27990
  newData_1 = {
@@ -27876,6 +27992,7 @@ var NdcDetailsComponent = function (props) {
27876
27992
  actionType: NdcDetailsActionType.MainAction,
27877
27993
  nationalPlanObjective: "",
27878
27994
  kpi: "",
27995
+ kpiUnit: "",
27879
27996
  ministryName: loginMinistry,
27880
27997
  periodId: periodId,
27881
27998
  status: NdcDetailsActionStatus.New,
@@ -28014,10 +28131,11 @@ var NdcDetailsComponent = function (props) {
28014
28131
  };
28015
28132
  }, footer: function () {
28016
28133
  return isGovernmentUser &&
28134
+ selectedPeriod &&
28017
28135
  !selectedPeriod.finalized && (React.createElement(antd.Row, { justify: "center" },
28018
28136
  React.createElement(antd.Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
28019
28137
  } })))),
28020
- isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
28138
+ isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
28021
28139
  React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
28022
28140
  React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
28023
28141
  React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -28365,10 +28483,12 @@ var NdcDetailsComponent = function (props) {
28365
28483
  React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
28366
28484
  React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
28367
28485
  React.createElement("div", null,
28368
- React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
28369
- React.createElement("div", null, selectedPeriod.key === "add_new"
28370
- ? addNewPeriodContent()
28371
- : mainNdcActionTableContent()),
28486
+ React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
28487
+ React.createElement("div", null, selectedPeriod
28488
+ ? selectedPeriod.key === "add_new"
28489
+ ? addNewPeriodContent()
28490
+ : mainNdcActionTableContent()
28491
+ : ""),
28372
28492
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
28373
28493
  };
28374
28494
 
@@ -28942,8 +29062,8 @@ var ProgrammeTransferForm = function (props) {
28942
29062
  },
28943
29063
  {
28944
29064
  key: "companyRole",
28945
- operation: "!=",
28946
- value: "Certifier",
29065
+ operation: "=",
29066
+ value: exports.CompanyRole.PROGRAMME_DEVELOPER,
28947
29067
  },
28948
29068
  ],
28949
29069
  sort: {
@@ -30127,7 +30247,7 @@ var TimelineBody = function (props) {
30127
30247
  React.createElement("div", { className: "remark-body" }, remark)))));
30128
30248
  };
30129
30249
 
30130
- var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 5px !important;\n height: 50px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 50px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 50px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 50px;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 50px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 600;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 5px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 20px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 16px;\n font-weight: 500;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 50px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .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 .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
30250
+ var css_248z$2 = ".emission-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.empty-emission-container {\n padding-top: 5%;\n padding-bottom: 5%; }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 700;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 3px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .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 .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
30131
30251
  styleInject(css_248z$2);
30132
30252
 
30133
30253
  var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -30581,14 +30701,26 @@ var GHGEmissionsComponent = function (props) {
30581
30701
  var _17 = React.useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
30582
30702
  var _18 = React.useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
30583
30703
  var _19 = React.useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
30584
- var _20 = React.useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
30585
- var _21 = React.useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
30586
- var _22 = React.useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
30587
- var _23 = React.useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
30588
- var _24 = React.useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
30589
- var _25 = React.useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
30590
- var _26 = React.useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
30591
- var _27 = React.useState({}), actionInfo = _27[0], setActionInfo = _27[1];
30704
+ var _20 = React.useState({
30705
+ totalCo2WithoutLand_ch4: 0,
30706
+ totalCo2WithoutLand_co2: 0,
30707
+ totalCo2WithoutLand_n2o: 0,
30708
+ totalCo2WithoutLand_co2eq: 0
30709
+ }); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
30710
+ var _21 = React.useState({
30711
+ totalCo2WithLand_ch4: 0,
30712
+ totalCo2WithLand_co2: 0,
30713
+ totalCo2WithLand_n2o: 0,
30714
+ totalCo2WithLand_co2eq: 0
30715
+ }); _21[0]; _21[1];
30716
+ var _22 = React.useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
30717
+ var _23 = React.useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
30718
+ var _24 = React.useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
30719
+ var _25 = React.useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
30720
+ var _26 = React.useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
30721
+ var _27 = React.useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
30722
+ var _28 = React.useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
30723
+ var _29 = React.useState({}), actionInfo = _29[0], setActionInfo = _29[1];
30592
30724
  var Panel = antd.Collapse.Panel;
30593
30725
  var form = antd.Form.useForm()[0];
30594
30726
  var createSetFieldObject = function (obj, objName) {
@@ -31743,19 +31875,35 @@ var GHGEmissionsComponent = function (props) {
31743
31875
  return 0;
31744
31876
  }
31745
31877
  };
31878
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
31879
+ setTotalCo2WithoutLandEmissions(function (prevState) {
31880
+ var _a;
31881
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
31882
+ });
31883
+ };
31884
+ // Helper function to get form field value
31885
+ var getFieldValue = function (fieldName) {
31886
+ var formValues = form.getFieldsValue(true);
31887
+ var fieldValue = formValues[fieldName];
31888
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
31889
+ };
31746
31890
  var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
31747
31891
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
31748
31892
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
31749
31893
  React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
31750
31894
  React.createElement(antd.Row, { gutter: 16 },
31751
31895
  React.createElement(antd.Col, { xl: 6 },
31752
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading))))),
31896
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
31897
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
31753
31898
  React.createElement(antd.Col, { xl: 6 },
31754
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading))))),
31899
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
31900
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
31755
31901
  React.createElement(antd.Col, { xl: 6 },
31756
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading))))),
31902
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
31903
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
31757
31904
  React.createElement(antd.Col, { xl: 6 },
31758
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading))))))))); };
31905
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
31906
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
31759
31907
  var renderPanelHeaderView = function (panelHeading, tabData) {
31760
31908
  var emissionsObject = tabData[panelHeading];
31761
31909
  return (React.createElement(antd.Row, { gutter: 16 },
@@ -31764,13 +31912,17 @@ var GHGEmissionsComponent = function (props) {
31764
31912
  React.createElement(antd.Col, { xl: 9, md: 9 },
31765
31913
  React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
31766
31914
  React.createElement(antd.Col, { xl: 6 },
31767
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))))),
31915
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31916
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
31768
31917
  React.createElement(antd.Col, { xl: 6 },
31769
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4'))))),
31918
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31919
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
31770
31920
  React.createElement(antd.Col, { xl: 6 },
31771
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o'))))),
31921
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31922
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
31772
31923
  React.createElement(antd.Col, { xl: 6 },
31773
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq')))))))));
31924
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31925
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
31774
31926
  };
31775
31927
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
31776
31928
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31778,61 +31930,65 @@ var GHGEmissionsComponent = function (props) {
31778
31930
  React.createElement(antd.Col, { xl: 9, md: 9 },
31779
31931
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
31780
31932
  React.createElement(antd.Col, { xl: 6 },
31781
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31782
- {
31783
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31784
- return __generator(this, function (_a) {
31785
- if (value && value < 0) {
31786
- throw new Error();
31787
- }
31788
- return [2 /*return*/];
31789
- });
31790
- }); },
31791
- },
31792
- ] },
31793
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31933
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
31934
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31935
+ {
31936
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31937
+ return __generator(this, function (_a) {
31938
+ if (value && value < 0) {
31939
+ throw new Error();
31940
+ }
31941
+ return [2 /*return*/];
31942
+ });
31943
+ }); },
31944
+ },
31945
+ ] },
31946
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31794
31947
  React.createElement(antd.Col, { xl: 6 },
31795
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31796
- {
31797
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31798
- return __generator(this, function (_a) {
31799
- if (value && value < 0) {
31800
- throw new Error();
31801
- }
31802
- return [2 /*return*/];
31803
- });
31804
- }); },
31805
- },
31806
- ] },
31807
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31948
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
31949
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31950
+ {
31951
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31952
+ return __generator(this, function (_a) {
31953
+ if (value && value < 0) {
31954
+ throw new Error();
31955
+ }
31956
+ return [2 /*return*/];
31957
+ });
31958
+ }); },
31959
+ },
31960
+ ] },
31961
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31808
31962
  React.createElement(antd.Col, { xl: 6 },
31809
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31810
- {
31811
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31812
- return __generator(this, function (_a) {
31813
- if (value && value < 0) {
31814
- throw new Error();
31815
- }
31816
- return [2 /*return*/];
31817
- });
31818
- }); },
31819
- },
31820
- ] },
31821
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31963
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
31964
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31965
+ {
31966
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31967
+ return __generator(this, function (_a) {
31968
+ if (value && value < 0) {
31969
+ throw new Error();
31970
+ }
31971
+ return [2 /*return*/];
31972
+ });
31973
+ }); },
31974
+ },
31975
+ ] },
31976
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31822
31977
  React.createElement(antd.Col, { xl: 6 },
31823
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31824
- {
31825
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31826
- return __generator(this, function (_a) {
31827
- if (value && value < 0) {
31828
- throw new Error();
31829
- }
31830
- return [2 /*return*/];
31831
- });
31832
- }); },
31833
- },
31834
- ] },
31835
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))); };
31978
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
31979
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31980
+ {
31981
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31982
+ return __generator(this, function (_a) {
31983
+ if (value && value < 0) {
31984
+ throw new Error();
31985
+ }
31986
+ return [2 /*return*/];
31987
+ });
31988
+ }); },
31989
+ },
31990
+ ] },
31991
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
31836
31992
  var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
31837
31993
  return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
31838
31994
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31840,13 +31996,21 @@ var GHGEmissionsComponent = function (props) {
31840
31996
  React.createElement(antd.Col, { xl: 9, md: 9 },
31841
31997
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
31842
31998
  React.createElement(antd.Col, { xl: 6 },
31843
- React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })),
31999
+ React.createElement(antd.Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
32000
+ React.createElement("div", null,
32001
+ React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
31844
32002
  React.createElement(antd.Col, { xl: 6 },
31845
- React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })),
32003
+ React.createElement(antd.Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
32004
+ React.createElement("div", null,
32005
+ React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
31846
32006
  React.createElement(antd.Col, { xl: 6 },
31847
- React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })),
32007
+ React.createElement(antd.Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
32008
+ React.createElement("div", null,
32009
+ React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
31848
32010
  React.createElement(antd.Col, { xl: 6 },
31849
- React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))));
32011
+ React.createElement(antd.Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
32012
+ React.createElement("div", null,
32013
+ React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
31850
32014
  };
31851
32015
  var objectToCSV = function (dataToDownload) {
31852
32016
  var flattenObject = function (obj, prefix) {
@@ -31917,6 +32081,17 @@ var GHGEmissionsComponent = function (props) {
31917
32081
  }
31918
32082
  return false;
31919
32083
  };
32084
+ var displayEmptyView = function () {
32085
+ if (!data || data.length === 0) {
32086
+ 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) {
32087
+ return true;
32088
+ }
32089
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
32090
+ return true;
32091
+ }
32092
+ }
32093
+ return false;
32094
+ };
31920
32095
  var canViewForm = function () {
31921
32096
  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) {
31922
32097
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -31934,7 +32109,9 @@ var GHGEmissionsComponent = function (props) {
31934
32109
  React.createElement("div", { className: "title-bar" },
31935
32110
  React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
31936
32111
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
31937
- React.createElement("div", { className: "content-card add-emission" },
32112
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
32113
+ React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
32114
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
31938
32115
  React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
31939
32116
  (canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
31940
32117
  React.createElement("div", null,
@@ -32039,13 +32216,17 @@ var GHGEmissionsComponent = function (props) {
32039
32216
  React.createElement(antd.Col, { xl: 9, md: 9 },
32040
32217
  React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
32041
32218
  React.createElement(antd.Col, { xl: 6 },
32042
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2)))),
32219
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
32220
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
32043
32221
  React.createElement(antd.Col, { xl: 6 },
32044
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4)))),
32222
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
32223
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
32045
32224
  React.createElement(antd.Col, { xl: 6 },
32046
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o)))),
32225
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
32226
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
32047
32227
  React.createElement(antd.Col, { xl: 6 },
32048
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq))))))),
32228
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
32229
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
32049
32230
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
32050
32231
  var isActive = _a.isActive;
32051
32232
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -32070,122 +32251,130 @@ var GHGEmissionsComponent = function (props) {
32070
32251
  React.createElement(antd.Col, { xl: 9, md: 9 },
32071
32252
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32072
32253
  React.createElement(antd.Col, { xl: 6 },
32073
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
32074
- {
32075
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32076
- return __generator(this, function (_a) {
32077
- if (value && value < 0) {
32078
- throw new Error();
32079
- }
32080
- return [2 /*return*/];
32081
- });
32082
- }); },
32083
- },
32084
- ] },
32085
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32254
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
32255
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
32256
+ {
32257
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32258
+ return __generator(this, function (_a) {
32259
+ if (value && value < 0) {
32260
+ throw new Error();
32261
+ }
32262
+ return [2 /*return*/];
32263
+ });
32264
+ }); },
32265
+ },
32266
+ ] },
32267
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32086
32268
  React.createElement(antd.Col, { xl: 6 },
32087
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
32088
- {
32089
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32090
- return __generator(this, function (_a) {
32091
- if (value && value < 0) {
32092
- throw new Error();
32093
- }
32094
- return [2 /*return*/];
32095
- });
32096
- }); },
32097
- },
32098
- ] },
32099
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32269
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
32270
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
32271
+ {
32272
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32273
+ return __generator(this, function (_a) {
32274
+ if (value && value < 0) {
32275
+ throw new Error();
32276
+ }
32277
+ return [2 /*return*/];
32278
+ });
32279
+ }); },
32280
+ },
32281
+ ] },
32282
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32100
32283
  React.createElement(antd.Col, { xl: 6 },
32101
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
32102
- {
32103
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32104
- return __generator(this, function (_a) {
32105
- if (value && value < 0) {
32106
- throw new Error();
32107
- }
32108
- return [2 /*return*/];
32109
- });
32110
- }); },
32111
- },
32112
- ] },
32113
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32284
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
32285
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
32286
+ {
32287
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32288
+ return __generator(this, function (_a) {
32289
+ if (value && value < 0) {
32290
+ throw new Error();
32291
+ }
32292
+ return [2 /*return*/];
32293
+ });
32294
+ }); },
32295
+ },
32296
+ ] },
32297
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32114
32298
  React.createElement(antd.Col, { xl: 6 },
32115
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
32116
- {
32117
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32118
- return __generator(this, function (_a) {
32119
- if (value && value < 0) {
32120
- throw new Error();
32121
- }
32122
- return [2 /*return*/];
32123
- });
32124
- }); },
32125
- },
32126
- ] },
32127
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
32299
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
32300
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
32301
+ {
32302
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32303
+ return __generator(this, function (_a) {
32304
+ if (value && value < 0) {
32305
+ throw new Error();
32306
+ }
32307
+ return [2 /*return*/];
32308
+ });
32309
+ }); },
32310
+ },
32311
+ ] },
32312
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
32128
32313
  React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
32129
32314
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
32130
32315
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
32131
32316
  React.createElement(antd.Col, { xl: 9, md: 9 },
32132
32317
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32133
32318
  React.createElement(antd.Col, { xl: 6 },
32134
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
32135
- {
32136
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32137
- return __generator(this, function (_a) {
32138
- if (value && value < 0) {
32139
- throw new Error();
32140
- }
32141
- return [2 /*return*/];
32142
- });
32143
- }); },
32144
- },
32145
- ] },
32146
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32319
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
32320
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
32321
+ {
32322
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32323
+ return __generator(this, function (_a) {
32324
+ if (value && value < 0) {
32325
+ throw new Error();
32326
+ }
32327
+ return [2 /*return*/];
32328
+ });
32329
+ }); },
32330
+ },
32331
+ ] },
32332
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32147
32333
  React.createElement(antd.Col, { xl: 6 },
32148
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
32149
- {
32150
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32151
- return __generator(this, function (_a) {
32152
- if (value && value < 0) {
32153
- throw new Error();
32154
- }
32155
- return [2 /*return*/];
32156
- });
32157
- }); },
32158
- },
32159
- ] },
32160
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32334
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
32335
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
32336
+ {
32337
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32338
+ return __generator(this, function (_a) {
32339
+ if (value && value < 0) {
32340
+ throw new Error();
32341
+ }
32342
+ return [2 /*return*/];
32343
+ });
32344
+ }); },
32345
+ },
32346
+ ] },
32347
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32161
32348
  React.createElement(antd.Col, { xl: 6 },
32162
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
32163
- {
32164
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32165
- return __generator(this, function (_a) {
32166
- if (value && value < 0) {
32167
- throw new Error();
32168
- }
32169
- return [2 /*return*/];
32170
- });
32171
- }); },
32172
- },
32173
- ] },
32174
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32349
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
32350
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
32351
+ {
32352
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32353
+ return __generator(this, function (_a) {
32354
+ if (value && value < 0) {
32355
+ throw new Error();
32356
+ }
32357
+ return [2 /*return*/];
32358
+ });
32359
+ }); },
32360
+ },
32361
+ ] },
32362
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32175
32363
  React.createElement(antd.Col, { xl: 6 },
32176
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
32177
- {
32178
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32179
- return __generator(this, function (_a) {
32180
- if (value && value < 0) {
32181
- throw new Error();
32182
- }
32183
- return [2 /*return*/];
32184
- });
32185
- }); },
32186
- },
32187
- ] },
32188
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
32364
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
32365
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
32366
+ {
32367
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32368
+ return __generator(this, function (_a) {
32369
+ if (value && value < 0) {
32370
+ throw new Error();
32371
+ }
32372
+ return [2 /*return*/];
32373
+ });
32374
+ }); },
32375
+ },
32376
+ ] },
32377
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
32189
32378
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
32190
32379
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
32191
32380
  (React.createElement("div", { className: "steps-actions" },
@@ -32194,7 +32383,7 @@ var GHGEmissionsComponent = function (props) {
32194
32383
  React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
32195
32384
  React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
32196
32385
  data.map(function (tabData) {
32197
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
32386
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
32198
32387
  return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
32199
32388
  tabData.year,
32200
32389
  tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
@@ -32234,13 +32423,17 @@ var GHGEmissionsComponent = function (props) {
32234
32423
  React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
32235
32424
  React.createElement(antd.Row, { gutter: 16 },
32236
32425
  React.createElement(antd.Col, { xl: 6 },
32237
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))))),
32426
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
32427
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
32238
32428
  React.createElement(antd.Col, { xl: 6 },
32239
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))))),
32429
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
32430
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
32240
32431
  React.createElement(antd.Col, { xl: 6 },
32241
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))))),
32432
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
32433
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
32242
32434
  React.createElement(antd.Col, { xl: 6 },
32243
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq')))))))),
32435
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
32436
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
32244
32437
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
32245
32438
  var isActive = _a.isActive;
32246
32439
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -32295,49 +32488,81 @@ var GHGEmissionsComponent = function (props) {
32295
32488
  React.createElement(antd.Col, { xl: 9, md: 9 },
32296
32489
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32297
32490
  React.createElement(antd.Col, { xl: 6 },
32298
- React.createElement(antd.InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
32491
+ React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
32299
32492
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
32300
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2, disabled: true })),
32493
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
32494
+ React.createElement("div", null,
32495
+ React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
32496
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
32497
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
32301
32498
  React.createElement(antd.Col, { xl: 6 },
32302
- React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
32303
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
32304
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
32499
+ React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
32500
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
32501
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
32502
+ React.createElement("div", null,
32503
+ React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
32504
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
32505
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
32305
32506
  React.createElement(antd.Col, { xl: 6 },
32306
- React.createElement(antd.InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
32307
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
32308
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.n2o, disabled: true })),
32507
+ React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
32508
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
32509
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
32510
+ React.createElement("div", null,
32511
+ React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
32512
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
32513
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
32309
32514
  React.createElement(antd.Col, { xl: 6 },
32310
- React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
32311
- ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
32312
- : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.co2eq, disabled: true })))))),
32515
+ React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
32516
+ ? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
32517
+ : (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
32518
+ React.createElement("div", null,
32519
+ React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
32520
+ ? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
32521
+ : (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
32313
32522
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
32314
32523
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
32315
32524
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
32316
32525
  React.createElement(antd.Col, { xl: 9, md: 9 },
32317
32526
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32318
32527
  React.createElement(antd.Col, { xl: 6 },
32319
- React.createElement(antd.InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
32320
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
32321
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.co2, disabled: true })),
32528
+ React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
32529
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
32530
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
32531
+ React.createElement("div", null,
32532
+ React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
32533
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
32534
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
32322
32535
  React.createElement(antd.Col, { xl: 6 },
32323
- React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
32324
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
32325
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.ch4, disabled: true })),
32536
+ React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
32537
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
32538
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
32539
+ React.createElement("div", null,
32540
+ React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
32541
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
32542
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
32326
32543
  React.createElement(antd.Col, { xl: 6 },
32327
- React.createElement(antd.InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
32328
- ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
32329
- : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.n2o, disabled: true })),
32544
+ React.createElement(antd.Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
32545
+ ? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
32546
+ : (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
32547
+ React.createElement("div", null,
32548
+ React.createElement(antd.InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
32549
+ ? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
32550
+ : (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
32330
32551
  React.createElement(antd.Col, { xl: 6 },
32331
- React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
32332
- ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
32333
- : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
32334
- })))),
32552
+ React.createElement(antd.Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
32553
+ ? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
32554
+ : (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
32555
+ React.createElement("div", null,
32556
+ React.createElement(antd.InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
32557
+ ? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
32558
+ : (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
32559
+ }))))),
32335
32560
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
32336
32561
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
32337
32562
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
32338
32563
  };
32339
32564
 
32340
- var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 5px !important;\n height: 50px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 50px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 50px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 50px;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 50px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 5px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 20px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 16px;\n font-weight: 500;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 50px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .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 .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
32565
+ var css_248z$1 = ".projection-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 700;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 3px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .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 .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
32341
32566
  styleInject(css_248z$1);
32342
32567
 
32343
32568
  var ProjectionTypes = {
@@ -32384,14 +32609,24 @@ var GHGProjectionsComponent = function (props) {
32384
32609
  var _8 = React.useState(0), otherBau = _8[0], setOtherBau = _8[1];
32385
32610
  var _9 = React.useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
32386
32611
  var _10 = React.useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
32387
- var _11 = React.useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
32388
- var _12 = React.useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
32389
- var _13 = React.useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
32390
- var _14 = React.useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
32391
- var _15 = React.useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
32392
- var _16 = React.useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
32393
- var _17 = React.useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
32394
- var _18 = React.useState({}), actionInfo = _18[0], setActionInfo = _18[1];
32612
+ var _11 = React.useState({
32613
+ totalCo2WithoutLand_bau: 0,
32614
+ totalCo2WithoutLand_conditionalNdc: 0,
32615
+ totalCo2WithoutLand_unconditionalNdc: 0
32616
+ }); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
32617
+ var _12 = React.useState({
32618
+ totalCo2WithLand_bau: 0,
32619
+ totalCo2WithLand_conditionalNdc: 0,
32620
+ totalCo2WithLand_unconditionalNdc: 0
32621
+ }); _12[0]; _12[1];
32622
+ var _13 = React.useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
32623
+ var _14 = React.useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
32624
+ var _15 = React.useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
32625
+ var _16 = React.useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
32626
+ var _17 = React.useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
32627
+ var _18 = React.useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
32628
+ var _19 = React.useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
32629
+ var _20 = React.useState({}), actionInfo = _20[0], setActionInfo = _20[1];
32395
32630
  var Panel = antd.Collapse.Panel;
32396
32631
  var form = antd.Form.useForm()[0];
32397
32632
  var createSetFieldObject = function (obj, objName) {
@@ -33415,17 +33650,32 @@ var GHGProjectionsComponent = function (props) {
33415
33650
  }
33416
33651
  return 0;
33417
33652
  };
33653
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
33654
+ setTotalCo2WithoutLandEmissions(function (prevState) {
33655
+ var _a;
33656
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
33657
+ });
33658
+ };
33659
+ // Helper function to get form field value
33660
+ var getFieldValue = function (fieldName) {
33661
+ var formValues = form.getFieldsValue(true);
33662
+ var fieldValue = formValues[fieldName];
33663
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
33664
+ };
33418
33665
  var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
33419
33666
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
33420
33667
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
33421
33668
  React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
33422
33669
  React.createElement(antd.Row, { gutter: 16 },
33423
33670
  React.createElement(antd.Col, { xl: 7 },
33424
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading))))),
33671
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
33672
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
33425
33673
  React.createElement(antd.Col, { xl: 7 },
33426
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading))))),
33674
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
33675
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
33427
33676
  React.createElement(antd.Col, { xl: 7 },
33428
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading))))))))); };
33677
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
33678
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
33429
33679
  var renderPanelHeaderView = function (panelHeading, tabData) {
33430
33680
  var projectionObject = tabData[panelHeading];
33431
33681
  return (React.createElement(antd.Row, { gutter: 16 },
@@ -33434,11 +33684,14 @@ var GHGProjectionsComponent = function (props) {
33434
33684
  React.createElement(antd.Col, { xl: 9, md: 9 },
33435
33685
  React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
33436
33686
  React.createElement(antd.Col, { xl: 7 },
33437
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))))),
33687
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
33688
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
33438
33689
  React.createElement(antd.Col, { xl: 7 },
33439
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))))),
33690
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
33691
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
33440
33692
  React.createElement(antd.Col, { xl: 7 },
33441
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc')))))))));
33693
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
33694
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
33442
33695
  };
33443
33696
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
33444
33697
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -33446,47 +33699,50 @@ var GHGProjectionsComponent = function (props) {
33446
33699
  React.createElement(antd.Col, { xl: 9, md: 9 },
33447
33700
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
33448
33701
  React.createElement(antd.Col, { xl: 7 },
33449
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
33450
- {
33451
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33452
- return __generator(this, function (_a) {
33453
- if (value && value < 0) {
33454
- throw new Error();
33455
- }
33456
- return [2 /*return*/];
33457
- });
33458
- }); },
33459
- },
33460
- ] },
33461
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33702
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
33703
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
33704
+ {
33705
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33706
+ return __generator(this, function (_a) {
33707
+ if (value && value < 0) {
33708
+ throw new Error();
33709
+ }
33710
+ return [2 /*return*/];
33711
+ });
33712
+ }); },
33713
+ },
33714
+ ] },
33715
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33462
33716
  React.createElement(antd.Col, { xl: 7 },
33463
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
33464
- {
33465
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33466
- return __generator(this, function (_a) {
33467
- if (value && value < 0) {
33468
- throw new Error();
33469
- }
33470
- return [2 /*return*/];
33471
- });
33472
- }); },
33473
- },
33474
- ] },
33475
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33717
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
33718
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
33719
+ {
33720
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33721
+ return __generator(this, function (_a) {
33722
+ if (value && value < 0) {
33723
+ throw new Error();
33724
+ }
33725
+ return [2 /*return*/];
33726
+ });
33727
+ }); },
33728
+ },
33729
+ ] },
33730
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33476
33731
  React.createElement(antd.Col, { xl: 7 },
33477
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
33478
- {
33479
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33480
- return __generator(this, function (_a) {
33481
- if (value && value < 0) {
33482
- throw new Error();
33483
- }
33484
- return [2 /*return*/];
33485
- });
33486
- }); },
33487
- },
33488
- ] },
33489
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))); };
33732
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
33733
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
33734
+ {
33735
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33736
+ return __generator(this, function (_a) {
33737
+ if (value && value < 0) {
33738
+ throw new Error();
33739
+ }
33740
+ return [2 /*return*/];
33741
+ });
33742
+ }); },
33743
+ },
33744
+ ] },
33745
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
33490
33746
  var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
33491
33747
  return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
33492
33748
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -33494,11 +33750,17 @@ var GHGProjectionsComponent = function (props) {
33494
33750
  React.createElement(antd.Col, { xl: 9, md: 9 },
33495
33751
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
33496
33752
  React.createElement(antd.Col, { xl: 7 },
33497
- React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })),
33753
+ React.createElement(antd.Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
33754
+ React.createElement("div", null,
33755
+ React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
33498
33756
  React.createElement(antd.Col, { xl: 7 },
33499
- React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })),
33757
+ React.createElement(antd.Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
33758
+ React.createElement("div", null,
33759
+ React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
33500
33760
  React.createElement(antd.Col, { xl: 7 },
33501
- React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))));
33761
+ React.createElement(antd.Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
33762
+ React.createElement("div", null,
33763
+ React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
33502
33764
  };
33503
33765
  var objectToCSV = function (dataToDownload) {
33504
33766
  var flattenObject = function (obj, prefix) {
@@ -33567,6 +33829,17 @@ var GHGProjectionsComponent = function (props) {
33567
33829
  }
33568
33830
  return false;
33569
33831
  };
33832
+ var displayEmptyView = function () {
33833
+ if (!data || data.length === 0) {
33834
+ 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) {
33835
+ return true;
33836
+ }
33837
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
33838
+ return true;
33839
+ }
33840
+ }
33841
+ return false;
33842
+ };
33570
33843
  var canViewForm = function () {
33571
33844
  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) {
33572
33845
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -33584,7 +33857,9 @@ var GHGProjectionsComponent = function (props) {
33584
33857
  React.createElement("div", { className: "title-bar" },
33585
33858
  React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
33586
33859
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
33587
- React.createElement("div", { className: "content-card add-projection" },
33860
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
33861
+ React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
33862
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
33588
33863
  React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
33589
33864
  (canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
33590
33865
  React.createElement("div", null,
@@ -33677,11 +33952,14 @@ var GHGProjectionsComponent = function (props) {
33677
33952
  React.createElement(antd.Col, { xl: 9, md: 9 },
33678
33953
  React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
33679
33954
  React.createElement(antd.Col, { xl: 7 },
33680
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau)))),
33955
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalBau)) },
33956
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
33681
33957
  React.createElement(antd.Col, { xl: 7 },
33682
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc)))),
33958
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
33959
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
33683
33960
  React.createElement(antd.Col, { xl: 7 },
33684
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc))))))),
33961
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
33962
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
33685
33963
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
33686
33964
  var isActive = _a.isActive;
33687
33965
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -33708,94 +33986,100 @@ var GHGProjectionsComponent = function (props) {
33708
33986
  React.createElement(antd.Col, { xl: 9, md: 9 },
33709
33987
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33710
33988
  React.createElement(antd.Col, { xl: 7 },
33711
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33712
- {
33713
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33714
- return __generator(this, function (_a) {
33715
- if (value && value < 0) {
33716
- throw new Error();
33717
- }
33718
- return [2 /*return*/];
33719
- });
33720
- }); },
33721
- },
33722
- ] },
33723
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33989
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
33990
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33991
+ {
33992
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33993
+ return __generator(this, function (_a) {
33994
+ if (value && value < 0) {
33995
+ throw new Error();
33996
+ }
33997
+ return [2 /*return*/];
33998
+ });
33999
+ }); },
34000
+ },
34001
+ ] },
34002
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33724
34003
  React.createElement(antd.Col, { xl: 7 },
33725
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33726
- {
33727
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33728
- return __generator(this, function (_a) {
33729
- if (value && value < 0) {
33730
- throw new Error();
33731
- }
33732
- return [2 /*return*/];
33733
- });
33734
- }); },
33735
- },
33736
- ] },
33737
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
34004
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
34005
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
34006
+ {
34007
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34008
+ return __generator(this, function (_a) {
34009
+ if (value && value < 0) {
34010
+ throw new Error();
34011
+ }
34012
+ return [2 /*return*/];
34013
+ });
34014
+ }); },
34015
+ },
34016
+ ] },
34017
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33738
34018
  React.createElement(antd.Col, { xl: 7 },
33739
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
33740
- {
33741
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33742
- return __generator(this, function (_a) {
33743
- if (value && value < 0) {
33744
- throw new Error();
33745
- }
33746
- return [2 /*return*/];
33747
- });
33748
- }); },
33749
- },
33750
- ] },
33751
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
34019
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
34020
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
34021
+ {
34022
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34023
+ return __generator(this, function (_a) {
34024
+ if (value && value < 0) {
34025
+ throw new Error();
34026
+ }
34027
+ return [2 /*return*/];
34028
+ });
34029
+ }); },
34030
+ },
34031
+ ] },
34032
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
33752
34033
  React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
33753
34034
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33754
34035
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33755
34036
  React.createElement(antd.Col, { xl: 9, md: 9 },
33756
34037
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33757
34038
  React.createElement(antd.Col, { xl: 7 },
33758
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
33759
- {
33760
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33761
- return __generator(this, function (_a) {
33762
- if (value && value < 0) {
33763
- throw new Error();
33764
- }
33765
- return [2 /*return*/];
33766
- });
33767
- }); },
33768
- },
33769
- ] },
33770
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
34039
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
34040
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
34041
+ {
34042
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34043
+ return __generator(this, function (_a) {
34044
+ if (value && value < 0) {
34045
+ throw new Error();
34046
+ }
34047
+ return [2 /*return*/];
34048
+ });
34049
+ }); },
34050
+ },
34051
+ ] },
34052
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33771
34053
  React.createElement(antd.Col, { xl: 7 },
33772
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33773
- {
33774
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33775
- return __generator(this, function (_a) {
33776
- if (value && value < 0) {
33777
- throw new Error();
33778
- }
33779
- return [2 /*return*/];
33780
- });
33781
- }); },
33782
- },
33783
- ] },
33784
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
34054
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
34055
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
34056
+ {
34057
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34058
+ return __generator(this, function (_a) {
34059
+ if (value && value < 0) {
34060
+ throw new Error();
34061
+ }
34062
+ return [2 /*return*/];
34063
+ });
34064
+ }); },
34065
+ },
34066
+ ] },
34067
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33785
34068
  React.createElement(antd.Col, { xl: 7 },
33786
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33787
- {
33788
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33789
- return __generator(this, function (_a) {
33790
- if (value && value < 0) {
33791
- throw new Error();
33792
- }
33793
- return [2 /*return*/];
33794
- });
33795
- }); },
33796
- },
33797
- ] },
33798
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
34069
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
34070
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
34071
+ {
34072
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34073
+ return __generator(this, function (_a) {
34074
+ if (value && value < 0) {
34075
+ throw new Error();
34076
+ }
34077
+ return [2 /*return*/];
34078
+ });
34079
+ }); },
34080
+ },
34081
+ ] },
34082
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
33799
34083
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
33800
34084
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
33801
34085
  (React.createElement("div", { className: "steps-actions" },
@@ -33804,7 +34088,7 @@ var GHGProjectionsComponent = function (props) {
33804
34088
  React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
33805
34089
  React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
33806
34090
  data.map(function (tabData) {
33807
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
34091
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
33808
34092
  return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
33809
34093
  tabData.year,
33810
34094
  tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
@@ -33837,11 +34121,14 @@ var GHGProjectionsComponent = function (props) {
33837
34121
  React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
33838
34122
  React.createElement(antd.Row, { gutter: 16 },
33839
34123
  React.createElement(antd.Col, { xl: 7 },
33840
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))))),
34124
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
34125
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
33841
34126
  React.createElement(antd.Col, { xl: 7 },
33842
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))))),
34127
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
34128
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
33843
34129
  React.createElement(antd.Col, { xl: 7 },
33844
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc')))))))),
34130
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
34131
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
33845
34132
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
33846
34133
  var isActive = _a.isActive;
33847
34134
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -33894,41 +34181,65 @@ var GHGProjectionsComponent = function (props) {
33894
34181
  React.createElement(antd.Col, { xl: 9, md: 9 },
33895
34182
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33896
34183
  React.createElement(antd.Col, { xl: 7 },
33897
- React.createElement(antd.InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
34184
+ React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33898
34185
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
33899
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau, disabled: true })),
34186
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
34187
+ React.createElement("div", null,
34188
+ React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
34189
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
34190
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
33900
34191
  React.createElement(antd.Col, { xl: 7 },
33901
- React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
33902
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
33903
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.conditionalNdc, disabled: true })),
34192
+ React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
34193
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
34194
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
34195
+ React.createElement("div", null,
34196
+ React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
34197
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
34198
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
33904
34199
  React.createElement(antd.Col, { xl: 7 },
33905
- React.createElement(antd.InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
33906
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
33907
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.unconditionalNdc, disabled: true })))))),
34200
+ React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
34201
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
34202
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
34203
+ React.createElement("div", null,
34204
+ React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
34205
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
34206
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
33908
34207
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
33909
34208
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33910
34209
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33911
34210
  React.createElement(antd.Col, { xl: 9, md: 9 },
33912
34211
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
33913
34212
  React.createElement(antd.Col, { xl: 7 },
33914
- React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
33915
- ? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
33916
- : (_m = tabData.totalCo2WithLand) === null || _m === void 0 ? void 0 : _m.bau, disabled: true })),
34213
+ React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
34214
+ ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
34215
+ : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
34216
+ React.createElement("div", null,
34217
+ React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
34218
+ ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
34219
+ : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
33917
34220
  React.createElement(antd.Col, { xl: 7 },
33918
- React.createElement(antd.InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
33919
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
33920
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.conditionalNdc, disabled: true })),
34221
+ React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
34222
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
34223
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
34224
+ React.createElement("div", null,
34225
+ React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
34226
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
34227
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
33921
34228
  React.createElement(antd.Col, { xl: 7 },
33922
- React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33923
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33924
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
33925
- })))),
34229
+ React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
34230
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
34231
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
34232
+ React.createElement("div", null,
34233
+ React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
34234
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
34235
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
34236
+ }))))),
33926
34237
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
33927
34238
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
33928
34239
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
33929
34240
  };
33930
34241
 
33931
- var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
34242
+ var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.ghg-dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .ghg-dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .ghg-dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .ghg-dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .ghg-dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .ghg-dashboard-main-container .apx-legend-position-bottom {\n height: 35px !important; }\n .ghg-dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .ghg-dashboard-main-container .height-map-rem {\n height: 510px; }\n .ghg-dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 700;\n height: 50px;\n font-size: 18px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .ghg-dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .ghg-dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
33932
34243
  styleInject(css_248z);
33933
34244
 
33934
34245
  var BarChartEstimatedActualStatComponent = function (props) {
@@ -34109,7 +34420,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
34109
34420
  position: 'bottom',
34110
34421
  horizontalAlign: 'center',
34111
34422
  floating: false,
34112
- fontSize: '12px',
34423
+ fontSize: '14px',
34113
34424
  fontFamily: 'Inter',
34114
34425
  fontWeight: 400,
34115
34426
  formatter: undefined,
@@ -34125,12 +34436,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
34125
34436
  useSeriesColors: false,
34126
34437
  },
34127
34438
  markers: {
34128
- width: 8,
34129
- height: 8,
34439
+ width: 12,
34440
+ height: 12,
34130
34441
  strokeWidth: 0,
34131
34442
  strokeColor: '#fff',
34132
34443
  fillColors: chartColors,
34133
- radius: 0,
34444
+ radius: 12,
34134
34445
  customHTML: undefined,
34135
34446
  onClick: undefined,
34136
34447
  offsetX: 0,
@@ -34330,7 +34641,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
34330
34641
  ],
34331
34642
  xaxis: {
34332
34643
  title: {
34333
- text: '',
34644
+ text: 'Year',
34334
34645
  style: {
34335
34646
  color: '#263238',
34336
34647
  fontSize: '12px',
@@ -34415,12 +34726,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
34415
34726
  useSeriesColors: false,
34416
34727
  },
34417
34728
  markers: {
34418
- width: [16, 16, 16, 33],
34419
- height: [16, 16, 16, 2],
34729
+ width: [12, 12, 12, 33],
34730
+ height: [12, 12, 12, 2],
34420
34731
  strokeWidth: 0,
34421
34732
  strokeColor: '#fff',
34422
34733
  fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
34423
- radius: 0,
34734
+ radius: 12,
34424
34735
  customHTML: undefined,
34425
34736
  onClick: undefined,
34426
34737
  offsetX: 0,
@@ -34460,7 +34771,6 @@ var GHGDashboardComponent = function (props) {
34460
34771
  [exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
34461
34772
  [exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
34462
34773
  ];
34463
- var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
34464
34774
  var handleResize = function () {
34465
34775
  setScreenWidth(window.innerWidth);
34466
34776
  };
@@ -34605,7 +34915,7 @@ var GHGDashboardComponent = function (props) {
34605
34915
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
34606
34916
  configs: {
34607
34917
  title: t('emissionsBySectorTitle'),
34608
- tooltip: t('emissionsBySectorTT' + TTSuffix),
34918
+ tooltip: t('emissionsBySectorTT'),
34609
34919
  colors: colors,
34610
34920
  chartColumnWidth: 12,
34611
34921
  chartWidth: 490,
@@ -34620,7 +34930,7 @@ var GHGDashboardComponent = function (props) {
34620
34930
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
34621
34931
  configs: {
34622
34932
  title: t('emissionsByGasTitle'),
34623
- tooltip: t('emissionsByGasTT' + TTSuffix),
34933
+ tooltip: t('emissionsByGasTT'),
34624
34934
  colors: colors,
34625
34935
  chartColumnWidth: 12,
34626
34936
  chartWidth: 490,
@@ -34634,7 +34944,7 @@ var GHGDashboardComponent = function (props) {
34634
34944
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
34635
34945
  configs: {
34636
34946
  title: t('emissionsMitigationPotentialBySectorTitle'),
34637
- tooltip: t('emissionsMitigationPotentialBySectorTT' + TTSuffix),
34947
+ tooltip: t('emissionsMitigationPotentialBySectorTT'),
34638
34948
  colors: colors,
34639
34949
  chartColumnWidth: 24,
34640
34950
  chartWidth: screenWidth * 0.72,
@@ -34648,7 +34958,7 @@ var GHGDashboardComponent = function (props) {
34648
34958
  aggType: exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
34649
34959
  configs: {
34650
34960
  title: t('emissionsReductionPercentageBySectorTitle'),
34651
- tooltip: t('emissionsReductionPercentageBySectorTT' + TTSuffix),
34961
+ tooltip: t('emissionsReductionPercentageBySectorTT'),
34652
34962
  colors: colors,
34653
34963
  chartColumnWidth: 24,
34654
34964
  chartWidth: screenWidth * 0.72,
@@ -34662,7 +34972,7 @@ var GHGDashboardComponent = function (props) {
34662
34972
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
34663
34973
  configs: {
34664
34974
  title: t('emissionsComparisonTitle'),
34665
- tooltip: t('emissionsComparisonTT' + TTSuffix),
34975
+ tooltip: t('emissionsComparisonTT'),
34666
34976
  colors: colorsComparison,
34667
34977
  chartColumnWidth: 24,
34668
34978
  chartWidth: screenWidth * 0.72,
@@ -34806,7 +35116,7 @@ var GHGDashboardComponent = function (props) {
34806
35116
  React.createElement(BarChartEstimatedActualStatComponent, { id: obj.aggType, title: obj.configs.title, estimateOptions: estimateData ? getChartOptions(d.data[2], getColorsForPercentageCharts(estimateData), obj.aggType) : [], actualOptions: actualData ? getChartOptions(d.data[3], getColorsForPercentageCharts(actualData), obj.aggType) : [], actualSeries: d.data[1], estimatedSeries: d.data[0], loading: loadingCharts, toolTipText: obj.configs.tooltip, Chart: Chart, lastUpdateEstimate: d.data[4], lastUpdateActual: d.data[5], width: obj.configs.chartWidth })));
34807
35117
  }
34808
35118
  };
34809
- return (React.createElement("div", { className: "dashboard-main-container" },
35119
+ return (React.createElement("div", { className: "ghg-dashboard-main-container" },
34810
35120
  isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
34811
35121
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
34812
35122
  React.createElement(Link, { to: "/dashboard" },