@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/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled, DownloadOutlined, CloseCircleOutlined } from '@ant-design/icons';
2
- import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress, Collapse } from 'antd';
1
+ import { PlusOutlined, FilterOutlined, DownloadOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled, CloseCircleOutlined } from '@ant-design/icons';
2
+ import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Card, Skeleton, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress, Collapse } from 'antd';
3
3
  import React, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
4
4
  import { DateTime } from 'luxon';
5
5
  import { Buffer } from 'buffer';
@@ -130,15 +130,15 @@ function styleInject(css, ref) {
130
130
  }
131
131
  }
132
132
 
133
- 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";
133
+ 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";
134
+ styleInject(css_248z$B);
135
+
136
+ 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";
134
137
  styleInject(css_248z$A);
135
138
 
136
- 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";
139
+ 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";
137
140
  styleInject(css_248z$z);
138
141
 
139
- 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";
140
- styleInject(css_248z$y);
141
-
142
142
  var RoleIcon = function (props) {
143
143
  var icon = props.icon, bg = props.bg, color = props.color;
144
144
  return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
@@ -431,8 +431,8 @@ var CompanyManagementColumns;
431
431
  CompanyManagementColumns["companyState"] = "status";
432
432
  })(CompanyManagementColumns || (CompanyManagementColumns = {}));
433
433
 
434
- 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";
435
- styleInject(css_248z$x);
434
+ 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";
435
+ styleInject(css_248z$y);
436
436
 
437
437
  var isBase64 = function (str) {
438
438
  if (!str || str === '' || str.trim() === '') {
@@ -472,8 +472,8 @@ var CompanyRole;
472
472
  CompanyRole["API"] = "API";
473
473
  })(CompanyRole || (CompanyRole = {}));
474
474
 
475
- 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";
476
- styleInject(css_248z$w);
475
+ 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";
476
+ styleInject(css_248z$x);
477
477
 
478
478
  var OrganisationStatus = function (props) {
479
479
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -815,6 +815,7 @@ var CompanyManagementComponent = function (props) {
815
815
  var _j = useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
816
816
  var _k = useState(""), sortOrder = _k[0], setSortOrder = _k[1];
817
817
  var _l = useState(""), sortField = _l[0], setSortField = _l[1];
818
+ var _m = useState(), dataQuery = _m[0], setDataQuery = _m[1];
818
819
  var ability = useAbilityContext();
819
820
  var post = useConnection().post;
820
821
  document.addEventListener("mousedown", function (event) {
@@ -1021,6 +1022,11 @@ var CompanyManagementComponent = function (props) {
1021
1022
  setTableData(availableCompanies);
1022
1023
  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);
1023
1024
  }
1025
+ setDataQuery({
1026
+ filterAnd: filterAnd(),
1027
+ filterOr: filterOr(),
1028
+ sort: sort(),
1029
+ });
1024
1030
  setLoading(false);
1025
1031
  return [3 /*break*/, 4];
1026
1032
  case 3:
@@ -1037,6 +1043,50 @@ var CompanyManagementComponent = function (props) {
1037
1043
  }
1038
1044
  });
1039
1045
  }); };
1046
+ var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
1047
+ var response, url, a, error_2;
1048
+ var _a;
1049
+ return __generator(this, function (_b) {
1050
+ switch (_b.label) {
1051
+ case 0:
1052
+ setLoading(true);
1053
+ _b.label = 1;
1054
+ case 1:
1055
+ _b.trys.push([1, 3, , 4]);
1056
+ return [4 /*yield*/, post("national/organisation/download", {
1057
+ filterAnd: dataQuery.filterAnd,
1058
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
1059
+ sort: dataQuery.sort,
1060
+ })];
1061
+ case 2:
1062
+ response = _b.sent();
1063
+ if (response && response.data) {
1064
+ url = response.data.url;
1065
+ a = document.createElement('a');
1066
+ a.href = url;
1067
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
1068
+ document.body.appendChild(a);
1069
+ a.click();
1070
+ document.body.removeChild(a); // Clean up the created <a> element
1071
+ window.URL.revokeObjectURL(url);
1072
+ }
1073
+ setLoading(false);
1074
+ return [3 /*break*/, 4];
1075
+ case 3:
1076
+ error_2 = _b.sent();
1077
+ console.log("Error in exporting organisations", error_2);
1078
+ message.open({
1079
+ type: "error",
1080
+ content: error_2.message,
1081
+ duration: 3,
1082
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
1083
+ });
1084
+ setLoading(false);
1085
+ return [3 /*break*/, 4];
1086
+ case 4: return [2 /*return*/];
1087
+ }
1088
+ });
1089
+ }); };
1040
1090
  useEffect(function () {
1041
1091
  getAllCompany();
1042
1092
  }, [
@@ -1124,7 +1174,13 @@ var CompanyManagementComponent = function (props) {
1124
1174
  React.createElement(FilterOutlined, { style: {
1125
1175
  color: "rgba(58, 53, 65, 0.3)",
1126
1176
  fontSize: "20px",
1127
- } }))))))),
1177
+ } })))),
1178
+ React.createElement("div", { className: "download-data-btn company-data-download" },
1179
+ React.createElement("a", { onClick: downloadCompanyData },
1180
+ React.createElement(DownloadOutlined, { style: {
1181
+ color: "rgba(58, 53, 65, 0.3)",
1182
+ fontSize: "20px",
1183
+ } })))))),
1128
1184
  React.createElement(Row, null,
1129
1185
  React.createElement(Col, { span: 24 },
1130
1186
  React.createElement("div", { className: "userManagement-table-container" },
@@ -1146,11 +1202,11 @@ var CompanyManagementComponent = function (props) {
1146
1202
  } })))))));
1147
1203
  };
1148
1204
 
1149
- 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";
1150
- styleInject(css_248z$v);
1205
+ 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";
1206
+ styleInject(css_248z$w);
1151
1207
 
1152
- 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";
1153
- styleInject(css_248z$u);
1208
+ 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";
1209
+ styleInject(css_248z$v);
1154
1210
 
1155
1211
  var UserManagementColumns;
1156
1212
  (function (UserManagementColumns) {
@@ -1221,11 +1277,6 @@ var InvestmentCreationType;
1221
1277
  InvestmentCreationType["EXISTING"] = "Existing";
1222
1278
  InvestmentCreationType["NEW"] = "New";
1223
1279
  })(InvestmentCreationType || (InvestmentCreationType = {}));
1224
- var InvestmentOwnershipType;
1225
- (function (InvestmentOwnershipType) {
1226
- InvestmentOwnershipType["PROJECT"] = "Project";
1227
- InvestmentOwnershipType["NATIONAL"] = "National";
1228
- })(InvestmentOwnershipType || (InvestmentOwnershipType = {}));
1229
1280
  var InvestmentStream;
1230
1281
  (function (InvestmentStream) {
1231
1282
  InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
@@ -2336,6 +2387,9 @@ var Instrument;
2336
2387
  Instrument["EQUITY"] = "Equity";
2337
2388
  Instrument["GUARANTEE"] = "Guarantee";
2338
2389
  Instrument["INKIND"] = "In-Kind";
2390
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2391
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2392
+ Instrument["INSURANCE"] = "Insurance";
2339
2393
  Instrument["OTHER"] = "Other";
2340
2394
  })(Instrument || (Instrument = {}));
2341
2395
 
@@ -6242,7 +6296,7 @@ var AddNewCompanyComponent = function (props) {
6242
6296
  _c.label = 1;
6243
6297
  case 1:
6244
6298
  _c.trys.push([1, 7, 8, 9]);
6245
- if (requestData.phoneNo) {
6299
+ if (requestData.phoneNo && requestData.phoneNo.length > 4) {
6246
6300
  requestData.phoneNo = formatPhoneNumberIntl(requestData.phoneNo);
6247
6301
  }
6248
6302
  else {
@@ -6874,13 +6928,6 @@ var AddNewCompanyComponent = function (props) {
6874
6928
  ] }))))));
6875
6929
  };
6876
6930
 
6877
- var CompanyRoleIcon = function (props) {
6878
- var role = props.role;
6879
- return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6880
- role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6881
- role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6882
- };
6883
-
6884
6931
  var TextArea$2 = Input.TextArea;
6885
6932
  var UserActionConfirmationModel = function (props) {
6886
6933
  var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
@@ -6905,11 +6952,115 @@ var UserActionConfirmationModel = function (props) {
6905
6952
  React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
6906
6953
  };
6907
6954
 
6955
+ 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";
6956
+ styleInject(css_248z$u);
6957
+
6958
+ var CompanyRoleIcon = function (props) {
6959
+ var role = props.role;
6960
+ return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6961
+ role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6962
+ role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6963
+ };
6964
+
6908
6965
  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";
6909
6966
  styleInject(css_248z$t);
6910
6967
 
6968
+ var CompanyDetailsComponent = function (props) {
6969
+ var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
6970
+ var getEnumKeysFromValues = function (values) {
6971
+ var enumKeys = [];
6972
+ for (var key in SectoralScope) {
6973
+ if (values.includes(SectoralScope[key])) {
6974
+ enumKeys.push(key);
6975
+ }
6976
+ }
6977
+ return enumKeys;
6978
+ };
6979
+ return (React.createElement(Card, { className: "card-container" },
6980
+ React.createElement("div", { className: "info-view" },
6981
+ React.createElement("div", { className: "title" },
6982
+ React.createElement("span", { className: "title-icon" },
6983
+ React.createElement(BankOutlined, null)),
6984
+ React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
6985
+ React.createElement(Skeleton, { loading: isLoading, active: true },
6986
+ React.createElement(Row, { className: "field" },
6987
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
6988
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
6989
+ React.createElement(Row, { className: "field" },
6990
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
6991
+ React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
6992
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
6993
+ ? companyDetails.taxId
6994
+ : "-")),
6995
+ React.createElement(Row, { className: "field" },
6996
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
6997
+ React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
6998
+ ? companyDetails.paymentId
6999
+ : "-")),
7000
+ React.createElement(Row, { className: "field" },
7001
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
7002
+ React.createElement(Col, { span: 12, className: "field-value" },
7003
+ React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
7004
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
7005
+ React.createElement(Row, { className: "field" },
7006
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
7007
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
7008
+ ? companyDetails.nameOfMinister
7009
+ : "-")),
7010
+ React.createElement(Row, { className: "field" },
7011
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
7012
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
7013
+ ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
7014
+ : "-")))),
7015
+ React.createElement(Row, { className: "field" },
7016
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
7017
+ React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
7018
+ React.createElement(Row, { className: "field" },
7019
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
7020
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
7021
+ React.createElement(Row, { className: "field" },
7022
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
7023
+ React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
7024
+ React.createElement(Row, { className: "field" },
7025
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
7026
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
7027
+ regionField && (React.createElement(Row, { className: "field" },
7028
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
7029
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
7030
+ ? companyDetails.regions.join(", ")
7031
+ : "-"))),
7032
+ React.createElement(Row, { className: "field" },
7033
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
7034
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
7035
+ ? companyDetails.programmeCount
7036
+ : "-")),
7037
+ React.createElement(Row, { className: "field" },
7038
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
7039
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
7040
+ ? addCommSep(companyDetails.creditBalance)
7041
+ : "-")),
7042
+ parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
7043
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
7044
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
7045
+ ? companyDetails.remarks
7046
+ : "-"))) : (""),
7047
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
7048
+ systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
7049
+ React.createElement(Row, { className: "field" },
7050
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
7051
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
7052
+ ? companyDetails.omgePercentage
7053
+ : "-")))),
7054
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
7055
+ React.createElement(Row, { className: "field" },
7056
+ React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
7057
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
7058
+ ? companyDetails.nationalSopValue
7059
+ : "-"))))))));
7060
+ };
7061
+
6911
7062
  var CompanyProfileComponent = function (props) {
6912
- var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField, systemType = props.systemType;
7063
+ var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit; props.regionField; var systemType = props.systemType;
6913
7064
  var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
6914
7065
  var _b = useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
6915
7066
  var _c = useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
@@ -7187,15 +7338,6 @@ var CompanyProfileComponent = function (props) {
7187
7338
  setErrorMsg("");
7188
7339
  setOpenRejectModal(true);
7189
7340
  };
7190
- var getEnumKeysFromValues = function (values) {
7191
- var enumKeys = [];
7192
- for (var key in SectoralScope) {
7193
- if (values.includes(SectoralScope[key])) {
7194
- enumKeys.push(key);
7195
- }
7196
- }
7197
- return enumKeys;
7198
- };
7199
7341
  return (React.createElement("div", { className: "content-container company-profile" },
7200
7342
  React.createElement("div", { className: "title-bar" },
7201
7343
  React.createElement("div", null,
@@ -7234,87 +7376,7 @@ var CompanyProfileComponent = function (props) {
7234
7376
  React.createElement(Row, { justify: "center" },
7235
7377
  React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
7236
7378
  React.createElement(Col, { md: 24, lg: 16 },
7237
- React.createElement(Card, { className: "card-container" },
7238
- React.createElement("div", { className: "info-view" },
7239
- React.createElement("div", { className: "title" },
7240
- React.createElement("span", { className: "title-icon" },
7241
- React.createElement(BankOutlined, null)),
7242
- React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
7243
- React.createElement(Skeleton, { loading: isLoading, active: true },
7244
- React.createElement(Row, { className: "field" },
7245
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
7246
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
7247
- React.createElement(Row, { className: "field" },
7248
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
7249
- React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
7250
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
7251
- ? companyDetails.taxId
7252
- : "-")),
7253
- React.createElement(Row, { className: "field" },
7254
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
7255
- React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
7256
- ? companyDetails.paymentId
7257
- : "-")),
7258
- React.createElement(Row, { className: "field" },
7259
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
7260
- React.createElement(Col, { span: 12, className: "field-value" },
7261
- React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
7262
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
7263
- React.createElement(Row, { className: "field" },
7264
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
7265
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
7266
- ? companyDetails.nameOfMinister
7267
- : "-")),
7268
- React.createElement(Row, { className: "field" },
7269
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
7270
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
7271
- ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
7272
- : "-")))),
7273
- React.createElement(Row, { className: "field" },
7274
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
7275
- React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
7276
- React.createElement(Row, { className: "field" },
7277
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
7278
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
7279
- React.createElement(Row, { className: "field" },
7280
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
7281
- React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
7282
- React.createElement(Row, { className: "field" },
7283
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
7284
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
7285
- regionField && (React.createElement(Row, { className: "field" },
7286
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
7287
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
7288
- ? companyDetails.regions.join(", ")
7289
- : "-"))),
7290
- React.createElement(Row, { className: "field" },
7291
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
7292
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
7293
- ? companyDetails.programmeCount
7294
- : "-")),
7295
- React.createElement(Row, { className: "field" },
7296
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
7297
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
7298
- ? addCommSep(companyDetails.creditBalance)
7299
- : "-")),
7300
- parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
7301
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
7302
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
7303
- ? companyDetails.remarks
7304
- : "-"))) : (""),
7305
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
7306
- systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
7307
- React.createElement(Row, { className: "field" },
7308
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
7309
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
7310
- ? companyDetails.omgePercentage
7311
- : "-")))),
7312
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
7313
- React.createElement(Row, { className: "field" },
7314
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
7315
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
7316
- ? companyDetails.nationalSopValue
7317
- : "-"))))))),
7379
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
7318
7380
  ((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
7319
7381
  (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(Card, { className: "card-container" },
7320
7382
  React.createElement("div", { className: "info-view" },
@@ -7359,14 +7421,15 @@ var ProgrammeManagementComponent = function (props) {
7359
7421
  var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
7360
7422
  var userInfoState = useUserContext().userInfoState;
7361
7423
  var ability = useAbilityContext();
7424
+ var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
7362
7425
  var stageObject = enableAddProgramme ? ProgrammeStageMRV : ProgrammeStageR;
7363
7426
  var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
7364
7427
  label: Object.values(stageObject)[index],
7365
7428
  value: k,
7366
7429
  }); });
7367
- var _q = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
7368
- var _r = useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
7369
- var _s = useState(true), checkAll = _s[0], setCheckAll = _s[1];
7430
+ var _r = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
7431
+ var _s = useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
7432
+ var _t = useState(true), checkAll = _t[0], setCheckAll = _t[1];
7370
7433
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
7371
7434
  return __generator(this, function (_a) {
7372
7435
  console.log(checkedValues);
@@ -7609,6 +7672,11 @@ var ProgrammeManagementComponent = function (props) {
7609
7672
  setTableData(response.data);
7610
7673
  setTotalProgramme(response.response.data.total);
7611
7674
  setLoading(false);
7675
+ setDataQuery({
7676
+ filterAnd: filter,
7677
+ filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
7678
+ sort: sort,
7679
+ });
7612
7680
  return [3 /*break*/, 4];
7613
7681
  case 3:
7614
7682
  error_1 = _a.sent();
@@ -7666,6 +7734,50 @@ var ProgrammeManagementComponent = function (props) {
7666
7734
  }
7667
7735
  });
7668
7736
  }); };
7737
+ var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
7738
+ var response, url, a, error_3;
7739
+ var _a;
7740
+ return __generator(this, function (_b) {
7741
+ switch (_b.label) {
7742
+ case 0:
7743
+ setLoading(true);
7744
+ _b.label = 1;
7745
+ case 1:
7746
+ _b.trys.push([1, 3, , 4]);
7747
+ return [4 /*yield*/, post("national/programme/download", {
7748
+ filterAnd: dataQuery.filterAnd,
7749
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
7750
+ sort: dataQuery.sort,
7751
+ })];
7752
+ case 2:
7753
+ response = _b.sent();
7754
+ if (response && response.data) {
7755
+ url = response.data.url;
7756
+ a = document.createElement('a');
7757
+ a.href = url;
7758
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
7759
+ document.body.appendChild(a);
7760
+ a.click();
7761
+ document.body.removeChild(a); // Clean up the created <a> element
7762
+ window.URL.revokeObjectURL(url);
7763
+ }
7764
+ setLoading(false);
7765
+ return [3 /*break*/, 4];
7766
+ case 3:
7767
+ error_3 = _b.sent();
7768
+ console.log("Error in exporting programmes", error_3);
7769
+ message.open({
7770
+ type: "error",
7771
+ content: error_3.message,
7772
+ duration: 3,
7773
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7774
+ });
7775
+ setLoading(false);
7776
+ return [3 /*break*/, 4];
7777
+ case 4: return [2 /*return*/];
7778
+ }
7779
+ });
7780
+ }); };
7669
7781
  var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
7670
7782
  return __generator(this, function (_a) {
7671
7783
  setSearch(searchText);
@@ -7754,7 +7866,13 @@ var ProgrammeManagementComponent = function (props) {
7754
7866
  return e.target.value === ""
7755
7867
  ? setSearch(e.target.value)
7756
7868
  : setSearchText(e.target.value);
7757
- }, onSearch: setSearch, style: { width: 265 } }))))),
7869
+ }, onSearch: setSearch, style: { width: 265 } })),
7870
+ React.createElement("div", { className: "download-data-btn" },
7871
+ React.createElement("a", { onClick: downloadProgrammeData },
7872
+ React.createElement(DownloadOutlined, { style: {
7873
+ color: "rgba(58, 53, 65, 0.3)",
7874
+ fontSize: "20px",
7875
+ } })))))),
7758
7876
  React.createElement(Row, null,
7759
7877
  React.createElement(Col, { span: 24 },
7760
7878
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -14652,7 +14770,7 @@ var AddNewUserComponent = function (props) {
14652
14770
  _a.label = 1;
14653
14771
  case 1:
14654
14772
  _a.trys.push([1, 3, 4, 5]);
14655
- if (values.phoneNo) {
14773
+ if (values.phoneNo && values.phoneNo.length > 4) {
14656
14774
  values.phoneNo = formatPhoneNumberIntl(values.phoneNo);
14657
14775
  }
14658
14776
  else {
@@ -15043,15 +15161,6 @@ var UserProfileComponent = function (props) {
15043
15161
  }
15044
15162
  });
15045
15163
  }); };
15046
- var getEnumKeysFromValues = function (values) {
15047
- var enumKeys = [];
15048
- for (var key in SectoralScope) {
15049
- if (values.includes(SectoralScope[key])) {
15050
- enumKeys.push(key);
15051
- }
15052
- }
15053
- return enumKeys;
15054
- };
15055
15164
  useEffect(function () {
15056
15165
  getUserProfileDetails();
15057
15166
  }, []);
@@ -15101,77 +15210,10 @@ var UserProfileComponent = function (props) {
15101
15210
  React.createElement(Row, { className: "field" },
15102
15211
  React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
15103
15212
  React.createElement(Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
15104
- React.createElement(Card, { className: "card-container" },
15105
- React.createElement("div", { className: "info-view" },
15106
- React.createElement("div", { className: "title" },
15107
- React.createElement("span", { className: "title-icon" },
15108
- React.createElement(BankOutlined, null)),
15109
- React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
15110
- React.createElement(Skeleton, { loading: isLoading, active: true },
15111
- React.createElement(Row, { className: "field" },
15112
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:name")),
15113
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.name
15114
- ? organisationDetails.name
15115
- : "-")),
15116
- React.createElement(Row, { className: "field" },
15117
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
15118
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
15119
- organisationDetails.companyRole !==
15120
- CompanyRole.GOVERNMENT
15121
- ? organisationDetails.taxId
15122
- : "-")),
15123
- React.createElement(Row, { className: "field" },
15124
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
15125
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
15126
- ? organisationDetails.paymentId
15127
- : "-")),
15128
- React.createElement(Row, { className: "field" },
15129
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
15130
- React.createElement(Col, { span: 12, className: "field-value" },
15131
- React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
15132
- (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
15133
- CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
15134
- React.createElement(Row, { className: "field" },
15135
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
15136
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
15137
- ? organisationDetails.nameOfMinister
15138
- : "-")),
15139
- React.createElement(Row, { className: "field" },
15140
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
15141
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
15142
- ? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
15143
- : "-")))),
15144
- React.createElement(Row, { className: "field" },
15145
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:email")),
15146
- React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
15147
- ? organisationDetails.email
15148
- : "-")),
15149
- React.createElement(Row, { className: "field" },
15150
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
15151
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
15152
- ? organisationDetails.phoneNo
15153
- : "-")),
15154
- React.createElement(Row, { className: "field" },
15155
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:website")),
15156
- React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
15157
- React.createElement(Row, { className: "field" },
15158
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:address")),
15159
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.address
15160
- ? organisationDetails.address
15161
- : "-")),
15162
- React.createElement(Row, { className: "field" },
15163
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
15164
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
15165
- ? organisationDetails.programmeCount
15166
- : "-")),
15167
- React.createElement(Row, { className: "field" },
15168
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
15169
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
15170
- ? addCommSep(organisationDetails.creditBalance)
15171
- : "-")))))))))));
15213
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
15172
15214
  };
15173
15215
 
15174
- 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";
15216
+ 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";
15175
15217
  styleInject(css_248z$n);
15176
15218
 
15177
15219
  var Search = Input.Search;
@@ -15197,6 +15239,7 @@ var UserManagementComponent = function (props) {
15197
15239
  var _r = useState({}), actionInfo = _r[0], setActionInfo = _r[1];
15198
15240
  var _s = useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
15199
15241
  var _t = useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
15242
+ var _u = useState(), dataQuery = _u[0], setDataQuery = _u[1];
15200
15243
  var ability = useAbilityContext();
15201
15244
  var userInfoState = useUserContext().userInfoState;
15202
15245
  document.addEventListener("mousedown", function (event) {
@@ -15553,6 +15596,11 @@ var UserManagementComponent = function (props) {
15553
15596
  setTableData(availableUsers);
15554
15597
  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);
15555
15598
  }
15599
+ setDataQuery({
15600
+ filterAnd: filterAnd(),
15601
+ filterOr: filterOr(),
15602
+ sort: sort(),
15603
+ });
15556
15604
  setLoading(false);
15557
15605
  return [3 /*break*/, 4];
15558
15606
  case 3:
@@ -15570,6 +15618,50 @@ var UserManagementComponent = function (props) {
15570
15618
  }
15571
15619
  });
15572
15620
  }); };
15621
+ var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
15622
+ var response, url, a, error_3;
15623
+ var _a;
15624
+ return __generator(this, function (_b) {
15625
+ switch (_b.label) {
15626
+ case 0:
15627
+ setLoading(true);
15628
+ _b.label = 1;
15629
+ case 1:
15630
+ _b.trys.push([1, 3, , 4]);
15631
+ return [4 /*yield*/, post("national/user/download", {
15632
+ filterAnd: dataQuery.filterAnd,
15633
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
15634
+ sort: dataQuery.sort,
15635
+ })];
15636
+ case 2:
15637
+ response = _b.sent();
15638
+ if (response && response.data) {
15639
+ url = response.data.url;
15640
+ a = document.createElement('a');
15641
+ a.href = url;
15642
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
15643
+ document.body.appendChild(a);
15644
+ a.click();
15645
+ document.body.removeChild(a); // Clean up the created <a> element
15646
+ window.URL.revokeObjectURL(url);
15647
+ }
15648
+ setLoading(false);
15649
+ return [3 /*break*/, 4];
15650
+ case 3:
15651
+ error_3 = _b.sent();
15652
+ console.log("Error in exporting users", error_3);
15653
+ message.open({
15654
+ type: "error",
15655
+ content: error_3.message,
15656
+ duration: 3,
15657
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15658
+ });
15659
+ setLoading(false);
15660
+ return [3 /*break*/, 4];
15661
+ case 4: return [2 /*return*/];
15662
+ }
15663
+ });
15664
+ }); };
15573
15665
  useEffect(function () {
15574
15666
  getAllUser();
15575
15667
  }, [
@@ -15692,7 +15784,13 @@ var UserManagementComponent = function (props) {
15692
15784
  React.createElement(FilterOutlined, { style: {
15693
15785
  color: "rgba(58, 53, 65, 0.3)",
15694
15786
  fontSize: "20px",
15695
- } }))))))),
15787
+ } })))),
15788
+ React.createElement("div", { className: "download-data-btn user-data-download" },
15789
+ React.createElement("a", { onClick: downloadUserData },
15790
+ React.createElement(DownloadOutlined, { style: {
15791
+ color: "rgba(58, 53, 65, 0.3)",
15792
+ fontSize: "20px",
15793
+ } })))))),
15696
15794
  React.createElement(Row, null,
15697
15795
  React.createElement(Col, { span: 24 },
15698
15796
  React.createElement("div", { className: "userManagement-table-container" },
@@ -15711,48 +15809,49 @@ var UserManagementComponent = function (props) {
15711
15809
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15712
15810
  };
15713
15811
 
15714
- 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";
15812
+ 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";
15715
15813
  styleInject(css_248z$m);
15716
15814
 
15717
15815
  var Loading = function () {
15718
15816
  return React.createElement(Spin, { className: "loading-center", size: "large" });
15719
15817
  };
15720
15818
 
15819
+ var GuaranteePayback;
15820
+ (function (GuaranteePayback) {
15821
+ GuaranteePayback["UPFORNT"] = "Upfront";
15822
+ GuaranteePayback["ANNUAL"] = "Annual";
15823
+ })(GuaranteePayback || (GuaranteePayback = {}));
15824
+ var InsurancePayback;
15825
+ (function (InsurancePayback) {
15826
+ InsurancePayback["LUMPSUM"] = "LumpSum";
15827
+ InsurancePayback["ANNUAL"] = "Annual";
15828
+ })(InsurancePayback || (InsurancePayback = {}));
15829
+
15830
+ var RangePicker$3 = DatePicker.RangePicker;
15721
15831
  var InvestmentCreationComponent = function (props) {
15722
- var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onNavigateToInvestmentManagementView = props.onNavigateToInvestmentManagementView;
15832
+ var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15723
15833
  var state = useLocation().state;
15724
15834
  var _a = useState(), data = _a[0], setData = _a[1];
15725
- var _b = useState({}), companyNames = _b[0], setCompanyNames = _b[1];
15726
- var _c = useState({}); _c[0]; var setUserOrganization = _c[1];
15727
- var _d = useState({}), investmentNames = _d[0], setInvestmentNames = _d[1];
15728
- var _e = useState(), projectData = _e[0], setProjectData = _e[1];
15729
- var _f = useState(), investmentData = _f[0], setInvestmentData = _f[1];
15730
- var _g = useState([]), allProjectData = _g[0], setAllProjectData = _g[1];
15731
15835
  var formOne = Form.useForm()[0];
15732
15836
  var formTwo = Form.useForm()[0];
15733
15837
  var post = useConnection().post;
15734
- var _h = useState(false), loading = _h[0], setLoading = _h[1];
15735
- var _j = useState("New"), typeCreation = _j[0], setTypeCreation = _j[1];
15736
- var _k = useState(InvestmentOwnershipType.PROJECT), investmentOwnershipType = _k[0], setInvestmentOwnershipType = _k[1];
15737
- var _l = useState(false), loadingList = _l[0], setLoadingList = _l[1];
15738
- var _m = useState(false), loadingInvestment = _m[0], setLoadingInvestment = _m[1];
15739
- var _o = useState(false), loadingProgData = _o[0], setLoadingProgData = _o[1];
15740
- var _p = useState(0), current = _p[0], setCurrent = _p[1];
15741
- var _q = useState(0), currentPercTotal = _q[0], setCurrentPercTotal = _q[1];
15742
- var _r = useState([]), organisationsList = _r[0], setOrganisationList = _r[1];
15743
- var _s = useState([]), nationalInvestmentList = _s[0], setNationalInvestmentList = _s[1];
15744
- var _t = useState([]), instrument = _t[0], setInstrument = _t[1];
15745
- var _u = useState(), stepOneData = _u[0], setStepOneData = _u[1];
15746
- var _v = useState(), govData = _v[0], setGovData = _v[1];
15838
+ var _b = useState(false), loading = _b[0], setLoading = _b[1];
15839
+ var _c = useState("New"), typeCreation = _c[0], setTypeCreation = _c[1];
15840
+ var _d = useState(false), loadingList = _d[0], setLoadingList = _d[1];
15841
+ var _e = useState(0), current = _e[0], setCurrent = _e[1];
15842
+ var _f = useState(0), currentPercTotal = _f[0], setCurrentPercTotal = _f[1];
15843
+ var _g = useState([]), organisationsList = _g[0], setOrganisationList = _g[1];
15844
+ var _h = useState([]), instrument = _h[0], setInstrument = _h[1];
15845
+ var _j = useState(), stepOneData = _j[0], setStepOneData = _j[1];
15846
+ var _k = useState(), govData = _k[0], setGovData = _k[1];
15747
15847
  var userInfoState = useUserContext().userInfoState;
15748
- var _w = useState([]), ministrySectoralScope = _w[0], setMinistrySectoralScope = _w[1];
15749
- var _x = useState({}), prevInvestor = _x[0], setPrevInvestor = _x[1];
15750
15848
  var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
15751
15849
  label: addSpaces(Object.values(Instrument)[index]),
15752
15850
  value: Object.values(Instrument)[index],
15753
15851
  }); });
15754
- var onInstrumentChange = function (value) {
15755
- setInstrument(value);
15852
+ var onInstrumentChange = function (e) {
15853
+ console.log("radio checked", e.target.value);
15854
+ setInstrument([e.target.value]);
15756
15855
  };
15757
15856
  var onPercentageChange = function (value) {
15758
15857
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15797,225 +15896,52 @@ var InvestmentCreationComponent = function (props) {
15797
15896
  }
15798
15897
  });
15799
15898
  }); };
15800
- var getAllProjectData = function () { return __awaiter(void 0, void 0, void 0, function () {
15801
- var response, error_2;
15802
- return __generator(this, function (_a) {
15803
- switch (_a.label) {
15804
- case 0:
15805
- setLoadingProgData(true);
15806
- _a.label = 1;
15807
- case 1:
15808
- _a.trys.push([1, 5, 6, 7]);
15809
- if (!data) return [3 /*break*/, 4];
15810
- if (!!(data === null || data === void 0 ? void 0 : data.programmeId)) return [3 /*break*/, 3];
15811
- console.log("data non existing", data);
15812
- console.log("getting all Project data");
15813
- return [4 /*yield*/, post("national/programme/query", {
15814
- page: 1,
15815
- size: 100,
15816
- filterAnd: [
15817
- {
15818
- key: "currentStage",
15819
- operation: "!=",
15820
- value: ProgrammeStageUnified.Rejected,
15821
- },
15822
- ],
15823
- })];
15824
- case 2:
15825
- response = _a.sent();
15826
- if (response.data) {
15827
- setAllProjectData(response === null || response === void 0 ? void 0 : response.data);
15828
- console.log("all Project data", response === null || response === void 0 ? void 0 : response.data);
15829
- }
15830
- return [3 /*break*/, 4];
15831
- case 3:
15832
- console.log("setting current Project data");
15833
- setAllProjectData([data]);
15834
- _a.label = 4;
15835
- case 4: return [3 /*break*/, 7];
15836
- case 5:
15837
- error_2 = _a.sent();
15838
- console.log("Error in getting all programme data", error_2);
15839
- return [3 /*break*/, 7];
15840
- case 6:
15841
- setLoadingProgData(false);
15842
- return [7 /*endfinally*/];
15843
- case 7: return [2 /*return*/];
15844
- }
15845
- });
15846
- }); };
15847
- var setSelectedProgramme = function (value) { return __awaiter(void 0, void 0, void 0, function () {
15848
- var _i, allProjectData_1, obj;
15849
- return __generator(this, function (_a) {
15850
- console.log("setSelectedProgramme", value);
15851
- for (_i = 0, allProjectData_1 = allProjectData; _i < allProjectData_1.length; _i++) {
15852
- obj = allProjectData_1[_i];
15853
- if (obj.programmeId == value) {
15854
- setProjectData(obj);
15855
- break;
15856
- }
15857
- }
15858
- return [2 /*return*/];
15859
- });
15860
- }); };
15861
- var setSelectedInvestment = function (value) { return __awaiter(void 0, void 0, void 0, function () {
15862
- return __generator(this, function (_a) {
15863
- console.log("setSelectedInvestment", value);
15864
- setInvestmentData(investmentNames[value]);
15865
- return [2 /*return*/];
15866
- });
15867
- }); };
15868
- var getNationalInvestmentDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15869
- var optionalFilters, filterAnd, filterOr_1, response, investmentData_1, _i, _a, investment, error_3;
15899
+ var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15900
+ var filterAnd, _i, _a, c, response, error_2;
15870
15901
  return __generator(this, function (_b) {
15871
15902
  switch (_b.label) {
15872
15903
  case 0:
15873
- setLoadingInvestment(true);
15904
+ setLoadingList(true);
15874
15905
  _b.label = 1;
15875
15906
  case 1:
15876
15907
  _b.trys.push([1, 3, 4, 5]);
15877
- optionalFilters = {};
15878
15908
  filterAnd = [];
15879
15909
  filterAnd = [
15880
15910
  {
15881
- key: "category",
15911
+ key: "companyRole",
15882
15912
  operation: "=",
15883
- value: InvestmentOwnershipType.NATIONAL.toString(),
15884
- },
15885
- {
15886
- key: "amount",
15887
- operation: ">",
15888
- value: 0,
15913
+ value: CompanyRole.PROGRAMME_DEVELOPER.toString(),
15889
15914
  },
15890
15915
  ];
15891
15916
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER) {
15892
15917
  filterAnd.push({
15893
- key: "toCompanyId",
15894
- operation: "=",
15918
+ key: "companyId",
15919
+ operation: "!=",
15895
15920
  value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
15896
15921
  });
15897
15922
  }
15898
- else if (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
15899
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
15900
- (data === null || data === void 0 ? void 0 : data.programmeId)) {
15901
- filterOr_1 = [];
15902
- data.companyId.map(function (id) {
15903
- return filterOr_1.push({
15904
- key: "toCompanyId",
15905
- operation: "=",
15906
- value: id,
15907
- });
15923
+ for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
15924
+ c = _a[_i];
15925
+ filterAnd.push({
15926
+ key: "companyId",
15927
+ operation: "!=",
15928
+ value: c,
15908
15929
  });
15909
- optionalFilters.filterOr = filterOr_1;
15910
- }
15911
- return [4 /*yield*/, post("national/programme/investmentQuery", __assign({ page: 1, size: 100, filterAnd: filterAnd }, optionalFilters))];
15912
- case 2:
15913
- response = _b.sent();
15914
- if (response.data) {
15915
- setNationalInvestmentList(response === null || response === void 0 ? void 0 : response.data);
15916
- investmentData_1 = {};
15917
- for (_i = 0, _a = response === null || response === void 0 ? void 0 : response.data; _i < _a.length; _i++) {
15918
- investment = _a[_i];
15919
- investmentData_1[investment.requestId] = investment;
15920
- }
15921
- setInvestmentNames(investmentData_1);
15922
- console.log(investmentData_1);
15923
15930
  }
15924
- return [3 /*break*/, 5];
15925
- case 3:
15926
- error_3 = _b.sent();
15927
- console.log("Error in getting national Investments list", error_3);
15928
- return [3 /*break*/, 5];
15929
- case 4:
15930
- setLoadingInvestment(false);
15931
- return [7 /*endfinally*/];
15932
- case 5: return [2 /*return*/];
15933
- }
15934
- });
15935
- }); };
15936
- var getUserOrganization = function () { return __awaiter(void 0, void 0, void 0, function () {
15937
- var response, error_4;
15938
- return __generator(this, function (_a) {
15939
- switch (_a.label) {
15940
- case 0:
15941
- _a.trys.push([0, 2, , 3]);
15942
- return [4 /*yield*/, post("national/organisation/query", {
15931
+ return [4 /*yield*/, post("national/organisation/queryNames", {
15943
15932
  page: 1,
15944
15933
  size: 100,
15945
- filterAnd: [
15946
- { key: "companyId", operation: "=", value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId },
15947
- ],
15934
+ filterAnd: filterAnd,
15948
15935
  })];
15949
- case 1:
15950
- response = _a.sent();
15951
- console.log("getUserOrganization", response.data[0]);
15952
- setUserOrganization(response.data[0]);
15953
- setMinistrySectoralScope(response.data[0].sectoralScope);
15954
- return [3 /*break*/, 3];
15955
15936
  case 2:
15956
- error_4 = _a.sent();
15957
- console.log("Error in getting user organization", error_4);
15958
- return [3 /*break*/, 3];
15959
- case 3: return [2 /*return*/];
15960
- }
15961
- });
15962
- }); };
15963
- var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15964
- var filterAnd, filterOr, _i, _a, c, filters, response, companyName, _b, _c, company, error_5;
15965
- return __generator(this, function (_d) {
15966
- switch (_d.label) {
15967
- case 0:
15968
- setLoadingList(true);
15969
- _d.label = 1;
15970
- case 1:
15971
- _d.trys.push([1, 3, 4, 5]);
15972
- filterAnd = [];
15973
- filterOr = [];
15974
- filterAnd = [
15975
- {
15976
- key: "companyRole",
15977
- operation: "=",
15978
- value: CompanyRole.PROGRAMME_DEVELOPER.toString(),
15979
- },
15980
- ];
15981
- // if (userInfoState?.companyRole === CompanyRole.PROGRAMME_DEVELOPER) {
15982
- // filterAnd.push({
15983
- // key: "companyId",
15984
- // operation: "!=",
15985
- // value: userInfoState?.companyId,
15986
- // });
15987
- // }
15988
- if (data === null || data === void 0 ? void 0 : data.companyId) {
15989
- for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
15990
- c = _a[_i];
15991
- filterOr.push({
15992
- key: "companyId",
15993
- operation: "=",
15994
- value: c,
15995
- });
15996
- }
15997
- }
15998
- filters = void 0;
15999
- if (filterOr.length) {
16000
- filters.filterOr = filterOr;
16001
- }
16002
- return [4 /*yield*/, post("national/organisation/queryNames", __assign({ page: 1, size: 100, filterAnd: filterAnd }, filters))];
16003
- case 2:
16004
- response = _d.sent();
15937
+ response = _b.sent();
16005
15938
  if (response.data) {
16006
15939
  setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
16007
- companyName = {};
16008
- for (_b = 0, _c = response === null || response === void 0 ? void 0 : response.data; _b < _c.length; _b++) {
16009
- company = _c[_b];
16010
- companyName[Number(company.companyId)] = company.name;
16011
- }
16012
- setCompanyNames(companyName);
16013
- console.log(companyName);
16014
15940
  }
16015
15941
  return [3 /*break*/, 5];
16016
15942
  case 3:
16017
- error_5 = _d.sent();
16018
- console.log("Error in getting organization list", error_5);
15943
+ error_2 = _b.sent();
15944
+ console.log("Error in getting organization list", error_2);
16019
15945
  return [3 /*break*/, 5];
16020
15946
  case 4:
16021
15947
  setLoadingList(false);
@@ -16030,71 +15956,52 @@ var InvestmentCreationComponent = function (props) {
16030
15956
  return;
16031
15957
  }
16032
15958
  if (state === null || state === void 0 ? void 0 : state.record) {
16033
- console.log("condition 1 data", state === null || state === void 0 ? void 0 : state.record);
16034
15959
  setData(state === null || state === void 0 ? void 0 : state.record);
16035
15960
  }
16036
15961
  else {
16037
- console.log("condition 2 data", { ownership: true });
16038
15962
  setData({ ownership: true });
16039
15963
  }
16040
15964
  }, []);
16041
15965
  useEffect(function () {
16042
- // if (data) {
16043
- // const keys = Object.keys(data);
16044
- // if (keys[0] !== "ownership") {
16045
- // getOrganisationsDetails();
16046
- // }
16047
- // }
16048
- getNationalInvestmentDetails();
16049
- getOrganisationsDetails();
15966
+ if (data) {
15967
+ var keys = Object.keys(data);
15968
+ if (keys[0] !== "ownership") {
15969
+ getOrganisationsDetails();
15970
+ }
15971
+ }
16050
15972
  getGovernmentDetails();
16051
- getAllProjectData();
16052
- getUserOrganization();
16053
15973
  }, [data]);
16054
- if (!data && allProjectData.length == 0) {
15974
+ if (!data) {
16055
15975
  return React.createElement(Loading, null);
16056
15976
  }
16057
15977
  console.log("data", data);
15978
+ var companyName = {};
16058
15979
  if (data && Object.keys(data)[0] !== "ownership") {
16059
- // for (const company of data!?.company) {
16060
- // companyName[company?.companyId] = company;
16061
- // }
15980
+ for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
15981
+ var company = _l[_i];
15982
+ companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
15983
+ }
16062
15984
  if (!data.proponentPercentage) {
16063
15985
  data.proponentPercentage = [100];
16064
15986
  }
16065
15987
  }
16066
15988
  var nextOne = function (val) {
16067
- console.log("step 1 values", val);
16068
- if (val.typeCreation == InvestmentCreationType.EXISTING) {
16069
- val.toCompanyId = investmentData.toCompanyId;
16070
- }
16071
15989
  setCurrent(current + 1);
16072
15990
  setStepOneData(val);
16073
- if (data === null || data === void 0 ? void 0 : data.programmeId)
16074
- setSelectedProgramme(data.programmeId);
16075
- if (prevInvestor && prevInvestor != val.toCompanyId && !(data === null || data === void 0 ? void 0 : data.programmeId)) {
16076
- formTwo.resetFields();
16077
- setCurrentPercTotal(0);
16078
- setProjectData(undefined);
16079
- }
16080
15991
  };
16081
15992
  var prevOne = function () {
16082
15993
  setCurrent(current - 1);
16083
- setPrevInvestor(stepOneData.toCompanyId);
16084
- // formTwo.resetFields();
16085
- // setCurrentPercTotal(0);
16086
- // setProjectData(undefined);
16087
15994
  };
16088
15995
  var submitInvestment = function (val) { return __awaiter(void 0, void 0, void 0, function () {
16089
- var payload, response, error_6;
15996
+ var payload, response, error_3;
16090
15997
  return __generator(this, function (_a) {
16091
15998
  switch (_a.label) {
16092
15999
  case 0:
16093
16000
  console.log(val);
16094
16001
  console.log(stepOneData);
16095
- console.log("OwnershipType", investmentOwnershipType);
16096
16002
  setLoading(true);
16097
16003
  payload = stepOneData;
16004
+ payload.programmeId = data.programmeId;
16098
16005
  payload.amount = parseFloat(payload.amount);
16099
16006
  if (payload.interestRate) {
16100
16007
  payload.interestRate = parseFloat(payload.interestRate);
@@ -16102,27 +16009,25 @@ var InvestmentCreationComponent = function (props) {
16102
16009
  if (payload.paymentPerMetric) {
16103
16010
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
16104
16011
  }
16012
+ if (payload.period) {
16013
+ payload.period[0] = moment(payload.period[0]).startOf("day").unix();
16014
+ payload.period[1] = moment(payload.period[1]).endOf("day").unix();
16015
+ }
16016
+ if (payload.startOfPayback) {
16017
+ payload.startOfPayback = moment(payload.startOfPayback)
16018
+ .startOf("day")
16019
+ .unix();
16020
+ }
16021
+ payload.instrument = [payload.instrument];
16022
+ payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
16023
+ payload.percentage = val.percentage;
16105
16024
  payload.toCompanyId = Number(payload.toCompanyId);
16106
16025
  _a.label = 1;
16107
16026
  case 1:
16108
- _a.trys.push([1, 6, 7, 8]);
16109
- response = void 0;
16110
- if (!(investmentOwnershipType == InvestmentOwnershipType.PROJECT)) return [3 /*break*/, 3];
16111
- if (typeCreation == InvestmentCreationType.EXISTING) {
16112
- payload.nationalInvestmentId = investmentData.requestId;
16113
- }
16114
- payload.programmeId = projectData === null || projectData === void 0 ? void 0 : projectData.programmeId;
16115
- payload.fromCompanyIds = projectData === null || projectData === void 0 ? void 0 : projectData.companyId.map(function (e) { return Number(e); });
16116
- payload.percentage = val.percentage;
16027
+ _a.trys.push([1, 3, 4, 5]);
16117
16028
  return [4 /*yield*/, post("national/programme/addInvestment", payload)];
16118
16029
  case 2:
16119
16030
  response = _a.sent();
16120
- return [3 /*break*/, 5];
16121
- case 3: return [4 /*yield*/, post("national/organisation/addInvestment", payload)];
16122
- case 4:
16123
- response = _a.sent();
16124
- _a.label = 5;
16125
- case 5:
16126
16031
  console.log("investment creation -> ", response);
16127
16032
  if ((response === null || response === void 0 ? void 0 : response.statusText) === "SUCCESS") {
16128
16033
  message.open({
@@ -16132,24 +16037,22 @@ var InvestmentCreationComponent = function (props) {
16132
16037
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16133
16038
  });
16134
16039
  }
16135
- (data === null || data === void 0 ? void 0 : data.programmeId)
16136
- ? onNavigateToProgrammeView(data === null || data === void 0 ? void 0 : data.programmeId)
16137
- : onNavigateToInvestmentManagementView();
16138
- return [3 /*break*/, 8];
16139
- case 6:
16140
- error_6 = _a.sent();
16141
- console.log("Error in investment creation - ", error_6);
16040
+ onNavigateToProgrammeView(data.programmeId);
16041
+ return [3 /*break*/, 5];
16042
+ case 3:
16043
+ error_3 = _a.sent();
16044
+ console.log("Error in investment creation - ", error_3);
16142
16045
  message.open({
16143
16046
  type: "error",
16144
- content: error_6 === null || error_6 === void 0 ? void 0 : error_6.message,
16047
+ content: error_3 === null || error_3 === void 0 ? void 0 : error_3.message,
16145
16048
  duration: 4,
16146
16049
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16147
16050
  });
16148
- return [3 /*break*/, 8];
16149
- case 7:
16051
+ return [3 /*break*/, 5];
16052
+ case 4:
16150
16053
  setLoading(false);
16151
16054
  return [7 /*endfinally*/];
16152
- case 8: return [2 /*return*/];
16055
+ case 5: return [2 /*return*/];
16153
16056
  }
16154
16057
  });
16155
16058
  }); };
@@ -16163,14 +16066,6 @@ var InvestmentCreationComponent = function (props) {
16163
16066
  var onChangeTypeCreation = function (e) {
16164
16067
  console.log("radio checked", e.target.value);
16165
16068
  setTypeCreation(e.target.value);
16166
- formOne.resetFields();
16167
- formTwo.resetFields();
16168
- setCurrentPercTotal(0);
16169
- setProjectData(undefined);
16170
- };
16171
- var onChangeInvestmentOwnershipType = function (e) {
16172
- console.log("investment ownership type radio checked", e.target.value);
16173
- setInvestmentOwnershipType(e.target.value);
16174
16069
  };
16175
16070
  return (React.createElement("div", { className: "add-programme-main-container" },
16176
16071
  React.createElement("div", { className: "title-container" },
@@ -16195,282 +16090,404 @@ var InvestmentCreationComponent = function (props) {
16195
16090
  ] },
16196
16091
  React.createElement(Radio.Group, { size: "large", defaultValue: typeCreation }, Object.values(InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16197
16092
  React.createElement(Radio.Button, { className: "condition-radio", value: k, onChange: onChangeTypeCreation }, t("programme:" + k)))); }))))),
16198
- typeCreation == InvestmentCreationType.NEW && (React.createElement("div", null,
16199
- React.createElement(Row, { className: "row", gutter: [16, 16] },
16200
- React.createElement(Col, { xl: 12, md: 24 },
16201
- React.createElement("div", { className: "details-part-one" },
16202
- React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
16203
- {
16204
- required: true,
16205
- message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
16206
- },
16207
- ] },
16208
- React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) {
16209
- if (data === null || data === void 0 ? void 0 : data.programmeId) {
16210
- if (data.companyId
16211
- .map(function (id) { return Number(id); })
16212
- .includes(Number(organisation.companyId))) {
16213
- return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name));
16093
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16094
+ React.createElement(Col, { xl: 12, md: 24 },
16095
+ React.createElement("div", { className: "details-part-one" },
16096
+ React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
16097
+ {
16098
+ required: true,
16099
+ message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
16100
+ },
16101
+ ] },
16102
+ React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
16103
+ React.createElement(Col, { xl: 12, md: 24 },
16104
+ React.createElement("div", { className: "details-part-two" },
16105
+ React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
16106
+ {
16107
+ required: true,
16108
+ message: "",
16109
+ },
16110
+ {
16111
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16112
+ return __generator(this, function (_a) {
16113
+ if (String(value).trim() === "" ||
16114
+ String(value).trim() === undefined ||
16115
+ value === null ||
16116
+ value === undefined) {
16117
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
16118
+ }
16119
+ else if (!isNaN(value) &&
16120
+ Number(value) > 0) {
16121
+ return [2 /*return*/, Promise.resolve()];
16122
+ }
16123
+ else {
16124
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
16125
+ }
16126
+ });
16127
+ }); },
16128
+ },
16129
+ ] },
16130
+ React.createElement(Input, { size: "large" }))))),
16131
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16132
+ React.createElement(Col, { xl: 24, md: 24 },
16133
+ React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
16134
+ //wrapperCol={{ span: 24 }}
16135
+ required: true, className: "investment-radio-button", rules: [
16136
+ {
16137
+ required: true,
16138
+ message: "",
16139
+ },
16140
+ {
16141
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16142
+ return __generator(this, function (_a) {
16143
+ if (String(value).trim() === "" ||
16144
+ String(value).trim() === undefined ||
16145
+ value === null ||
16146
+ value === undefined) {
16147
+ throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
16214
16148
  }
16215
- }
16216
- else {
16217
- return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name));
16218
- }
16219
- }))))),
16220
- React.createElement(Col, { xl: 12, md: 24 },
16221
- React.createElement("div", { className: "details-part-two" },
16222
- React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
16223
- {
16224
- required: true,
16225
- message: "",
16226
- },
16227
- {
16228
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16229
- return __generator(this, function (_a) {
16230
- if (String(value).trim() === "" ||
16231
- String(value).trim() ===
16232
- undefined ||
16233
- value === null ||
16234
- value === undefined) {
16235
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
16236
- }
16237
- else if (!isNaN(value) &&
16238
- Number(value) > 0) {
16239
- return [2 /*return*/, Promise.resolve()];
16240
- }
16241
- else {
16242
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
16243
- }
16244
- });
16245
- }); },
16246
- },
16247
- ] },
16248
- React.createElement(Input, { size: "large" }))))),
16149
+ return [2 /*return*/];
16150
+ });
16151
+ }); },
16152
+ },
16153
+ ] },
16154
+ React.createElement(Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
16155
+ return (React.createElement(Radio, { value: e.value }, e.label));
16156
+ }))))),
16157
+ instrument &&
16158
+ instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16159
+ React.createElement(Col, { xl: 8, md: 12 },
16160
+ React.createElement("div", { className: "details-part-two" },
16161
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16162
+ {
16163
+ required: true,
16164
+ message: "",
16165
+ },
16166
+ {
16167
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16168
+ return __generator(this, function (_a) {
16169
+ if (String(value).trim() === "" ||
16170
+ String(value).trim() ===
16171
+ undefined ||
16172
+ value === null ||
16173
+ value === undefined) {
16174
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16175
+ }
16176
+ else if (!isNaN(value)) {
16177
+ return [2 /*return*/, Promise.resolve()];
16178
+ }
16179
+ else {
16180
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16181
+ }
16182
+ });
16183
+ }); },
16184
+ },
16185
+ ] },
16186
+ React.createElement(Input, { size: "large" })))))),
16187
+ instrument &&
16188
+ (instrument.indexOf(Instrument.CONLOAN) >= 0 ||
16189
+ instrument.indexOf(Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
16249
16190
  React.createElement(Row, { className: "row", gutter: [16, 16] },
16250
- React.createElement(Col, { xl: 24, md: 24 },
16251
- React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
16252
- React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
16253
- instrument &&
16254
- instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16255
16191
  React.createElement(Col, { xl: 8, md: 12 },
16256
- React.createElement("div", { className: "details-part-two" },
16257
- React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16258
- {
16259
- required: true,
16260
- message: "",
16261
- },
16262
- {
16263
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16264
- return __generator(this, function (_a) {
16265
- if (String(value).trim() === "" ||
16266
- String(value).trim() ===
16267
- undefined ||
16268
- value === null ||
16269
- value === undefined) {
16270
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16271
- }
16272
- else if (!isNaN(value)) {
16273
- return [2 /*return*/, Promise.resolve()];
16274
- }
16275
- else {
16276
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16277
- }
16278
- });
16279
- }); },
16280
- },
16281
- ] },
16282
- React.createElement(Input, { size: "large" })))))),
16283
- instrument &&
16284
- instrument.indexOf(Instrument.RESULT_BASED) >=
16285
- 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16286
- React.createElement(Col, { xl: 12, md: 24 },
16287
- React.createElement("div", { className: "details-part-two" },
16288
- React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
16289
- {
16290
- required: true,
16291
- message: "",
16292
- },
16293
- {
16294
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16295
- return __generator(this, function (_a) {
16296
- if (String(value).trim() === "" ||
16297
- String(value).trim() ===
16298
- undefined ||
16299
- value === null ||
16300
- value === undefined) {
16301
- throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
16302
- }
16303
- return [2 /*return*/];
16304
- });
16305
- }); },
16306
- },
16307
- ] },
16308
- React.createElement(Input, { size: "large" })))),
16309
- React.createElement(Col, { xl: 12, md: 24 },
16310
- React.createElement("div", { className: "details-part-two" },
16311
- React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
16312
- {
16313
- required: true,
16314
- message: "",
16315
- },
16316
- {
16317
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16318
- return __generator(this, function (_a) {
16319
- if (String(value).trim() === "" ||
16320
- String(value).trim() ===
16321
- undefined ||
16322
- value === null ||
16323
- value === undefined) {
16324
- throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
16325
- }
16326
- else if (!isNaN(value)) {
16327
- return [2 /*return*/, Promise.resolve()];
16328
- }
16329
- else {
16330
- throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
16331
- }
16332
- });
16333
- }); },
16334
- },
16335
- ] },
16336
- React.createElement(Input, { size: "large" })))))),
16337
- instrument &&
16338
- instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16339
- React.createElement(Col, { xl: 12, md: 24 },
16340
- React.createElement("div", { className: "details-part-two" },
16341
- React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
16342
- {
16343
- required: false,
16344
- message: "",
16345
- },
16346
- ] },
16347
- React.createElement(Input, { size: "large" })))))),
16348
- instrument &&
16349
- instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16350
- React.createElement(Col, { xl: 12, md: 24 },
16351
- React.createElement("div", { className: "details-part-two" },
16352
- React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
16353
- {
16354
- required: true,
16355
- message: "",
16356
- },
16357
- {
16358
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16359
- return __generator(this, function (_a) {
16360
- if (String(value).trim() === "" ||
16361
- String(value).trim() ===
16362
- undefined ||
16363
- value === null ||
16364
- value === undefined) {
16365
- throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
16366
- }
16367
- return [2 /*return*/];
16368
- });
16369
- }); },
16370
- },
16371
- ] },
16372
- React.createElement(Input, { size: "large" })))))),
16373
- React.createElement(Row, { className: "row", gutter: [4, 4] },
16374
- React.createElement(Col, { xl: 8, md: 12 },
16375
- React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
16192
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16376
16193
  {
16377
- required: false,
16194
+ required: true,
16195
+ message: "",
16196
+ },
16197
+ {
16198
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16199
+ return __generator(this, function (_a) {
16200
+ if (String(value).trim() === "" ||
16201
+ String(value).trim() ===
16202
+ undefined ||
16203
+ value === null ||
16204
+ value === undefined) {
16205
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16206
+ }
16207
+ else if (!isNaN(value)) {
16208
+ return [2 /*return*/, Promise.resolve()];
16209
+ }
16210
+ else {
16211
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16212
+ }
16213
+ });
16214
+ }); },
16378
16215
  },
16379
16216
  ] },
16380
- React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16381
- React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16382
- return deselectOnClick(e, "type");
16383
- } }, t("programme:" + k)))); })))),
16217
+ React.createElement(Input, { size: "large" })))),
16218
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16384
16219
  React.createElement(Col, { xl: 8, md: 12 },
16385
- React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
16220
+ React.createElement(Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
16386
16221
  {
16387
- required: false,
16222
+ required: true,
16223
+ message: "",
16224
+ },
16225
+ {
16226
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16227
+ return __generator(this, function (_a) {
16228
+ if (String(value).trim() === "" ||
16229
+ String(value).trim() ===
16230
+ undefined ||
16231
+ value === null ||
16232
+ value === undefined) {
16233
+ throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
16234
+ }
16235
+ return [2 /*return*/];
16236
+ });
16237
+ }); },
16388
16238
  },
16389
16239
  ] },
16390
- React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16391
- React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16392
- return deselectOnClick(e, "level");
16393
- } }, t("programme:" + k)))); })))),
16240
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
16394
16241
  React.createElement(Col, { xl: 8, md: 12 },
16395
- React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
16242
+ React.createElement(Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
16396
16243
  {
16397
- required: false,
16244
+ required: true,
16245
+ message: "",
16246
+ },
16247
+ {
16248
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16249
+ return __generator(this, function (_a) {
16250
+ if (String(value).trim() === "" ||
16251
+ String(value).trim() ===
16252
+ undefined ||
16253
+ value === null ||
16254
+ value === undefined) {
16255
+ throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
16256
+ }
16257
+ return [2 /*return*/];
16258
+ });
16259
+ }); },
16398
16260
  },
16399
16261
  ] },
16400
- React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16401
- React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16402
- return deselectOnClick(e, "stream");
16403
- } }, t("programme:" + k)))); }))))),
16404
- React.createElement(Row, { className: "row", gutter: [16, 16] },
16405
- React.createElement(Col, { xl: 12, md: 24 },
16406
- React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
16407
- React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))))),
16408
- typeCreation == InvestmentCreationType.EXISTING && (React.createElement("div", null,
16262
+ React.createElement(DatePicker, { size: "large", disabledDate: function (currentDate) {
16263
+ return currentDate < moment().startOf("day");
16264
+ } })))))),
16265
+ instrument &&
16266
+ instrument.indexOf(Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
16409
16267
  React.createElement(Row, { className: "row", gutter: [16, 16] },
16410
- React.createElement(Col, { xl: 12, md: 24 },
16411
- React.createElement("div", { className: "details-part-one" },
16412
- React.createElement(Form.Item, { label: t("programme:existingInvestmentSource"), name: "existinngInvestmentId", wrapperCol: { span: 24 }, rules: [
16413
- {
16414
- required: true,
16415
- message: "".concat(t("programme:existingInvestmentSource"), " ").concat(t("isRequired")),
16416
- },
16417
- ] },
16418
- React.createElement(Select, { size: "large", loading: loadingInvestment, onChange: setSelectedInvestment }, nationalInvestmentList.map(function (investment) { return (React.createElement(Select.Option, { key: investment.requestId, value: investment.requestId }, investment.investmentName)); })))))),
16268
+ React.createElement(Col, { xl: 8, md: 12 },
16269
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16270
+ {
16271
+ required: true,
16272
+ message: "",
16273
+ },
16274
+ {
16275
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16276
+ return __generator(this, function (_a) {
16277
+ if (String(value).trim() === "" ||
16278
+ String(value).trim() ===
16279
+ undefined ||
16280
+ value === null ||
16281
+ value === undefined) {
16282
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16283
+ }
16284
+ else if (!isNaN(value)) {
16285
+ return [2 /*return*/, Promise.resolve()];
16286
+ }
16287
+ else {
16288
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16289
+ }
16290
+ });
16291
+ }); },
16292
+ },
16293
+ ] },
16294
+ React.createElement(Input, { size: "large" })))),
16419
16295
  React.createElement(Row, { className: "row", gutter: [16, 16] },
16420
- React.createElement(Col, { xl: 12, md: 24 },
16421
- React.createElement("div", { className: "details-part-two" },
16422
- React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
16423
- {
16424
- required: true,
16425
- message: "",
16426
- },
16427
- {
16428
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16429
- return __generator(this, function (_a) {
16430
- if (String(value).trim() === "" ||
16431
- String(value).trim() ===
16432
- undefined ||
16433
- value === null ||
16434
- value === undefined) {
16435
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
16436
- }
16437
- else if (!isNaN(value) &&
16438
- Number(value) > 0) {
16439
- return [2 /*return*/, Promise.resolve()];
16440
- }
16441
- else {
16442
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
16443
- }
16444
- });
16445
- }); },
16446
- },
16447
- function (_a) {
16448
- var getFieldValue = _a.getFieldValue;
16449
- return ({
16450
- validator: function (rule, v) {
16451
- if (getFieldValue("amount") &&
16452
- investmentData &&
16453
- investmentData.amount <
16454
- parseFloat(getFieldValue("amount"))) {
16455
- // eslint-disable-next-line prefer-promise-reject-errors
16456
- return Promise.reject("Amount > Available");
16457
- }
16458
- return Promise.resolve();
16459
- },
16296
+ React.createElement(Col, { xl: 8, md: 12 },
16297
+ React.createElement(Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
16298
+ {
16299
+ required: true,
16300
+ message: "",
16301
+ },
16302
+ {
16303
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16304
+ return __generator(this, function (_a) {
16305
+ if (String(value).trim() === "" ||
16306
+ String(value).trim() ===
16307
+ undefined ||
16308
+ value === null ||
16309
+ value === undefined) {
16310
+ throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
16311
+ }
16312
+ return [2 /*return*/];
16460
16313
  });
16461
- },
16462
- ] },
16463
- React.createElement(Input, { size: "large" })))),
16464
- React.createElement(Col, { xl: 12, md: 24 },
16465
- React.createElement("div", { className: "details-part-two" },
16466
- React.createElement(Form.Item, { label: " ", name: "sourceAmount" },
16467
- React.createElement("div", null,
16468
- "/",
16469
- React.createElement(InputNumber, { size: "large", width: "100%", formatter: function (value) {
16470
- return "$".concat(addCommSep(value));
16471
- }, disabled: true, value: investmentData
16472
- ? investmentData.amount
16473
- : 0 })))))))),
16314
+ }); },
16315
+ },
16316
+ ] },
16317
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
16318
+ React.createElement(Col, { xl: 8, md: 12 },
16319
+ React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
16320
+ {
16321
+ required: true,
16322
+ message: "",
16323
+ },
16324
+ {
16325
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16326
+ return __generator(this, function (_a) {
16327
+ if (String(value).trim() === "" ||
16328
+ String(value).trim() ===
16329
+ undefined ||
16330
+ value === null ||
16331
+ value === undefined) {
16332
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16333
+ }
16334
+ return [2 /*return*/];
16335
+ });
16336
+ }); },
16337
+ },
16338
+ ] },
16339
+ React.createElement(Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16340
+ React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
16341
+ instrument &&
16342
+ instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16343
+ React.createElement(Col, { xl: 12, md: 24 },
16344
+ React.createElement("div", { className: "details-part-two" },
16345
+ React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
16346
+ {
16347
+ required: true,
16348
+ message: "",
16349
+ },
16350
+ {
16351
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16352
+ return __generator(this, function (_a) {
16353
+ if (String(value).trim() === "" ||
16354
+ String(value).trim() ===
16355
+ undefined ||
16356
+ value === null ||
16357
+ value === undefined) {
16358
+ throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
16359
+ }
16360
+ return [2 /*return*/];
16361
+ });
16362
+ }); },
16363
+ },
16364
+ ] },
16365
+ React.createElement(Input, { size: "large" })))),
16366
+ React.createElement(Col, { xl: 12, md: 24 },
16367
+ React.createElement("div", { className: "details-part-two" },
16368
+ React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
16369
+ {
16370
+ required: true,
16371
+ message: "",
16372
+ },
16373
+ {
16374
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16375
+ return __generator(this, function (_a) {
16376
+ if (String(value).trim() === "" ||
16377
+ String(value).trim() ===
16378
+ undefined ||
16379
+ value === null ||
16380
+ value === undefined) {
16381
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
16382
+ }
16383
+ else if (!isNaN(value)) {
16384
+ return [2 /*return*/, Promise.resolve()];
16385
+ }
16386
+ else {
16387
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
16388
+ }
16389
+ });
16390
+ }); },
16391
+ },
16392
+ ] },
16393
+ React.createElement(Input, { size: "large" })))))),
16394
+ instrument &&
16395
+ instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16396
+ React.createElement(Col, { xl: 12, md: 24 },
16397
+ React.createElement("div", { className: "details-part-two" },
16398
+ React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
16399
+ {
16400
+ required: false,
16401
+ message: "",
16402
+ },
16403
+ ] },
16404
+ React.createElement(Input, { size: "large" })))))),
16405
+ instrument &&
16406
+ instrument.indexOf(Instrument.INSURANCE) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16407
+ React.createElement(Col, { xl: 8, md: 12 },
16408
+ React.createElement("div", { className: "details-part-two" },
16409
+ React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
16410
+ {
16411
+ required: true,
16412
+ message: "",
16413
+ },
16414
+ {
16415
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16416
+ return __generator(this, function (_a) {
16417
+ if (String(value).trim() === "" ||
16418
+ String(value).trim() ===
16419
+ undefined ||
16420
+ value === null ||
16421
+ value === undefined) {
16422
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16423
+ }
16424
+ return [2 /*return*/];
16425
+ });
16426
+ }); },
16427
+ },
16428
+ ] },
16429
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16430
+ React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
16431
+ instrument &&
16432
+ instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
16433
+ React.createElement(Col, { xl: 12, md: 24 },
16434
+ React.createElement("div", { className: "details-part-two" },
16435
+ React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
16436
+ {
16437
+ required: true,
16438
+ message: "",
16439
+ },
16440
+ {
16441
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16442
+ return __generator(this, function (_a) {
16443
+ if (String(value).trim() === "" ||
16444
+ String(value).trim() ===
16445
+ undefined ||
16446
+ value === null ||
16447
+ value === undefined) {
16448
+ throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
16449
+ }
16450
+ return [2 /*return*/];
16451
+ });
16452
+ }); },
16453
+ },
16454
+ ] },
16455
+ React.createElement(Input, { size: "large" })))))),
16456
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16457
+ React.createElement(Col, { xl: 8, md: 12 },
16458
+ React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
16459
+ {
16460
+ required: false,
16461
+ },
16462
+ ] },
16463
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16464
+ React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16465
+ return deselectOnClick(e, "type");
16466
+ } }, t("programme:" + k)))); })))),
16467
+ React.createElement(Col, { xl: 8, md: 12 },
16468
+ React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
16469
+ {
16470
+ required: false,
16471
+ },
16472
+ ] },
16473
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16474
+ React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16475
+ return deselectOnClick(e, "level");
16476
+ } }, t("programme:" + k)))); })))),
16477
+ React.createElement(Col, { xl: 8, md: 12 },
16478
+ React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
16479
+ {
16480
+ required: false,
16481
+ },
16482
+ ] },
16483
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16484
+ React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
16485
+ return deselectOnClick(e, "stream");
16486
+ } }, t("programme:" + k)))); }))))),
16487
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16488
+ React.createElement(Col, { xl: 12, md: 24 },
16489
+ React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
16490
+ React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
16474
16491
  React.createElement(Form.Item, null,
16475
16492
  React.createElement("div", { className: "steps-actions" },
16476
16493
  React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
@@ -16480,164 +16497,73 @@ var InvestmentCreationComponent = function (props) {
16480
16497
  React.createElement("div", { className: "step-count" }, "02"),
16481
16498
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
16482
16499
  description: current === 1 && (React.createElement("div", null,
16483
- React.createElement("div", { className: "investment-sought-form-container" },
16484
- React.createElement("div", { className: "investment-sought-form" },
16485
- React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true },
16486
- React.createElement(Row, { className: "row", gutter: [4, 4] },
16487
- React.createElement(Col, { xl: 8, md: 12 },
16488
- React.createElement(Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "investmentOwnershipType", rules: [
16500
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16501
+ React.createElement(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 :
16502
+ data.companyId.map(function (companyId, index) {
16503
+ return (React.createElement(Row, { className: "row", gutter: [16, 16] },
16504
+ React.createElement(Col, { xl: 8, md: 15 },
16505
+ React.createElement("div", { className: "label" },
16506
+ companyName[companyId].name,
16507
+ React.createElement("span", { className: "required-mark" }, "*"))),
16508
+ React.createElement(Col, { xl: 8, md: 9 },
16509
+ React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16489
16510
  {
16490
- required: false,
16511
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16512
+ message: "Percentage Should be a positive number",
16491
16513
  },
16492
- ] },
16493
- React.createElement(Radio.Group, { size: "large", defaultValue: typeCreation ==
16494
- InvestmentCreationType.EXISTING
16495
- ? InvestmentOwnershipType.PROJECT
16496
- : investmentOwnershipType }, Object.values(InvestmentOwnershipType).map(function (k, index) {
16497
- if (!(typeCreation ==
16498
- InvestmentCreationType.EXISTING &&
16499
- k == InvestmentOwnershipType.NATIONAL) &&
16500
- !(k ==
16501
- InvestmentOwnershipType.NATIONAL &&
16502
- (data === null || data === void 0 ? void 0 : data.programmeId))) {
16503
- return (React.createElement("div", { className: "condition-radio-container" },
16504
- React.createElement(Tooltip, { title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
16505
- CompanyRole.PROGRAMME_DEVELOPER &&
16506
- stepOneData.toCompanyId !=
16507
- userInfoState.companyId &&
16508
- k ==
16509
- InvestmentOwnershipType.NATIONAL
16510
- ? "This action is unauthorized due to the selected investor name."
16511
- : "", color: TooltipColor, key: TooltipColor },
16512
- React.createElement(Radio.Button, { className: "condition-radio", value: k, onChange: onChangeInvestmentOwnershipType, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
16513
- CompanyRole.PROGRAMME_DEVELOPER &&
16514
- stepOneData.toCompanyId !=
16515
- userInfoState.companyId &&
16516
- k ==
16517
- InvestmentOwnershipType.NATIONAL }, t("programme:" + k)))));
16518
- }
16519
- })))))))),
16520
- React.createElement("div", { className: "programme-sought-form-container ownership-container" },
16521
- React.createElement("div", { className: "programme-sought-form" },
16522
- React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment },
16523
- allProjectData.length > 0 &&
16524
- investmentOwnershipType ==
16525
- InvestmentOwnershipType.PROJECT && (React.createElement("div", null,
16526
- React.createElement(Row, { className: "row", gutter: [16, 16] },
16527
- React.createElement(Col, { xl: 12, md: 24 },
16528
- React.createElement("div", { className: "details-part-one" },
16529
- React.createElement(Form.Item, { label: t("programme:title"), name: "projectId", wrapperCol: { span: 24 }, initialValue: (data === null || data === void 0 ? void 0 : data.programmeId) != undefined
16530
- ? allProjectData[0].programmeId
16531
- : null, rules: [
16532
- {
16533
- required: true,
16534
- message: "".concat(t("programme:title"), " ").concat(t("isRequired")),
16535
- },
16536
- ] },
16537
- React.createElement(Select, { size: "large", loading: loadingProgData,
16538
- // defaultValue={
16539
- // allProjectData.length == 1
16540
- // ? allProjectData[0].programmeId
16541
- // : null
16542
- // }
16543
- disabled: allProjectData.length == 1 &&
16544
- (data === null || data === void 0 ? void 0 : data.programmeId) != undefined, onChange: setSelectedProgramme }, allProjectData.map(function (project) {
16545
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
16546
- CompanyRole.PROGRAMME_DEVELOPER &&
16547
- Number(stepOneData.toCompanyId) !=
16548
- userInfoState.companyId) {
16549
- if (project.companyId
16550
- .map(function (id) { return Number(id); })
16551
- .includes(userInfoState.companyId)) {
16552
- return (React.createElement(Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
16553
- }
16554
- }
16555
- else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ===
16556
- CompanyRole.MINISTRY) {
16557
- if (ministrySectoralScope.includes(project.sectoralScope)) {
16558
- return (React.createElement(Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
16514
+ {
16515
+ required: true,
16516
+ message: "Required field",
16517
+ },
16518
+ function (_a) {
16519
+ var getFieldValue = _a.getFieldValue;
16520
+ return ({
16521
+ validator: function (rule, v) {
16522
+ if (getFieldValue([
16523
+ "percentage",
16524
+ index,
16525
+ ]) &&
16526
+ parseFloat(getFieldValue([
16527
+ "percentage",
16528
+ index,
16529
+ ])) >
16530
+ data.proponentPercentage[index]) {
16531
+ // eslint-disable-next-line prefer-promise-reject-errors
16532
+ return Promise.reject("Amount > Available");
16559
16533
  }
16560
- }
16561
- else {
16562
- return (React.createElement(Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
16563
- }
16564
- })))))), projectData === null || projectData === void 0 ? void 0 :
16565
- projectData.companyId.map(function (companyId, index) {
16566
- if (formTwo.getFieldValue("percentage") &&
16567
- formTwo.getFieldValue("percentage")[index] &&
16568
- companyId == stepOneData.toCompanyId) {
16569
- formTwo.getFieldValue("percentage")[index] = 0;
16570
- }
16571
- return (React.createElement(Row, { className: "row", gutter: [16, 16] },
16572
- React.createElement(Col, { xl: 8, md: 15 },
16573
- React.createElement("div", { className: "label" },
16574
- govData.companyId == companyId
16575
- ? govData.name
16576
- : companyNames[Number(companyId)],
16577
- React.createElement("span", { className: "required-mark" }, "*"))),
16578
- React.createElement(Col, { xl: 8, md: 9 },
16579
- React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16580
- {
16581
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16582
- message: "Percentage Should be a positive number",
16534
+ return Promise.resolve();
16583
16535
  },
16584
- {
16585
- required: true,
16586
- message: "Required field",
16587
- },
16588
- function (_a) {
16589
- var getFieldValue = _a.getFieldValue;
16590
- return ({
16591
- validator: function (rule, v) {
16592
- if (getFieldValue([
16593
- "percentage",
16594
- index,
16595
- ]) &&
16596
- parseFloat(getFieldValue([
16597
- "percentage",
16598
- index,
16599
- ])) >
16600
- projectData
16601
- .proponentPercentage[index]) {
16602
- // eslint-disable-next-line prefer-promise-reject-errors
16603
- return Promise.reject("Amount > Available");
16604
- }
16605
- return Promise.resolve();
16606
- },
16607
- });
16608
- },
16609
- ] },
16610
- React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId ==
16611
- companyId ||
16612
- companyId ==
16613
- stepOneData.toCompanyId, value: 0,
16614
- // disabled={userInfoState?.companyId === Number(companyId)}
16615
- onKeyPress: function (event) {
16616
- if (!/[0-9\.]/.test(event.key)) {
16617
- event.preventDefault();
16618
- }
16619
- } })),
16620
- React.createElement("div", { className: "inline separator" }, "/"),
16621
- React.createElement(Form.Item, { className: "inline" },
16622
- React.createElement(InputNumber, { placeholder: String(projectData === null || projectData === void 0 ? void 0 : projectData.proponentPercentage[index]), disabled: true })))));
16623
- }),
16624
- React.createElement(Row, { className: "row", gutter: [16, 16] },
16625
- React.createElement(Col, { xl: 8, md: 15 },
16626
- React.createElement("div", { className: "label" }, t("programme:total"))),
16627
- React.createElement(Col, { xl: 8, md: 9 },
16628
- React.createElement(Form.Item, { className: "inline", name: ["total"] },
16629
- React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16630
- if (!/[0-9\.]/.test(event.key)) {
16631
- event.preventDefault();
16632
- }
16633
- } })),
16634
- React.createElement("div", { className: "inline separator" }, "/"),
16635
- React.createElement(Form.Item, { className: "inline" },
16636
- React.createElement(InputNumber, { disabled: true, placeholder: "100" })))))),
16637
- React.createElement(Form.Item, null,
16638
- React.createElement("div", { className: "steps-actions" },
16639
- React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16640
- React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16536
+ });
16537
+ },
16538
+ ] },
16539
+ React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16540
+ // disabled={userInfoState?.companyId === Number(companyId)}
16541
+ onKeyPress: function (event) {
16542
+ if (!/[0-9\.]/.test(event.key)) {
16543
+ event.preventDefault();
16544
+ }
16545
+ } })),
16546
+ React.createElement("div", { className: "inline separator" }, "/"),
16547
+ React.createElement(Form.Item, { className: "inline" },
16548
+ React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16549
+ }),
16550
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16551
+ React.createElement(Col, { xl: 8, md: 15 },
16552
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16553
+ React.createElement(Col, { xl: 8, md: 9 },
16554
+ React.createElement(Form.Item, { className: "inline", name: ["total"] },
16555
+ React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16556
+ if (!/[0-9\.]/.test(event.key)) {
16557
+ event.preventDefault();
16558
+ }
16559
+ } })),
16560
+ React.createElement("div", { className: "inline separator" }, "/"),
16561
+ React.createElement(Form.Item, { className: "inline" },
16562
+ React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
16563
+ React.createElement(Form.Item, null,
16564
+ React.createElement("div", { className: "steps-actions" },
16565
+ React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16566
+ React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
16641
16567
  },
16642
16568
  ] })))));
16643
16569
  };
@@ -16776,6 +16702,7 @@ var InvestmentManagementComponent = function (props) {
16776
16702
  var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
16777
16703
  var _v = useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
16778
16704
  var _w = useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
16705
+ var _x = useState(), dataQuery = _x[0], setDataQuery = _x[1];
16779
16706
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
16780
16707
  return __generator(this, function (_a) {
16781
16708
  console.log(checkedValues);
@@ -16872,6 +16799,12 @@ var InvestmentManagementComponent = function (props) {
16872
16799
  console.log(response);
16873
16800
  setTableData(response.data);
16874
16801
  setTotalProgramme(response.response.data.total);
16802
+ setDataQuery({
16803
+ filterAnd: filter,
16804
+ filterOr: dataFilter,
16805
+ sort: sort,
16806
+ filterBy: filterBy,
16807
+ });
16875
16808
  setLoading(false);
16876
16809
  return [3 /*break*/, 4];
16877
16810
  case 3:
@@ -16889,8 +16822,53 @@ var InvestmentManagementComponent = function (props) {
16889
16822
  }
16890
16823
  });
16891
16824
  }); };
16825
+ var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
16826
+ var response, url, a, error_2;
16827
+ var _a;
16828
+ return __generator(this, function (_b) {
16829
+ switch (_b.label) {
16830
+ case 0:
16831
+ setLoading(true);
16832
+ _b.label = 1;
16833
+ case 1:
16834
+ _b.trys.push([1, 3, , 4]);
16835
+ return [4 /*yield*/, post("national/programme/investments/download", {
16836
+ filterAnd: dataQuery.filterAnd,
16837
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
16838
+ sort: dataQuery.sort,
16839
+ filterBy: dataQuery.filterBy,
16840
+ })];
16841
+ case 2:
16842
+ response = _b.sent();
16843
+ if (response && response.data) {
16844
+ url = response.data.url;
16845
+ a = document.createElement('a');
16846
+ a.href = url;
16847
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
16848
+ document.body.appendChild(a);
16849
+ a.click();
16850
+ document.body.removeChild(a); // Clean up the created <a> element
16851
+ window.URL.revokeObjectURL(url);
16852
+ }
16853
+ setLoading(false);
16854
+ return [3 /*break*/, 4];
16855
+ case 3:
16856
+ error_2 = _b.sent();
16857
+ console.log("Error in exporting investments", error_2);
16858
+ message.open({
16859
+ type: "error",
16860
+ content: error_2.message,
16861
+ duration: 3,
16862
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16863
+ });
16864
+ setLoading(false);
16865
+ return [3 /*break*/, 4];
16866
+ case 4: return [2 /*return*/];
16867
+ }
16868
+ });
16869
+ }); };
16892
16870
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
16893
- var response, error_2;
16871
+ var response, error_3;
16894
16872
  var _a, _b, _c, _d, _e, _f;
16895
16873
  return __generator(this, function (_g) {
16896
16874
  switch (_g.label) {
@@ -16922,8 +16900,8 @@ var InvestmentManagementComponent = function (props) {
16922
16900
  setLoading(false);
16923
16901
  return [3 /*break*/, 4];
16924
16902
  case 3:
16925
- error_2 = _g.sent();
16926
- console.log("Error in getting users", error_2);
16903
+ error_3 = _g.sent();
16904
+ console.log("Error in getting users", error_3);
16927
16905
  setLoading(false);
16928
16906
  return [3 /*break*/, 4];
16929
16907
  case 4: return [2 /*return*/];
@@ -16954,7 +16932,7 @@ var InvestmentManagementComponent = function (props) {
16954
16932
  ministryLevelFilter,
16955
16933
  ]);
16956
16934
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
16957
- var response, successMsg, error_3;
16935
+ var response, successMsg, error_4;
16958
16936
  return __generator(this, function (_a) {
16959
16937
  switch (_a.label) {
16960
16938
  case 0:
@@ -16984,10 +16962,10 @@ var InvestmentManagementComponent = function (props) {
16984
16962
  setModalVisible(false);
16985
16963
  return [3 /*break*/, 4];
16986
16964
  case 3:
16987
- error_3 = _a.sent();
16988
- console.log("Error in Cancelling transfer request", error_3);
16965
+ error_4 = _a.sent();
16966
+ console.log("Error in Cancelling transfer request", error_4);
16989
16967
  setLoading(false);
16990
- return [2 /*return*/, error_3.message];
16968
+ return [2 /*return*/, error_4.message];
16991
16969
  case 4: return [2 /*return*/];
16992
16970
  }
16993
16971
  });
@@ -17086,10 +17064,7 @@ var InvestmentManagementComponent = function (props) {
17086
17064
  sorter: true,
17087
17065
  align: "left",
17088
17066
  render: function (item) {
17089
- if (item) {
17090
- return React.createElement("span", { className: "clickable" }, item);
17091
- }
17092
- return React.createElement("span", null, "-");
17067
+ return React.createElement("span", { className: "clickable" }, item);
17093
17068
  },
17094
17069
  onCell: function (record, rowIndex) {
17095
17070
  return {
@@ -17147,12 +17122,6 @@ var InvestmentManagementComponent = function (props) {
17147
17122
  key: "programmeSector",
17148
17123
  sorter: true,
17149
17124
  align: "left",
17150
- render: function (item) {
17151
- if (item) {
17152
- return React.createElement("span", null, item);
17153
- }
17154
- return React.createElement("span", null, "-");
17155
- },
17156
17125
  },
17157
17126
  {
17158
17127
  title: t("programme:investor"),
@@ -17236,11 +17205,7 @@ var InvestmentManagementComponent = function (props) {
17236
17205
  React.createElement("div", { className: "title-bar" },
17237
17206
  React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
17238
17207
  React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
17239
- React.createElement("div", { className: "actions" }, enableAddOwnership &&
17240
- ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.MINISTRY ||
17241
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.GOVERNMENT ||
17242
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.PROGRAMME_DEVELOPER) &&
17243
- userInfoState.userRole != Role.ViewOnly && (React.createElement("div", { className: "action-bar" },
17208
+ React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
17244
17209
  React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
17245
17210
  React.createElement("div", { className: "content-card" },
17246
17211
  React.createElement(Row, null,
@@ -17266,7 +17231,13 @@ var InvestmentManagementComponent = function (props) {
17266
17231
  return e.target.value === ""
17267
17232
  ? setSearch(e.target.value)
17268
17233
  : setSearchText(e.target.value);
17269
- }, onSearch: setSearch, style: { width: 265 } }))))),
17234
+ }, onSearch: setSearch, style: { width: 265 } })),
17235
+ React.createElement("div", { className: "download-data-btn" },
17236
+ React.createElement("a", { onClick: downloadInvestmentData },
17237
+ React.createElement(DownloadOutlined, { style: {
17238
+ color: "rgba(58, 53, 65, 0.3)",
17239
+ fontSize: "20px",
17240
+ } })))))),
17270
17241
  React.createElement(Row, null,
17271
17242
  React.createElement(Col, { span: 24 },
17272
17243
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -17281,7 +17252,7 @@ var InvestmentManagementComponent = function (props) {
17281
17252
  return handleTableChange(val, sorter);
17282
17253
  }, locale: {
17283
17254
  emptyText: (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
17284
- ? t("programme:noInvestmentData")
17255
+ ? t("creditTransfer:noTransfer")
17285
17256
  : null })),
17286
17257
  } }))))),
17287
17258
  popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
@@ -18167,6 +18138,7 @@ var NdcActionManagementComponent = function (props) {
18167
18138
  var _m = useState(), dataFilter = _m[0]; _m[1];
18168
18139
  var _o = useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
18169
18140
  var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
18141
+ var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
18170
18142
  var Search = Input.Search;
18171
18143
  var post = useConnection().post;
18172
18144
  var userInfoState = useUserContext().userInfoState;
@@ -18174,7 +18146,7 @@ var NdcActionManagementComponent = function (props) {
18174
18146
  label: addSpaces(Object.values(NdcActionStatus)[index]),
18175
18147
  value: Object.values(NdcActionStatus)[index],
18176
18148
  }); });
18177
- var _q = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
18149
+ var _r = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
18178
18150
  var getNdcActionNames = function (action) {
18179
18151
  switch (action) {
18180
18152
  case NdcActionTypes.Adaptation:
@@ -18356,6 +18328,11 @@ var NdcActionManagementComponent = function (props) {
18356
18328
  response = _a.sent();
18357
18329
  setTableData(response.data);
18358
18330
  setTotalProgramme(response.response.data.total);
18331
+ setDataQuery({
18332
+ filterAnd: filter,
18333
+ filterBy: filterBy,
18334
+ sort: sort,
18335
+ });
18359
18336
  setLoading(false);
18360
18337
  return [3 /*break*/, 4];
18361
18338
  case 3:
@@ -18414,6 +18391,49 @@ var NdcActionManagementComponent = function (props) {
18414
18391
  }
18415
18392
  });
18416
18393
  }); };
18394
+ var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
18395
+ var response, url, a, error_3;
18396
+ return __generator(this, function (_a) {
18397
+ switch (_a.label) {
18398
+ case 0:
18399
+ setLoading(true);
18400
+ _a.label = 1;
18401
+ case 1:
18402
+ _a.trys.push([1, 3, , 4]);
18403
+ return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
18404
+ filterAnd: dataQuery.filterAnd,
18405
+ filterBy: dataQuery.filterBy,
18406
+ sort: dataQuery.sort,
18407
+ })];
18408
+ case 2:
18409
+ response = _a.sent();
18410
+ if (response && response.data) {
18411
+ url = response.data.url;
18412
+ a = document.createElement('a');
18413
+ a.href = url;
18414
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
18415
+ document.body.appendChild(a);
18416
+ a.click();
18417
+ document.body.removeChild(a); // Clean up the created <a> element
18418
+ window.URL.revokeObjectURL(url);
18419
+ }
18420
+ setLoading(false);
18421
+ return [3 /*break*/, 4];
18422
+ case 3:
18423
+ error_3 = _a.sent();
18424
+ console.log("Error in exporting NDC Actions", error_3);
18425
+ message.open({
18426
+ type: "error",
18427
+ content: error_3.message,
18428
+ duration: 3,
18429
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
18430
+ });
18431
+ setLoading(false);
18432
+ return [3 /*break*/, 4];
18433
+ case 4: return [2 /*return*/];
18434
+ }
18435
+ });
18436
+ }); };
18417
18437
  useEffect(function () {
18418
18438
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
18419
18439
  getUserDetails();
@@ -18509,7 +18529,13 @@ var NdcActionManagementComponent = function (props) {
18509
18529
  return e.target.value === ""
18510
18530
  ? setSearch(e.target.value)
18511
18531
  : setSearchText(e.target.value);
18512
- }, onSearch: setSearch, style: { width: 265 } }))))),
18532
+ }, onSearch: setSearch, style: { width: 265 } })),
18533
+ React.createElement("div", { className: "download-data-btn" },
18534
+ React.createElement("a", { onClick: downloadNdcData },
18535
+ React.createElement(DownloadOutlined, { style: {
18536
+ color: "rgba(58, 53, 65, 0.3)",
18537
+ fontSize: "20px",
18538
+ } })))))),
18513
18539
  React.createElement(Row, null,
18514
18540
  React.createElement(Col, { span: 24 },
18515
18541
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -22943,7 +22969,7 @@ var NdcActionViewComponent = function (props) {
22943
22969
  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";
22944
22970
  styleInject(css_248z$e);
22945
22971
 
22946
- 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";
22972
+ 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";
22947
22973
  styleInject(css_248z$d);
22948
22974
 
22949
22975
  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)))};
@@ -23122,6 +23148,7 @@ var CreditTransferComponent = function (props) {
23122
23148
  var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
23123
23149
  var _z = useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
23124
23150
  var _0 = useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
23151
+ var _1 = useState(), dataQuery = _1[0], setDataQuery = _1[1];
23125
23152
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
23126
23153
  return __generator(this, function (_a) {
23127
23154
  console.log(checkedValues);
@@ -23225,6 +23252,12 @@ var CreditTransferComponent = function (props) {
23225
23252
  console.log(response);
23226
23253
  setTableData(response.data);
23227
23254
  setTotalProgramme(response.response.data.total);
23255
+ setDataQuery({
23256
+ filterAnd: filter,
23257
+ filterOr: dataFilter,
23258
+ sort: sort,
23259
+ filterBy: filterBy,
23260
+ });
23228
23261
  setLoading(false);
23229
23262
  return [3 /*break*/, 4];
23230
23263
  case 3:
@@ -23242,8 +23275,53 @@ var CreditTransferComponent = function (props) {
23242
23275
  }
23243
23276
  });
23244
23277
  }); };
23278
+ var downloadTransferData = function () { return __awaiter(void 0, void 0, void 0, function () {
23279
+ var response, url, a, error_2;
23280
+ var _a;
23281
+ return __generator(this, function (_b) {
23282
+ switch (_b.label) {
23283
+ case 0:
23284
+ setLoading(true);
23285
+ _b.label = 1;
23286
+ case 1:
23287
+ _b.trys.push([1, 3, , 4]);
23288
+ return [4 /*yield*/, post("national/programme/transfers/download", {
23289
+ filterAnd: dataQuery.filterAnd,
23290
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
23291
+ sort: dataQuery.sort,
23292
+ filterBy: dataQuery.filterBy,
23293
+ })];
23294
+ case 2:
23295
+ response = _b.sent();
23296
+ if (response && response.data) {
23297
+ url = response.data.url;
23298
+ a = document.createElement('a');
23299
+ a.href = url;
23300
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
23301
+ document.body.appendChild(a);
23302
+ a.click();
23303
+ document.body.removeChild(a); // Clean up the created <a> element
23304
+ window.URL.revokeObjectURL(url);
23305
+ }
23306
+ setLoading(false);
23307
+ return [3 /*break*/, 4];
23308
+ case 3:
23309
+ error_2 = _b.sent();
23310
+ console.log("Error in exporting transfers", error_2);
23311
+ message.open({
23312
+ type: "error",
23313
+ content: error_2.message,
23314
+ duration: 3,
23315
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
23316
+ });
23317
+ setLoading(false);
23318
+ return [3 /*break*/, 4];
23319
+ case 4: return [2 /*return*/];
23320
+ }
23321
+ });
23322
+ }); };
23245
23323
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
23246
- var response, error_2;
23324
+ var response, error_3;
23247
23325
  var _a, _b, _c, _d, _e, _f;
23248
23326
  return __generator(this, function (_g) {
23249
23327
  switch (_g.label) {
@@ -23275,8 +23353,8 @@ var CreditTransferComponent = function (props) {
23275
23353
  setLoading(false);
23276
23354
  return [3 /*break*/, 4];
23277
23355
  case 3:
23278
- error_2 = _g.sent();
23279
- console.log("Error in getting users", error_2);
23356
+ error_3 = _g.sent();
23357
+ console.log("Error in getting users", error_3);
23280
23358
  setLoading(false);
23281
23359
  return [3 /*break*/, 4];
23282
23360
  case 4: return [2 /*return*/];
@@ -23300,7 +23378,7 @@ var CreditTransferComponent = function (props) {
23300
23378
  }
23301
23379
  }, []);
23302
23380
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
23303
- var response, successMsg, error_3;
23381
+ var response, successMsg, error_4;
23304
23382
  return __generator(this, function (_a) {
23305
23383
  switch (_a.label) {
23306
23384
  case 0:
@@ -23330,10 +23408,10 @@ var CreditTransferComponent = function (props) {
23330
23408
  setModalVisible(false);
23331
23409
  return [3 /*break*/, 4];
23332
23410
  case 3:
23333
- error_3 = _a.sent();
23334
- console.log("Error in Cancelling transfer request", error_3);
23411
+ error_4 = _a.sent();
23412
+ console.log("Error in Cancelling transfer request", error_4);
23335
23413
  setLoading(false);
23336
- return [2 /*return*/, error_3.message];
23414
+ return [2 /*return*/, error_4.message];
23337
23415
  case 4: return [2 /*return*/];
23338
23416
  }
23339
23417
  });
@@ -23682,7 +23760,7 @@ var CreditTransferComponent = function (props) {
23682
23760
  ]
23683
23761
  : undefined);
23684
23762
  } }, t("view:seeMine")),
23685
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement(Checkbox, { className: "label", onChange: function (v) {
23763
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement(Checkbox, { className: "label ministry-level-filter-checkbox", onChange: function (v) {
23686
23764
  if (v.target.checked) {
23687
23765
  setMinistryLevelFilter(true);
23688
23766
  }
@@ -23695,7 +23773,13 @@ var CreditTransferComponent = function (props) {
23695
23773
  return e.target.value === ""
23696
23774
  ? setSearch(e.target.value)
23697
23775
  : setSearchText(e.target.value);
23698
- }, onSearch: setSearch, style: { width: 265 } }))))),
23776
+ }, onSearch: setSearch, style: { width: 265 } })),
23777
+ React.createElement("div", { className: "download-data-btn" },
23778
+ React.createElement("a", { onClick: downloadTransferData },
23779
+ React.createElement(DownloadOutlined, { style: {
23780
+ color: "rgba(58, 53, 65, 0.3)",
23781
+ fontSize: "20px",
23782
+ } })))))),
23699
23783
  React.createElement(Row, null,
23700
23784
  React.createElement(Col, { span: 24 },
23701
23785
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -27481,7 +27565,21 @@ var EditableCell = function (_a) {
27481
27565
  }); },
27482
27566
  },
27483
27567
  ] },
27484
- React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27568
+ React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27569
+ {
27570
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
27571
+ var trimValue;
27572
+ return __generator(this, function (_a) {
27573
+ trimValue = typeof value === "string" ? value.trim() : value;
27574
+ if (!trimValue) {
27575
+ throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
27576
+ }
27577
+ return [2 /*return*/];
27578
+ });
27579
+ }); },
27580
+ },
27581
+ ] },
27582
+ React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27485
27583
  {
27486
27584
  validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
27487
27585
  var trimValue;
@@ -27588,11 +27686,13 @@ var NdcDetailsComponent = function (props) {
27588
27686
  : undefined;
27589
27687
  var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
27590
27688
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
27591
- var isMainNdcActionsEditable = !selectedPeriod.finalized &&
27689
+ var isMainNdcActionsEditable = selectedPeriod &&
27690
+ !selectedPeriod.finalized &&
27592
27691
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
27593
27692
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
27594
27693
  var isSubNdcActionsEditable = function (record) {
27595
- return (!selectedPeriod.finalized &&
27694
+ return (selectedPeriod &&
27695
+ !selectedPeriod.finalized &&
27596
27696
  record.status !== NdcDetailsActionStatus.Approved &&
27597
27697
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
27598
27698
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY &&
@@ -27600,7 +27700,8 @@ var NdcDetailsComponent = function (props) {
27600
27700
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
27601
27701
  };
27602
27702
  var checkSubNdcActionCreatePermission = function () {
27603
- return (!selectedPeriod.finalized &&
27703
+ return (selectedPeriod &&
27704
+ !selectedPeriod.finalized &&
27604
27705
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
27605
27706
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
27606
27707
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
@@ -27613,7 +27714,7 @@ var NdcDetailsComponent = function (props) {
27613
27714
  return isSubNdcActionsEditable(record);
27614
27715
  }
27615
27716
  };
27616
- var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
27717
+ var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
27617
27718
  ? ndcActionsList.filter(function (ndcDetail) {
27618
27719
  return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
27619
27720
  ndcDetail.actionType === NdcDetailsActionType.MainAction);
@@ -27629,6 +27730,7 @@ var NdcDetailsComponent = function (props) {
27629
27730
  actionType: NdcDetailsActionType.SubAction,
27630
27731
  nationalPlanObjective: "",
27631
27732
  kpi: "",
27733
+ kpiUnit: "",
27632
27734
  ministryName: loginMinistry,
27633
27735
  status: NdcDetailsActionStatus.New,
27634
27736
  parentActionId: mainActionId,
@@ -27640,6 +27742,7 @@ var NdcDetailsComponent = function (props) {
27640
27742
  form.setFieldsValue({
27641
27743
  nationalPlanObjective: "",
27642
27744
  kpi: "",
27745
+ kpiUnit: "",
27643
27746
  });
27644
27747
  }
27645
27748
  setSubNdcActionsForPeriod(subNdcDetails);
@@ -27681,6 +27784,7 @@ var NdcDetailsComponent = function (props) {
27681
27784
  return [2 /*return*/];
27682
27785
  }
27683
27786
  else if (updatedFields.kpi === row.kpi &&
27787
+ updatedFields.kpiUnit === row.kpiUnit &&
27684
27788
  updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
27685
27789
  ClearEditMode();
27686
27790
  return [2 /*return*/];
@@ -27694,13 +27798,13 @@ var NdcDetailsComponent = function (props) {
27694
27798
  else {
27695
27799
  updatedItem.status = NdcDetailsActionStatus.Pending;
27696
27800
  }
27697
- return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27801
+ return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
27698
27802
  case 5:
27699
27803
  _a.sent();
27700
27804
  return [3 /*break*/, 8];
27701
27805
  case 6:
27702
27806
  updatedItem.status = NdcDetailsActionStatus.Pending;
27703
- return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27807
+ return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
27704
27808
  case 7:
27705
27809
  _a.sent();
27706
27810
  _a.label = 8;
@@ -27725,6 +27829,7 @@ var NdcDetailsComponent = function (props) {
27725
27829
  var actionMenu = function (record) {
27726
27830
  if (record.status === NdcDetailsActionStatus.Pending &&
27727
27831
  isGovernmentUser &&
27832
+ selectedPeriod &&
27728
27833
  !selectedPeriod.finalized) {
27729
27834
  return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
27730
27835
  {
@@ -27784,7 +27889,17 @@ var NdcDetailsComponent = function (props) {
27784
27889
  width: 100,
27785
27890
  editable: true,
27786
27891
  render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpi ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27787
- React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: "Enter Kpi" })))); },
27892
+ React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
27893
+ },
27894
+ {
27895
+ title: t("ndc:ndcColumnsKpiUnit"),
27896
+ dataIndex: "kpiUnit",
27897
+ key: "kpiUnit",
27898
+ align: "left",
27899
+ width: 100,
27900
+ editable: true,
27901
+ render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpiUnit ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27902
+ React.createElement("span", null, record.kpiUnit))) : (React.createElement(Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
27788
27903
  },
27789
27904
  {
27790
27905
  title: t("ndc:ndcColumnsMinistry"),
@@ -27848,6 +27963,7 @@ var NdcDetailsComponent = function (props) {
27848
27963
  form.setFieldsValue({
27849
27964
  nationalPlanObjective: "",
27850
27965
  kpi: "",
27966
+ kpiUnit: "",
27851
27967
  });
27852
27968
  periodId = parseInt(selectedPeriod.key);
27853
27969
  newData_1 = {
@@ -27855,6 +27971,7 @@ var NdcDetailsComponent = function (props) {
27855
27971
  actionType: NdcDetailsActionType.MainAction,
27856
27972
  nationalPlanObjective: "",
27857
27973
  kpi: "",
27974
+ kpiUnit: "",
27858
27975
  ministryName: loginMinistry,
27859
27976
  periodId: periodId,
27860
27977
  status: NdcDetailsActionStatus.New,
@@ -27993,10 +28110,11 @@ var NdcDetailsComponent = function (props) {
27993
28110
  };
27994
28111
  }, footer: function () {
27995
28112
  return isGovernmentUser &&
28113
+ selectedPeriod &&
27996
28114
  !selectedPeriod.finalized && (React.createElement(Row, { justify: "center" },
27997
28115
  React.createElement(Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
27998
28116
  } })))),
27999
- isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
28117
+ isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
28000
28118
  React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
28001
28119
  React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
28002
28120
  React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -28344,10 +28462,12 @@ var NdcDetailsComponent = function (props) {
28344
28462
  React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
28345
28463
  React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
28346
28464
  React.createElement("div", null,
28347
- React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
28348
- React.createElement("div", null, selectedPeriod.key === "add_new"
28349
- ? addNewPeriodContent()
28350
- : mainNdcActionTableContent()),
28465
+ React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
28466
+ React.createElement("div", null, selectedPeriod
28467
+ ? selectedPeriod.key === "add_new"
28468
+ ? addNewPeriodContent()
28469
+ : mainNdcActionTableContent()
28470
+ : ""),
28351
28471
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
28352
28472
  };
28353
28473
 
@@ -28921,8 +29041,8 @@ var ProgrammeTransferForm = function (props) {
28921
29041
  },
28922
29042
  {
28923
29043
  key: "companyRole",
28924
- operation: "!=",
28925
- value: "Certifier",
29044
+ operation: "=",
29045
+ value: CompanyRole.PROGRAMME_DEVELOPER,
28926
29046
  },
28927
29047
  ],
28928
29048
  sort: {
@@ -30106,7 +30226,7 @@ var TimelineBody = function (props) {
30106
30226
  React.createElement("div", { className: "remark-body" }, remark)))));
30107
30227
  };
30108
30228
 
30109
- 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";
30229
+ 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";
30110
30230
  styleInject(css_248z$2);
30111
30231
 
30112
30232
  var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -30560,14 +30680,26 @@ var GHGEmissionsComponent = function (props) {
30560
30680
  var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
30561
30681
  var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
30562
30682
  var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
30563
- var _20 = useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
30564
- var _21 = useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
30565
- var _22 = useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
30566
- var _23 = useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
30567
- var _24 = useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
30568
- var _25 = useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
30569
- var _26 = useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
30570
- var _27 = useState({}), actionInfo = _27[0], setActionInfo = _27[1];
30683
+ var _20 = useState({
30684
+ totalCo2WithoutLand_ch4: 0,
30685
+ totalCo2WithoutLand_co2: 0,
30686
+ totalCo2WithoutLand_n2o: 0,
30687
+ totalCo2WithoutLand_co2eq: 0
30688
+ }); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
30689
+ var _21 = useState({
30690
+ totalCo2WithLand_ch4: 0,
30691
+ totalCo2WithLand_co2: 0,
30692
+ totalCo2WithLand_n2o: 0,
30693
+ totalCo2WithLand_co2eq: 0
30694
+ }); _21[0]; _21[1];
30695
+ var _22 = useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
30696
+ var _23 = useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
30697
+ var _24 = useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
30698
+ var _25 = useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
30699
+ var _26 = useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
30700
+ var _27 = useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
30701
+ var _28 = useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
30702
+ var _29 = useState({}), actionInfo = _29[0], setActionInfo = _29[1];
30571
30703
  var Panel = Collapse.Panel;
30572
30704
  var form = Form.useForm()[0];
30573
30705
  var createSetFieldObject = function (obj, objName) {
@@ -31722,19 +31854,35 @@ var GHGEmissionsComponent = function (props) {
31722
31854
  return 0;
31723
31855
  }
31724
31856
  };
31857
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
31858
+ setTotalCo2WithoutLandEmissions(function (prevState) {
31859
+ var _a;
31860
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
31861
+ });
31862
+ };
31863
+ // Helper function to get form field value
31864
+ var getFieldValue = function (fieldName) {
31865
+ var formValues = form.getFieldsValue(true);
31866
+ var fieldValue = formValues[fieldName];
31867
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
31868
+ };
31725
31869
  var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
31726
31870
  React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
31727
31871
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
31728
31872
  React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
31729
31873
  React.createElement(Row, { gutter: 16 },
31730
31874
  React.createElement(Col, { xl: 6 },
31731
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading))))),
31875
+ React.createElement(Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
31876
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
31732
31877
  React.createElement(Col, { xl: 6 },
31733
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading))))),
31878
+ React.createElement(Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
31879
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
31734
31880
  React.createElement(Col, { xl: 6 },
31735
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading))))),
31881
+ React.createElement(Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
31882
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
31736
31883
  React.createElement(Col, { xl: 6 },
31737
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading))))))))); };
31884
+ React.createElement(Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
31885
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
31738
31886
  var renderPanelHeaderView = function (panelHeading, tabData) {
31739
31887
  var emissionsObject = tabData[panelHeading];
31740
31888
  return (React.createElement(Row, { gutter: 16 },
@@ -31743,13 +31891,17 @@ var GHGEmissionsComponent = function (props) {
31743
31891
  React.createElement(Col, { xl: 9, md: 9 },
31744
31892
  React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
31745
31893
  React.createElement(Col, { xl: 6 },
31746
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))))),
31894
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31895
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
31747
31896
  React.createElement(Col, { xl: 6 },
31748
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4'))))),
31897
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31898
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
31749
31899
  React.createElement(Col, { xl: 6 },
31750
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o'))))),
31900
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31901
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
31751
31902
  React.createElement(Col, { xl: 6 },
31752
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq')))))))));
31903
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31904
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
31753
31905
  };
31754
31906
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
31755
31907
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31757,61 +31909,65 @@ var GHGEmissionsComponent = function (props) {
31757
31909
  React.createElement(Col, { xl: 9, md: 9 },
31758
31910
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
31759
31911
  React.createElement(Col, { xl: 6 },
31760
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31761
- {
31762
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31763
- return __generator(this, function (_a) {
31764
- if (value && value < 0) {
31765
- throw new Error();
31766
- }
31767
- return [2 /*return*/];
31768
- });
31769
- }); },
31770
- },
31771
- ] },
31772
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31912
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
31913
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31914
+ {
31915
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31916
+ return __generator(this, function (_a) {
31917
+ if (value && value < 0) {
31918
+ throw new Error();
31919
+ }
31920
+ return [2 /*return*/];
31921
+ });
31922
+ }); },
31923
+ },
31924
+ ] },
31925
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31773
31926
  React.createElement(Col, { xl: 6 },
31774
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31775
- {
31776
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31777
- return __generator(this, function (_a) {
31778
- if (value && value < 0) {
31779
- throw new Error();
31780
- }
31781
- return [2 /*return*/];
31782
- });
31783
- }); },
31784
- },
31785
- ] },
31786
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31927
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
31928
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31929
+ {
31930
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31931
+ return __generator(this, function (_a) {
31932
+ if (value && value < 0) {
31933
+ throw new Error();
31934
+ }
31935
+ return [2 /*return*/];
31936
+ });
31937
+ }); },
31938
+ },
31939
+ ] },
31940
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31787
31941
  React.createElement(Col, { xl: 6 },
31788
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31789
- {
31790
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31791
- return __generator(this, function (_a) {
31792
- if (value && value < 0) {
31793
- throw new Error();
31794
- }
31795
- return [2 /*return*/];
31796
- });
31797
- }); },
31798
- },
31799
- ] },
31800
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31942
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
31943
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31944
+ {
31945
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31946
+ return __generator(this, function (_a) {
31947
+ if (value && value < 0) {
31948
+ throw new Error();
31949
+ }
31950
+ return [2 /*return*/];
31951
+ });
31952
+ }); },
31953
+ },
31954
+ ] },
31955
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31801
31956
  React.createElement(Col, { xl: 6 },
31802
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31803
- {
31804
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31805
- return __generator(this, function (_a) {
31806
- if (value && value < 0) {
31807
- throw new Error();
31808
- }
31809
- return [2 /*return*/];
31810
- });
31811
- }); },
31812
- },
31813
- ] },
31814
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))); };
31957
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
31958
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31959
+ {
31960
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31961
+ return __generator(this, function (_a) {
31962
+ if (value && value < 0) {
31963
+ throw new Error();
31964
+ }
31965
+ return [2 /*return*/];
31966
+ });
31967
+ }); },
31968
+ },
31969
+ ] },
31970
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
31815
31971
  var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
31816
31972
  return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
31817
31973
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31819,13 +31975,21 @@ var GHGEmissionsComponent = function (props) {
31819
31975
  React.createElement(Col, { xl: 9, md: 9 },
31820
31976
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
31821
31977
  React.createElement(Col, { xl: 6 },
31822
- React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })),
31978
+ React.createElement(Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
31979
+ React.createElement("div", null,
31980
+ React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
31823
31981
  React.createElement(Col, { xl: 6 },
31824
- React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })),
31982
+ React.createElement(Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
31983
+ React.createElement("div", null,
31984
+ React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
31825
31985
  React.createElement(Col, { xl: 6 },
31826
- React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })),
31986
+ React.createElement(Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
31987
+ React.createElement("div", null,
31988
+ React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
31827
31989
  React.createElement(Col, { xl: 6 },
31828
- React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))));
31990
+ React.createElement(Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
31991
+ React.createElement("div", null,
31992
+ React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
31829
31993
  };
31830
31994
  var objectToCSV = function (dataToDownload) {
31831
31995
  var flattenObject = function (obj, prefix) {
@@ -31896,6 +32060,17 @@ var GHGEmissionsComponent = function (props) {
31896
32060
  }
31897
32061
  return false;
31898
32062
  };
32063
+ var displayEmptyView = function () {
32064
+ if (!data || data.length === 0) {
32065
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
32066
+ return true;
32067
+ }
32068
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
32069
+ return true;
32070
+ }
32071
+ }
32072
+ return false;
32073
+ };
31899
32074
  var canViewForm = function () {
31900
32075
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
31901
32076
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -31913,7 +32088,9 @@ var GHGEmissionsComponent = function (props) {
31913
32088
  React.createElement("div", { className: "title-bar" },
31914
32089
  React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
31915
32090
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
31916
- React.createElement("div", { className: "content-card add-emission" },
32091
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
32092
+ React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
32093
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
31917
32094
  React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
31918
32095
  (canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
31919
32096
  React.createElement("div", null,
@@ -32018,13 +32195,17 @@ var GHGEmissionsComponent = function (props) {
32018
32195
  React.createElement(Col, { xl: 9, md: 9 },
32019
32196
  React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
32020
32197
  React.createElement(Col, { xl: 6 },
32021
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2)))),
32198
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
32199
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
32022
32200
  React.createElement(Col, { xl: 6 },
32023
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4)))),
32201
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
32202
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
32024
32203
  React.createElement(Col, { xl: 6 },
32025
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o)))),
32204
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
32205
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
32026
32206
  React.createElement(Col, { xl: 6 },
32027
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq))))))),
32207
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
32208
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
32028
32209
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
32029
32210
  var isActive = _a.isActive;
32030
32211
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -32049,122 +32230,130 @@ var GHGEmissionsComponent = function (props) {
32049
32230
  React.createElement(Col, { xl: 9, md: 9 },
32050
32231
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32051
32232
  React.createElement(Col, { xl: 6 },
32052
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
32053
- {
32054
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32055
- return __generator(this, function (_a) {
32056
- if (value && value < 0) {
32057
- throw new Error();
32058
- }
32059
- return [2 /*return*/];
32060
- });
32061
- }); },
32062
- },
32063
- ] },
32064
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32233
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
32234
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
32235
+ {
32236
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32237
+ return __generator(this, function (_a) {
32238
+ if (value && value < 0) {
32239
+ throw new Error();
32240
+ }
32241
+ return [2 /*return*/];
32242
+ });
32243
+ }); },
32244
+ },
32245
+ ] },
32246
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32065
32247
  React.createElement(Col, { xl: 6 },
32066
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
32067
- {
32068
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32069
- return __generator(this, function (_a) {
32070
- if (value && value < 0) {
32071
- throw new Error();
32072
- }
32073
- return [2 /*return*/];
32074
- });
32075
- }); },
32076
- },
32077
- ] },
32078
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32248
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
32249
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
32250
+ {
32251
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32252
+ return __generator(this, function (_a) {
32253
+ if (value && value < 0) {
32254
+ throw new Error();
32255
+ }
32256
+ return [2 /*return*/];
32257
+ });
32258
+ }); },
32259
+ },
32260
+ ] },
32261
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32079
32262
  React.createElement(Col, { xl: 6 },
32080
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
32081
- {
32082
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32083
- return __generator(this, function (_a) {
32084
- if (value && value < 0) {
32085
- throw new Error();
32086
- }
32087
- return [2 /*return*/];
32088
- });
32089
- }); },
32090
- },
32091
- ] },
32092
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32263
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
32264
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
32265
+ {
32266
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32267
+ return __generator(this, function (_a) {
32268
+ if (value && value < 0) {
32269
+ throw new Error();
32270
+ }
32271
+ return [2 /*return*/];
32272
+ });
32273
+ }); },
32274
+ },
32275
+ ] },
32276
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32093
32277
  React.createElement(Col, { xl: 6 },
32094
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
32095
- {
32096
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32097
- return __generator(this, function (_a) {
32098
- if (value && value < 0) {
32099
- throw new Error();
32100
- }
32101
- return [2 /*return*/];
32102
- });
32103
- }); },
32104
- },
32105
- ] },
32106
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
32278
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
32279
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
32280
+ {
32281
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32282
+ return __generator(this, function (_a) {
32283
+ if (value && value < 0) {
32284
+ throw new Error();
32285
+ }
32286
+ return [2 /*return*/];
32287
+ });
32288
+ }); },
32289
+ },
32290
+ ] },
32291
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
32107
32292
  React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
32108
32293
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
32109
32294
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
32110
32295
  React.createElement(Col, { xl: 9, md: 9 },
32111
32296
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32112
32297
  React.createElement(Col, { xl: 6 },
32113
- React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
32114
- {
32115
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32116
- return __generator(this, function (_a) {
32117
- if (value && value < 0) {
32118
- throw new Error();
32119
- }
32120
- return [2 /*return*/];
32121
- });
32122
- }); },
32123
- },
32124
- ] },
32125
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32298
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
32299
+ React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
32300
+ {
32301
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32302
+ return __generator(this, function (_a) {
32303
+ if (value && value < 0) {
32304
+ throw new Error();
32305
+ }
32306
+ return [2 /*return*/];
32307
+ });
32308
+ }); },
32309
+ },
32310
+ ] },
32311
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32126
32312
  React.createElement(Col, { xl: 6 },
32127
- React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
32128
- {
32129
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32130
- return __generator(this, function (_a) {
32131
- if (value && value < 0) {
32132
- throw new Error();
32133
- }
32134
- return [2 /*return*/];
32135
- });
32136
- }); },
32137
- },
32138
- ] },
32139
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32313
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
32314
+ React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
32315
+ {
32316
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32317
+ return __generator(this, function (_a) {
32318
+ if (value && value < 0) {
32319
+ throw new Error();
32320
+ }
32321
+ return [2 /*return*/];
32322
+ });
32323
+ }); },
32324
+ },
32325
+ ] },
32326
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32140
32327
  React.createElement(Col, { xl: 6 },
32141
- React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
32142
- {
32143
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32144
- return __generator(this, function (_a) {
32145
- if (value && value < 0) {
32146
- throw new Error();
32147
- }
32148
- return [2 /*return*/];
32149
- });
32150
- }); },
32151
- },
32152
- ] },
32153
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32328
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
32329
+ React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
32330
+ {
32331
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32332
+ return __generator(this, function (_a) {
32333
+ if (value && value < 0) {
32334
+ throw new Error();
32335
+ }
32336
+ return [2 /*return*/];
32337
+ });
32338
+ }); },
32339
+ },
32340
+ ] },
32341
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32154
32342
  React.createElement(Col, { xl: 6 },
32155
- React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
32156
- {
32157
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32158
- return __generator(this, function (_a) {
32159
- if (value && value < 0) {
32160
- throw new Error();
32161
- }
32162
- return [2 /*return*/];
32163
- });
32164
- }); },
32165
- },
32166
- ] },
32167
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
32343
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
32344
+ React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
32345
+ {
32346
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32347
+ return __generator(this, function (_a) {
32348
+ if (value && value < 0) {
32349
+ throw new Error();
32350
+ }
32351
+ return [2 /*return*/];
32352
+ });
32353
+ }); },
32354
+ },
32355
+ ] },
32356
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
32168
32357
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
32169
32358
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
32170
32359
  (React.createElement("div", { className: "steps-actions" },
@@ -32173,7 +32362,7 @@ var GHGEmissionsComponent = function (props) {
32173
32362
  React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
32174
32363
  React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
32175
32364
  data.map(function (tabData) {
32176
- 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;
32365
+ 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;
32177
32366
  return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
32178
32367
  tabData.year,
32179
32368
  tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
@@ -32213,13 +32402,17 @@ var GHGEmissionsComponent = function (props) {
32213
32402
  React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
32214
32403
  React.createElement(Row, { gutter: 16 },
32215
32404
  React.createElement(Col, { xl: 6 },
32216
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))))),
32405
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
32406
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
32217
32407
  React.createElement(Col, { xl: 6 },
32218
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))))),
32408
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
32409
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
32219
32410
  React.createElement(Col, { xl: 6 },
32220
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))))),
32411
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
32412
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
32221
32413
  React.createElement(Col, { xl: 6 },
32222
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq')))))))),
32414
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
32415
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
32223
32416
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
32224
32417
  var isActive = _a.isActive;
32225
32418
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -32274,49 +32467,81 @@ var GHGEmissionsComponent = function (props) {
32274
32467
  React.createElement(Col, { xl: 9, md: 9 },
32275
32468
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32276
32469
  React.createElement(Col, { xl: 6 },
32277
- React.createElement(InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
32470
+ React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
32278
32471
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
32279
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2, disabled: true })),
32472
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
32473
+ React.createElement("div", null,
32474
+ React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
32475
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
32476
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
32280
32477
  React.createElement(Col, { xl: 6 },
32281
- React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
32282
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
32283
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
32478
+ React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
32479
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
32480
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
32481
+ React.createElement("div", null,
32482
+ React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
32483
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
32484
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
32284
32485
  React.createElement(Col, { xl: 6 },
32285
- React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
32286
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
32287
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.n2o, disabled: true })),
32486
+ React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
32487
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
32488
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
32489
+ React.createElement("div", null,
32490
+ React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
32491
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
32492
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
32288
32493
  React.createElement(Col, { xl: 6 },
32289
- React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
32290
- ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
32291
- : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.co2eq, disabled: true })))))),
32494
+ React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
32495
+ ? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
32496
+ : (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
32497
+ React.createElement("div", null,
32498
+ React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
32499
+ ? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
32500
+ : (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
32292
32501
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
32293
32502
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
32294
32503
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
32295
32504
  React.createElement(Col, { xl: 9, md: 9 },
32296
32505
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32297
32506
  React.createElement(Col, { xl: 6 },
32298
- React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
32299
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
32300
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.co2, disabled: true })),
32507
+ React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
32508
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
32509
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
32510
+ React.createElement("div", null,
32511
+ React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
32512
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
32513
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
32301
32514
  React.createElement(Col, { xl: 6 },
32302
- React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
32303
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
32304
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.ch4, disabled: true })),
32515
+ React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
32516
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
32517
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
32518
+ React.createElement("div", null,
32519
+ React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
32520
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
32521
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
32305
32522
  React.createElement(Col, { xl: 6 },
32306
- React.createElement(InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
32307
- ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
32308
- : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.n2o, disabled: true })),
32523
+ React.createElement(Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
32524
+ ? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
32525
+ : (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
32526
+ React.createElement("div", null,
32527
+ React.createElement(InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
32528
+ ? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
32529
+ : (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
32309
32530
  React.createElement(Col, { xl: 6 },
32310
- React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
32311
- ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
32312
- : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
32313
- })))),
32531
+ React.createElement(Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
32532
+ ? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
32533
+ : (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
32534
+ React.createElement("div", null,
32535
+ React.createElement(InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
32536
+ ? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
32537
+ : (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
32538
+ }))))),
32314
32539
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
32315
32540
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
32316
32541
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
32317
32542
  };
32318
32543
 
32319
- 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";
32544
+ 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";
32320
32545
  styleInject(css_248z$1);
32321
32546
 
32322
32547
  var ProjectionTypes = {
@@ -32363,14 +32588,24 @@ var GHGProjectionsComponent = function (props) {
32363
32588
  var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
32364
32589
  var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
32365
32590
  var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
32366
- var _11 = useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
32367
- var _12 = useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
32368
- var _13 = useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
32369
- var _14 = useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
32370
- var _15 = useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
32371
- var _16 = useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
32372
- var _17 = useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
32373
- var _18 = useState({}), actionInfo = _18[0], setActionInfo = _18[1];
32591
+ var _11 = useState({
32592
+ totalCo2WithoutLand_bau: 0,
32593
+ totalCo2WithoutLand_conditionalNdc: 0,
32594
+ totalCo2WithoutLand_unconditionalNdc: 0
32595
+ }); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
32596
+ var _12 = useState({
32597
+ totalCo2WithLand_bau: 0,
32598
+ totalCo2WithLand_conditionalNdc: 0,
32599
+ totalCo2WithLand_unconditionalNdc: 0
32600
+ }); _12[0]; _12[1];
32601
+ var _13 = useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
32602
+ var _14 = useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
32603
+ var _15 = useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
32604
+ var _16 = useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
32605
+ var _17 = useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
32606
+ var _18 = useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
32607
+ var _19 = useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
32608
+ var _20 = useState({}), actionInfo = _20[0], setActionInfo = _20[1];
32374
32609
  var Panel = Collapse.Panel;
32375
32610
  var form = Form.useForm()[0];
32376
32611
  var createSetFieldObject = function (obj, objName) {
@@ -33394,17 +33629,32 @@ var GHGProjectionsComponent = function (props) {
33394
33629
  }
33395
33630
  return 0;
33396
33631
  };
33632
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
33633
+ setTotalCo2WithoutLandEmissions(function (prevState) {
33634
+ var _a;
33635
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
33636
+ });
33637
+ };
33638
+ // Helper function to get form field value
33639
+ var getFieldValue = function (fieldName) {
33640
+ var formValues = form.getFieldsValue(true);
33641
+ var fieldValue = formValues[fieldName];
33642
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
33643
+ };
33397
33644
  var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
33398
33645
  React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
33399
33646
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
33400
33647
  React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
33401
33648
  React.createElement(Row, { gutter: 16 },
33402
33649
  React.createElement(Col, { xl: 7 },
33403
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading))))),
33650
+ React.createElement(Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
33651
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
33404
33652
  React.createElement(Col, { xl: 7 },
33405
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading))))),
33653
+ React.createElement(Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
33654
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
33406
33655
  React.createElement(Col, { xl: 7 },
33407
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading))))))))); };
33656
+ React.createElement(Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
33657
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
33408
33658
  var renderPanelHeaderView = function (panelHeading, tabData) {
33409
33659
  var projectionObject = tabData[panelHeading];
33410
33660
  return (React.createElement(Row, { gutter: 16 },
@@ -33413,11 +33663,14 @@ var GHGProjectionsComponent = function (props) {
33413
33663
  React.createElement(Col, { xl: 9, md: 9 },
33414
33664
  React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
33415
33665
  React.createElement(Col, { xl: 7 },
33416
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))))),
33666
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
33667
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
33417
33668
  React.createElement(Col, { xl: 7 },
33418
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))))),
33669
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
33670
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
33419
33671
  React.createElement(Col, { xl: 7 },
33420
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc')))))))));
33672
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
33673
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
33421
33674
  };
33422
33675
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
33423
33676
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -33425,47 +33678,50 @@ var GHGProjectionsComponent = function (props) {
33425
33678
  React.createElement(Col, { xl: 9, md: 9 },
33426
33679
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
33427
33680
  React.createElement(Col, { xl: 7 },
33428
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
33429
- {
33430
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33431
- return __generator(this, function (_a) {
33432
- if (value && value < 0) {
33433
- throw new Error();
33434
- }
33435
- return [2 /*return*/];
33436
- });
33437
- }); },
33438
- },
33439
- ] },
33440
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33681
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
33682
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
33683
+ {
33684
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33685
+ return __generator(this, function (_a) {
33686
+ if (value && value < 0) {
33687
+ throw new Error();
33688
+ }
33689
+ return [2 /*return*/];
33690
+ });
33691
+ }); },
33692
+ },
33693
+ ] },
33694
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
33441
33695
  React.createElement(Col, { xl: 7 },
33442
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
33443
- {
33444
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33445
- return __generator(this, function (_a) {
33446
- if (value && value < 0) {
33447
- throw new Error();
33448
- }
33449
- return [2 /*return*/];
33450
- });
33451
- }); },
33452
- },
33453
- ] },
33454
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33696
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
33697
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
33698
+ {
33699
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33700
+ return __generator(this, function (_a) {
33701
+ if (value && value < 0) {
33702
+ throw new Error();
33703
+ }
33704
+ return [2 /*return*/];
33705
+ });
33706
+ }); },
33707
+ },
33708
+ ] },
33709
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
33455
33710
  React.createElement(Col, { xl: 7 },
33456
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
33457
- {
33458
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33459
- return __generator(this, function (_a) {
33460
- if (value && value < 0) {
33461
- throw new Error();
33462
- }
33463
- return [2 /*return*/];
33464
- });
33465
- }); },
33466
- },
33467
- ] },
33468
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))); };
33711
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
33712
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
33713
+ {
33714
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33715
+ return __generator(this, function (_a) {
33716
+ if (value && value < 0) {
33717
+ throw new Error();
33718
+ }
33719
+ return [2 /*return*/];
33720
+ });
33721
+ }); },
33722
+ },
33723
+ ] },
33724
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
33469
33725
  var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
33470
33726
  return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
33471
33727
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -33473,11 +33729,17 @@ var GHGProjectionsComponent = function (props) {
33473
33729
  React.createElement(Col, { xl: 9, md: 9 },
33474
33730
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
33475
33731
  React.createElement(Col, { xl: 7 },
33476
- React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })),
33732
+ React.createElement(Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
33733
+ React.createElement("div", null,
33734
+ React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
33477
33735
  React.createElement(Col, { xl: 7 },
33478
- React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })),
33736
+ React.createElement(Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
33737
+ React.createElement("div", null,
33738
+ React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
33479
33739
  React.createElement(Col, { xl: 7 },
33480
- React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))));
33740
+ React.createElement(Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
33741
+ React.createElement("div", null,
33742
+ React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
33481
33743
  };
33482
33744
  var objectToCSV = function (dataToDownload) {
33483
33745
  var flattenObject = function (obj, prefix) {
@@ -33546,6 +33808,17 @@ var GHGProjectionsComponent = function (props) {
33546
33808
  }
33547
33809
  return false;
33548
33810
  };
33811
+ var displayEmptyView = function () {
33812
+ if (!data || data.length === 0) {
33813
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
33814
+ return true;
33815
+ }
33816
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
33817
+ return true;
33818
+ }
33819
+ }
33820
+ return false;
33821
+ };
33549
33822
  var canViewForm = function () {
33550
33823
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
33551
33824
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -33563,7 +33836,9 @@ var GHGProjectionsComponent = function (props) {
33563
33836
  React.createElement("div", { className: "title-bar" },
33564
33837
  React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
33565
33838
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
33566
- React.createElement("div", { className: "content-card add-projection" },
33839
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
33840
+ React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
33841
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
33567
33842
  React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
33568
33843
  (canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
33569
33844
  React.createElement("div", null,
@@ -33656,11 +33931,14 @@ var GHGProjectionsComponent = function (props) {
33656
33931
  React.createElement(Col, { xl: 9, md: 9 },
33657
33932
  React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
33658
33933
  React.createElement(Col, { xl: 7 },
33659
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau)))),
33934
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalBau)) },
33935
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
33660
33936
  React.createElement(Col, { xl: 7 },
33661
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc)))),
33937
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
33938
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
33662
33939
  React.createElement(Col, { xl: 7 },
33663
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc))))))),
33940
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
33941
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
33664
33942
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
33665
33943
  var isActive = _a.isActive;
33666
33944
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -33687,94 +33965,100 @@ var GHGProjectionsComponent = function (props) {
33687
33965
  React.createElement(Col, { xl: 9, md: 9 },
33688
33966
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33689
33967
  React.createElement(Col, { xl: 7 },
33690
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33691
- {
33692
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33693
- return __generator(this, function (_a) {
33694
- if (value && value < 0) {
33695
- throw new Error();
33696
- }
33697
- return [2 /*return*/];
33698
- });
33699
- }); },
33700
- },
33701
- ] },
33702
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33968
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
33969
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33970
+ {
33971
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33972
+ return __generator(this, function (_a) {
33973
+ if (value && value < 0) {
33974
+ throw new Error();
33975
+ }
33976
+ return [2 /*return*/];
33977
+ });
33978
+ }); },
33979
+ },
33980
+ ] },
33981
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
33703
33982
  React.createElement(Col, { xl: 7 },
33704
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33705
- {
33706
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33707
- return __generator(this, function (_a) {
33708
- if (value && value < 0) {
33709
- throw new Error();
33710
- }
33711
- return [2 /*return*/];
33712
- });
33713
- }); },
33714
- },
33715
- ] },
33716
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33983
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
33984
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33985
+ {
33986
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33987
+ return __generator(this, function (_a) {
33988
+ if (value && value < 0) {
33989
+ throw new Error();
33990
+ }
33991
+ return [2 /*return*/];
33992
+ });
33993
+ }); },
33994
+ },
33995
+ ] },
33996
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
33717
33997
  React.createElement(Col, { xl: 7 },
33718
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", 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(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
33998
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
33999
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
34000
+ {
34001
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34002
+ return __generator(this, function (_a) {
34003
+ if (value && value < 0) {
34004
+ throw new Error();
34005
+ }
34006
+ return [2 /*return*/];
34007
+ });
34008
+ }); },
34009
+ },
34010
+ ] },
34011
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
33731
34012
  React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
33732
34013
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33733
34014
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33734
34015
  React.createElement(Col, { xl: 9, md: 9 },
33735
34016
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33736
34017
  React.createElement(Col, { xl: 7 },
33737
- React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
33738
- {
33739
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33740
- return __generator(this, function (_a) {
33741
- if (value && value < 0) {
33742
- throw new Error();
33743
- }
33744
- return [2 /*return*/];
33745
- });
33746
- }); },
33747
- },
33748
- ] },
33749
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
34018
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
34019
+ React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
34020
+ {
34021
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34022
+ return __generator(this, function (_a) {
34023
+ if (value && value < 0) {
34024
+ throw new Error();
34025
+ }
34026
+ return [2 /*return*/];
34027
+ });
34028
+ }); },
34029
+ },
34030
+ ] },
34031
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
33750
34032
  React.createElement(Col, { xl: 7 },
33751
- React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33752
- {
33753
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33754
- return __generator(this, function (_a) {
33755
- if (value && value < 0) {
33756
- throw new Error();
33757
- }
33758
- return [2 /*return*/];
33759
- });
33760
- }); },
33761
- },
33762
- ] },
33763
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
34033
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
34034
+ React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
34035
+ {
34036
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34037
+ return __generator(this, function (_a) {
34038
+ if (value && value < 0) {
34039
+ throw new Error();
34040
+ }
34041
+ return [2 /*return*/];
34042
+ });
34043
+ }); },
34044
+ },
34045
+ ] },
34046
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
33764
34047
  React.createElement(Col, { xl: 7 },
33765
- React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33766
- {
33767
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33768
- return __generator(this, function (_a) {
33769
- if (value && value < 0) {
33770
- throw new Error();
33771
- }
33772
- return [2 /*return*/];
33773
- });
33774
- }); },
33775
- },
33776
- ] },
33777
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
34048
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
34049
+ React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
34050
+ {
34051
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34052
+ return __generator(this, function (_a) {
34053
+ if (value && value < 0) {
34054
+ throw new Error();
34055
+ }
34056
+ return [2 /*return*/];
34057
+ });
34058
+ }); },
34059
+ },
34060
+ ] },
34061
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
33778
34062
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
33779
34063
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
33780
34064
  (React.createElement("div", { className: "steps-actions" },
@@ -33783,7 +34067,7 @@ var GHGProjectionsComponent = function (props) {
33783
34067
  React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
33784
34068
  React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
33785
34069
  data.map(function (tabData) {
33786
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
34070
+ 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;
33787
34071
  return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
33788
34072
  tabData.year,
33789
34073
  tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
@@ -33816,11 +34100,14 @@ var GHGProjectionsComponent = function (props) {
33816
34100
  React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
33817
34101
  React.createElement(Row, { gutter: 16 },
33818
34102
  React.createElement(Col, { xl: 7 },
33819
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))))),
34103
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
34104
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
33820
34105
  React.createElement(Col, { xl: 7 },
33821
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))))),
34106
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
34107
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
33822
34108
  React.createElement(Col, { xl: 7 },
33823
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc')))))))),
34109
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
34110
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
33824
34111
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
33825
34112
  var isActive = _a.isActive;
33826
34113
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -33873,41 +34160,65 @@ var GHGProjectionsComponent = function (props) {
33873
34160
  React.createElement(Col, { xl: 9, md: 9 },
33874
34161
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33875
34162
  React.createElement(Col, { xl: 7 },
33876
- React.createElement(InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
34163
+ React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33877
34164
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
33878
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau, disabled: true })),
34165
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
34166
+ React.createElement("div", null,
34167
+ React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
34168
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
34169
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
33879
34170
  React.createElement(Col, { xl: 7 },
33880
- React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
33881
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
33882
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.conditionalNdc, disabled: true })),
34171
+ React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
34172
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
34173
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
34174
+ React.createElement("div", null,
34175
+ React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
34176
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
34177
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
33883
34178
  React.createElement(Col, { xl: 7 },
33884
- React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
33885
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
33886
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.unconditionalNdc, disabled: true })))))),
34179
+ React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
34180
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
34181
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
34182
+ React.createElement("div", null,
34183
+ React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
34184
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
34185
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
33887
34186
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
33888
34187
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33889
34188
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33890
34189
  React.createElement(Col, { xl: 9, md: 9 },
33891
34190
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
33892
34191
  React.createElement(Col, { xl: 7 },
33893
- React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
33894
- ? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
33895
- : (_m = tabData.totalCo2WithLand) === null || _m === void 0 ? void 0 : _m.bau, disabled: true })),
34192
+ React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
34193
+ ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
34194
+ : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
34195
+ React.createElement("div", null,
34196
+ React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
34197
+ ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
34198
+ : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
33896
34199
  React.createElement(Col, { xl: 7 },
33897
- React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
33898
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
33899
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.conditionalNdc, disabled: true })),
34200
+ React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
34201
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
34202
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
34203
+ React.createElement("div", null,
34204
+ React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
34205
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
34206
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
33900
34207
  React.createElement(Col, { xl: 7 },
33901
- React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33902
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33903
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
33904
- })))),
34208
+ React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
34209
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
34210
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
34211
+ React.createElement("div", null,
34212
+ React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
34213
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
34214
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
34215
+ }))))),
33905
34216
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
33906
34217
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
33907
34218
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
33908
34219
  };
33909
34220
 
33910
- 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";
34221
+ 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";
33911
34222
  styleInject(css_248z);
33912
34223
 
33913
34224
  var BarChartEstimatedActualStatComponent = function (props) {
@@ -34088,7 +34399,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
34088
34399
  position: 'bottom',
34089
34400
  horizontalAlign: 'center',
34090
34401
  floating: false,
34091
- fontSize: '12px',
34402
+ fontSize: '14px',
34092
34403
  fontFamily: 'Inter',
34093
34404
  fontWeight: 400,
34094
34405
  formatter: undefined,
@@ -34104,12 +34415,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
34104
34415
  useSeriesColors: false,
34105
34416
  },
34106
34417
  markers: {
34107
- width: 8,
34108
- height: 8,
34418
+ width: 12,
34419
+ height: 12,
34109
34420
  strokeWidth: 0,
34110
34421
  strokeColor: '#fff',
34111
34422
  fillColors: chartColors,
34112
- radius: 0,
34423
+ radius: 12,
34113
34424
  customHTML: undefined,
34114
34425
  onClick: undefined,
34115
34426
  offsetX: 0,
@@ -34309,7 +34620,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
34309
34620
  ],
34310
34621
  xaxis: {
34311
34622
  title: {
34312
- text: '',
34623
+ text: 'Year',
34313
34624
  style: {
34314
34625
  color: '#263238',
34315
34626
  fontSize: '12px',
@@ -34394,12 +34705,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
34394
34705
  useSeriesColors: false,
34395
34706
  },
34396
34707
  markers: {
34397
- width: [16, 16, 16, 33],
34398
- height: [16, 16, 16, 2],
34708
+ width: [12, 12, 12, 33],
34709
+ height: [12, 12, 12, 2],
34399
34710
  strokeWidth: 0,
34400
34711
  strokeColor: '#fff',
34401
34712
  fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
34402
- radius: 0,
34713
+ radius: 12,
34403
34714
  customHTML: undefined,
34404
34715
  onClick: undefined,
34405
34716
  offsetX: 0,
@@ -34439,7 +34750,6 @@ var GHGDashboardComponent = function (props) {
34439
34750
  [GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
34440
34751
  [GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
34441
34752
  ];
34442
- var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
34443
34753
  var handleResize = function () {
34444
34754
  setScreenWidth(window.innerWidth);
34445
34755
  };
@@ -34584,7 +34894,7 @@ var GHGDashboardComponent = function (props) {
34584
34894
  aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
34585
34895
  configs: {
34586
34896
  title: t('emissionsBySectorTitle'),
34587
- tooltip: t('emissionsBySectorTT' + TTSuffix),
34897
+ tooltip: t('emissionsBySectorTT'),
34588
34898
  colors: colors,
34589
34899
  chartColumnWidth: 12,
34590
34900
  chartWidth: 490,
@@ -34599,7 +34909,7 @@ var GHGDashboardComponent = function (props) {
34599
34909
  aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
34600
34910
  configs: {
34601
34911
  title: t('emissionsByGasTitle'),
34602
- tooltip: t('emissionsByGasTT' + TTSuffix),
34912
+ tooltip: t('emissionsByGasTT'),
34603
34913
  colors: colors,
34604
34914
  chartColumnWidth: 12,
34605
34915
  chartWidth: 490,
@@ -34613,7 +34923,7 @@ var GHGDashboardComponent = function (props) {
34613
34923
  aggType: GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
34614
34924
  configs: {
34615
34925
  title: t('emissionsMitigationPotentialBySectorTitle'),
34616
- tooltip: t('emissionsMitigationPotentialBySectorTT' + TTSuffix),
34926
+ tooltip: t('emissionsMitigationPotentialBySectorTT'),
34617
34927
  colors: colors,
34618
34928
  chartColumnWidth: 24,
34619
34929
  chartWidth: screenWidth * 0.72,
@@ -34627,7 +34937,7 @@ var GHGDashboardComponent = function (props) {
34627
34937
  aggType: GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
34628
34938
  configs: {
34629
34939
  title: t('emissionsReductionPercentageBySectorTitle'),
34630
- tooltip: t('emissionsReductionPercentageBySectorTT' + TTSuffix),
34940
+ tooltip: t('emissionsReductionPercentageBySectorTT'),
34631
34941
  colors: colors,
34632
34942
  chartColumnWidth: 24,
34633
34943
  chartWidth: screenWidth * 0.72,
@@ -34641,7 +34951,7 @@ var GHGDashboardComponent = function (props) {
34641
34951
  aggType: GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
34642
34952
  configs: {
34643
34953
  title: t('emissionsComparisonTitle'),
34644
- tooltip: t('emissionsComparisonTT' + TTSuffix),
34954
+ tooltip: t('emissionsComparisonTT'),
34645
34955
  colors: colorsComparison,
34646
34956
  chartColumnWidth: 24,
34647
34957
  chartWidth: screenWidth * 0.72,
@@ -34785,7 +35095,7 @@ var GHGDashboardComponent = function (props) {
34785
35095
  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 })));
34786
35096
  }
34787
35097
  };
34788
- return (React.createElement("div", { className: "dashboard-main-container" },
35098
+ return (React.createElement("div", { className: "ghg-dashboard-main-container" },
34789
35099
  isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
34790
35100
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
34791
35101
  React.createElement(Link, { to: "/dashboard" },
@@ -34801,5 +35111,5 @@ var GHGDashboardComponent = function (props) {
34801
35111
  React.createElement(Row, { gutter: [40, 40], className: "statics-card-row" }, row.map(function (item, j) { return getWidgetJSX(item); })))); }))));
34802
35112
  };
34803
35113
 
34804
- export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, ConnectionContextProvider, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, Emission, EmissionGas, EmissionSector, EmissionSubSectors, EnergyGenerationUnits, FormElementType, GHGDashboardComponent, GHGEmissionsComponent, GHGProjectionsComponent, GhgStatCardTypes, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentOwnershipType, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, Projection, ProjectionTypes$1 as ProjectionTypes, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, SettingsContext, SettingsContextProvider, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserContext, UserInformationContextProvider, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound$1 as addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal$1 as getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList, useConnection, useSettingsContext, useUserContext };
35114
+ export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, ConnectionContextProvider, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, Emission, EmissionGas, EmissionSector, EmissionSubSectors, EnergyGenerationUnits, FormElementType, GHGDashboardComponent, GHGEmissionsComponent, GHGProjectionsComponent, GhgStatCardTypes, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, Projection, ProjectionTypes$1 as ProjectionTypes, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, SettingsContext, SettingsContextProvider, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserContext, UserInformationContextProvider, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound$1 as addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal$1 as getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList, useConnection, useSettingsContext, useUserContext };
34805
35115
  //# sourceMappingURL=index.js.map