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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. package/dist/cjs/index.js +1777 -732
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/CoBenifits/coBenifits.d.ts +0 -1
  4. package/dist/cjs/types/Components/Common/Models/programmeRetireForm.d.ts +0 -1
  5. package/dist/cjs/types/Components/Common/Models/programmeTransferForm.d.ts +0 -1
  6. package/dist/cjs/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +0 -2
  7. package/dist/cjs/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +0 -2
  8. package/dist/cjs/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
  9. package/dist/cjs/types/Context/ConnectionContext/connectionContext.d.ts +8 -0
  10. package/dist/cjs/types/Context/SettingsContext/settingsContext.d.ts +10 -0
  11. package/dist/cjs/types/Context/UserInformationContext/userInformationContext.d.ts +6 -0
  12. package/dist/cjs/types/Context/index.d.ts +3 -0
  13. package/dist/cjs/types/Definitions/Definitions/connectionContext.definitions.d.ts +3 -0
  14. package/dist/cjs/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  15. package/dist/cjs/types/Definitions/Definitions/programme.definitions.d.ts +1 -1
  16. package/dist/cjs/types/Definitions/Enums/instrument.enum.d.ts +3 -0
  17. package/dist/cjs/types/Definitions/Enums/payback.enum.d.ts +8 -0
  18. package/dist/cjs/types/Storybook/AddNewCompanyComponent.stories.d.ts +12 -0
  19. package/dist/cjs/types/Storybook/AddNewUserComponent.stories.d.ts +12 -0
  20. package/dist/cjs/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts +2 -0
  21. package/dist/cjs/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts +2 -0
  22. package/dist/cjs/types/Storybook/Decorators/ConnectionContextDecorator.d.ts +2 -0
  23. package/dist/cjs/types/Storybook/Decorators/DashboardI18nDecorator.d.ts +2 -0
  24. package/dist/cjs/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts +2 -0
  25. package/dist/cjs/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts +2 -0
  26. package/dist/cjs/types/Storybook/InvestmentCreationComponent.stories.d.ts +12 -0
  27. package/dist/cjs/types/Storybook/MRVDashboard.stories.d.ts +12 -0
  28. package/dist/cjs/types/Storybook/ProgrammeCreationComponent.stories.d.ts +12 -0
  29. package/dist/cjs/types/Storybook/RegistryDashboard.stories.d.ts +12 -0
  30. package/dist/cjs/types/index.d.ts +1 -0
  31. package/dist/esm/index.js +1773 -736
  32. package/dist/esm/index.js.map +1 -1
  33. package/dist/esm/types/Components/Common/CoBenifits/coBenifits.d.ts +0 -1
  34. package/dist/esm/types/Components/Common/Models/programmeRetireForm.d.ts +0 -1
  35. package/dist/esm/types/Components/Common/Models/programmeTransferForm.d.ts +0 -1
  36. package/dist/esm/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +0 -2
  37. package/dist/esm/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +0 -2
  38. package/dist/esm/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
  39. package/dist/esm/types/Context/ConnectionContext/connectionContext.d.ts +8 -0
  40. package/dist/esm/types/Context/SettingsContext/settingsContext.d.ts +10 -0
  41. package/dist/esm/types/Context/UserInformationContext/userInformationContext.d.ts +6 -0
  42. package/dist/esm/types/Context/index.d.ts +3 -0
  43. package/dist/esm/types/Definitions/Definitions/connectionContext.definitions.d.ts +3 -0
  44. package/dist/esm/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  45. package/dist/esm/types/Definitions/Definitions/programme.definitions.d.ts +1 -1
  46. package/dist/esm/types/Definitions/Enums/instrument.enum.d.ts +3 -0
  47. package/dist/esm/types/Definitions/Enums/payback.enum.d.ts +8 -0
  48. package/dist/esm/types/Storybook/AddNewCompanyComponent.stories.d.ts +12 -0
  49. package/dist/esm/types/Storybook/AddNewUserComponent.stories.d.ts +12 -0
  50. package/dist/esm/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts +2 -0
  51. package/dist/esm/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts +2 -0
  52. package/dist/esm/types/Storybook/Decorators/ConnectionContextDecorator.d.ts +2 -0
  53. package/dist/esm/types/Storybook/Decorators/DashboardI18nDecorator.d.ts +2 -0
  54. package/dist/esm/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts +2 -0
  55. package/dist/esm/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts +2 -0
  56. package/dist/esm/types/Storybook/InvestmentCreationComponent.stories.d.ts +12 -0
  57. package/dist/esm/types/Storybook/MRVDashboard.stories.d.ts +12 -0
  58. package/dist/esm/types/Storybook/ProgrammeCreationComponent.stories.d.ts +12 -0
  59. package/dist/esm/types/Storybook/RegistryDashboard.stories.d.ts +12 -0
  60. package/dist/esm/types/index.d.ts +1 -0
  61. package/dist/index.d.ts +27 -9
  62. package/dist/locales/i18n/companyDetails/en.json +19 -0
  63. package/dist/locales/i18n/companyDetails/es.json +16 -0
  64. package/dist/locales/i18n/companyDetails/fr.json +16 -0
  65. package/dist/locales/i18n/companyProfile/en.json +1 -18
  66. package/dist/locales/i18n/companyProfile/es.json +0 -14
  67. package/dist/locales/i18n/companyProfile/fr.json +0 -13
  68. package/dist/locales/i18n/ghgInventory/en.json +3 -1
  69. package/dist/locales/i18n/login/en.json +1 -0
  70. package/dist/locales/i18n/ndc/en.json +2 -0
  71. package/dist/locales/i18n/programme/en.json +9 -1
  72. package/package.json +29 -2
package/dist/esm/index.js CHANGED
@@ -1,8 +1,9 @@
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';
3
- import React, { useState, useEffect, useRef } from 'react';
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
+ import React, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
4
4
  import { DateTime } from 'luxon';
5
5
  import { Buffer } from 'buffer';
6
+ import axios, { HttpStatusCode } from 'axios';
6
7
  import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
7
8
  import validator from 'validator';
8
9
  import { plainToClass } from 'class-transformer';
@@ -13,7 +14,6 @@ import mapboxgl from 'mapbox-gl';
13
14
  import 'mapbox-gl/dist/mapbox-gl.css';
14
15
  import 'antd/dist/antd.css';
15
16
  import * as XLSX from 'xlsx';
16
- import { HttpStatusCode } from 'axios';
17
17
 
18
18
  /******************************************************************************
19
19
  Copyright (c) Microsoft Corporation.
@@ -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));
@@ -263,8 +263,8 @@ var getStageTagType = function (stage) {
263
263
  return "error";
264
264
  case ProgrammeStageR.Authorised:
265
265
  return "processing";
266
- case ProgrammeStageR.Approved:
267
- return 'purple';
266
+ // case ProgrammeStageR.Transferred:
267
+ // return 'success';
268
268
  default:
269
269
  return "default";
270
270
  }
@@ -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;
@@ -492,9 +492,317 @@ var OrganisationStatus = function (props) {
492
492
  return orgState;
493
493
  };
494
494
 
495
+ function e$1(e){this.message=e;}e$1.prototype=new Error,e$1.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e$1("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t$1(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n$1(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n$1("Invalid token specified");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t$1(e.split(".")[o]))}catch(e){throw new n$1("Invalid token specified: "+e.message)}}n$1.prototype=new Error,n$1.prototype.name="InvalidTokenError";
496
+
497
+ var ConnectionContext = createContext({});
498
+ var ConnectionContextProvider = function (props) {
499
+ var _a = useState(), token = _a[0], setToken = _a[1];
500
+ var serverURL = props.serverURL, t = props.t, statServerUrl = props.statServerUrl, children = props.children;
501
+ useEffect(function () {
502
+ var timer = setInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
503
+ var newToken;
504
+ return __generator(this, function (_a) {
505
+ switch (_a.label) {
506
+ case 0: return [4 /*yield*/, localStorage.getItem('token')];
507
+ case 1:
508
+ newToken = _a.sent();
509
+ if (token !== newToken) {
510
+ setToken(newToken);
511
+ }
512
+ return [2 /*return*/];
513
+ }
514
+ });
515
+ }); }, 3000);
516
+ if (token) {
517
+ clearTimeout(timer);
518
+ }
519
+ return function () {
520
+ clearTimeout(timer);
521
+ };
522
+ }, [token]);
523
+ var send = useCallback(function (method, path, data, config, extraUrl) {
524
+ return new Promise(function (resolve, reject) {
525
+ var url = "".concat(extraUrl ? extraUrl : serverURL, "/").concat(path);
526
+ var headers;
527
+ if (token) {
528
+ headers = { authorization: "Bearer ".concat(token.toString()) };
529
+ }
530
+ else {
531
+ if (localStorage.getItem('token')) {
532
+ headers = {
533
+ authorization: "Bearer ".concat(localStorage.getItem('token')),
534
+ };
535
+ }
536
+ else {
537
+ headers = {
538
+ authorization: "Bearer ".concat(process.env.STORYBOOK_ACCESS_TOKEN),
539
+ };
540
+ }
541
+ }
542
+ axios(__assign({ method: method, url: url, data: data, headers: headers }, config))
543
+ .then(function (response) {
544
+ var _a, _b, _c;
545
+ if (response.status) {
546
+ if (response.status === 200 || response.status === 201) {
547
+ resolve({
548
+ status: response.status,
549
+ data: (_a = response.data.data) !== null && _a !== void 0 ? _a : response.data,
550
+ response: response,
551
+ statusText: 'SUCCESS',
552
+ message: response.data.message,
553
+ });
554
+ }
555
+ else if (response.status === 422) {
556
+ reject({
557
+ status: response.status,
558
+ data: (_b = response.data) === null || _b === void 0 ? void 0 : _b.data,
559
+ statusText: 'ERROR',
560
+ response: response,
561
+ message: response.data.message,
562
+ errors: (_c = response.data) === null || _c === void 0 ? void 0 : _c.errors,
563
+ });
564
+ }
565
+ }
566
+ else {
567
+ reject({
568
+ status: 500,
569
+ statusText: 'UNKNOWN',
570
+ message: t('common:systemError'),
571
+ });
572
+ }
573
+ })
574
+ .catch(function (e) {
575
+ var _a;
576
+ if (e.response) {
577
+ if (e.response.status) {
578
+ if (e.response.data.message === 'jwt expired') {
579
+ localStorage.removeItem('token');
580
+ window.location.reload();
581
+ }
582
+ reject({
583
+ status: e.response.status,
584
+ statusText: 'ERROR',
585
+ errors: (_a = e.response.data) === null || _a === void 0 ? void 0 : _a.errors,
586
+ message: e.response.data.message,
587
+ });
588
+ }
589
+ else {
590
+ reject({
591
+ statusText: 'ERROR',
592
+ message: t('common:systemError'),
593
+ });
594
+ }
595
+ }
596
+ else {
597
+ reject({
598
+ statusText: 'ERROR',
599
+ message: t('common:networkError'),
600
+ });
601
+ }
602
+ });
603
+ });
604
+ }, [token, serverURL]);
605
+ var post = useCallback(function (path, data, config, extraUrl) {
606
+ return send('post', path, data, config, extraUrl);
607
+ }, [send]);
608
+ var put = useCallback(function (path, data, config) {
609
+ return send('put', path, data, config);
610
+ }, [send]);
611
+ var get = useCallback(function (path, config) {
612
+ return send('get', path, undefined, config);
613
+ }, [send]);
614
+ var patch = useCallback(function (path, data, config) {
615
+ return send('patch', path, data, config);
616
+ }, [send]);
617
+ var del = useCallback(function (path, config) {
618
+ return send('delete', path, config);
619
+ }, [send]);
620
+ var updateToken = useCallback(function (newToken) { return __awaiter(void 0, void 0, void 0, function () {
621
+ return __generator(this, function (_a) {
622
+ if (newToken) {
623
+ localStorage.setItem('token', newToken);
624
+ setToken(newToken);
625
+ }
626
+ else {
627
+ localStorage.setItem('token', '');
628
+ setToken(undefined);
629
+ }
630
+ return [2 /*return*/];
631
+ });
632
+ }); }, []);
633
+ var removeToken = function (tkn) {
634
+ if (tkn) {
635
+ var exp = o(tkn).exp;
636
+ if (Date.now() > exp * 1000) {
637
+ localStorage.setItem('token', '');
638
+ localStorage.removeItem('userRole');
639
+ localStorage.removeItem('userId');
640
+ localStorage.removeItem('companyId');
641
+ localStorage.removeItem('companyRole');
642
+ }
643
+ else {
644
+ var diff = exp * 1000 - Date.now();
645
+ setTimeout(function () {
646
+ setToken(undefined);
647
+ localStorage.setItem('token', '');
648
+ localStorage.removeItem('userRole');
649
+ localStorage.removeItem('userId');
650
+ localStorage.removeItem('companyId');
651
+ localStorage.removeItem('companyRole');
652
+ }, diff);
653
+ console.log(diff, 'Remaining Token expire time');
654
+ }
655
+ }
656
+ };
657
+ useEffect(function () {
658
+ removeToken(token);
659
+ }, [token]);
660
+ return (React.createElement(ConnectionContext.Provider, { value: {
661
+ connection: { post: post, put: put, get: get, patch: patch, delete: del, updateToken: updateToken, token: token, removeToken: removeToken, statServerUrl: statServerUrl },
662
+ } }, children));
663
+ };
664
+ var useConnection = function () {
665
+ var context = useContext(ConnectionContext);
666
+ return context.connection;
667
+ };
668
+
669
+ var UserContext = createContext({
670
+ setUserInfo: function () { },
671
+ removeUserInfo: function () { },
672
+ IsAuthenticated: function (tkn) { return false; },
673
+ isTokenExpired: false,
674
+ setIsTokenExpired: function (val) { },
675
+ });
676
+ var UserInformationContextProvider = function (_a) {
677
+ var children = _a.children;
678
+ var token = useConnection().token;
679
+ var _b = useState(false), isTokenExpired = _b[0], setIsTokenExpired = _b[1];
680
+ var initialUserProps = {
681
+ id: localStorage.getItem('userId') ? localStorage.getItem('userId') : process.env.STORYBOOK_USER_ID ? process.env.STORYBOOK_USER_ID : '',
682
+ userRole: localStorage.getItem('userRole') ? localStorage.getItem('userRole') : process.env.STORYBOOK_USER_ROLE ? process.env.STORYBOOK_USER_ROLE : '',
683
+ companyRole: localStorage.getItem('companyRole')
684
+ ? localStorage.getItem('companyRole')
685
+ : process.env.STORYBOOK_COMPANY_ROLE ? process.env.STORYBOOK_COMPANY_ROLE : '',
686
+ companyId: localStorage.getItem('companyId')
687
+ ? parseInt(localStorage.getItem('companyId'))
688
+ : process.env.STORYBOOK_COMPANY_ID ? parseInt(process.env.STORYBOOK_COMPANY_ID) : -1,
689
+ companyLogo: localStorage.getItem('companyLogo')
690
+ ? localStorage.getItem('companyLogo')
691
+ : process.env.STORYBOOK_COMPANY_LOGO ? process.env.STORYBOOK_COMPANY_LOGO : '',
692
+ companyName: localStorage.getItem('companyName')
693
+ ? localStorage.getItem('companyName')
694
+ : process.env.STORYBOOK_COMPANY_NAME ? process.env.STORYBOOK_COMPANY_NAME : '',
695
+ companyState: localStorage.getItem('companyState')
696
+ ? parseInt(localStorage.getItem('companyState'))
697
+ : process.env.STORYBOOK_COMPANY_STATE ? parseInt(process.env.STORYBOOK_COMPANY_STATE) : 0,
698
+ };
699
+ var _c = useState(initialUserProps), userInfoState = _c[0], setUserInfoState = _c[1];
700
+ var setUserInfo = function (value) {
701
+ var state = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState) === 1 ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState : 0;
702
+ var id = value.id, userRole = value.userRole, companyId = value.companyId, companyRole = value.companyRole, companyLogo = value.companyLogo, companyName = value.companyName, _a = value.companyState, companyState = _a === void 0 ? state : _a;
703
+ if (id) {
704
+ setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { id: id })); });
705
+ localStorage.setItem('userId', id);
706
+ }
707
+ if (userRole) {
708
+ setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { userRole: userRole })); });
709
+ localStorage.setItem('userRole', userRole);
710
+ }
711
+ if (companyId) {
712
+ setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyId: companyId })); });
713
+ localStorage.setItem('companyId', companyId + '');
714
+ }
715
+ if (companyLogo) {
716
+ setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: companyLogo })); });
717
+ localStorage.setItem('companyLogo', companyLogo);
718
+ }
719
+ else {
720
+ setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: '' })); });
721
+ localStorage.setItem('companyLogo', '');
722
+ }
723
+ if (companyName) {
724
+ setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyName: companyName })); });
725
+ localStorage.setItem('companyName', companyName);
726
+ }
727
+ if (userRole) {
728
+ setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyRole: companyRole })); });
729
+ localStorage.setItem('companyRole', companyRole);
730
+ }
731
+ setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyState: companyState })); });
732
+ localStorage.setItem('companyState', companyState + '');
733
+ };
734
+ var IsAuthenticated = useCallback(function (tokenNew) {
735
+ var tokenVal;
736
+ if (tokenNew) {
737
+ tokenVal = tokenNew;
738
+ }
739
+ else if (token) {
740
+ tokenVal = token;
741
+ }
742
+ else {
743
+ tokenVal = localStorage.getItem('token');
744
+ if (tokenVal === '') {
745
+ if (history.length !== 1) {
746
+ setIsTokenExpired(true);
747
+ }
748
+ }
749
+ }
750
+ try {
751
+ if (tokenVal) {
752
+ var exp = o(tokenVal).exp;
753
+ return Date.now() < exp * 1000;
754
+ }
755
+ return false;
756
+ }
757
+ catch (err) {
758
+ return false;
759
+ }
760
+ }, [token]);
761
+ var removeUserInfo = function () {
762
+ localStorage.removeItem('userId');
763
+ localStorage.removeItem('userRole');
764
+ localStorage.removeItem('companyId');
765
+ localStorage.removeItem('companyRole');
766
+ localStorage.removeItem('companyName');
767
+ localStorage.removeItem('companyState');
768
+ localStorage.removeItem('companyLogo');
769
+ setUserInfoState(initialUserProps);
770
+ };
771
+ return (React.createElement(UserContext.Provider, { value: {
772
+ userInfoState: userInfoState,
773
+ setUserInfo: setUserInfo,
774
+ removeUserInfo: removeUserInfo,
775
+ IsAuthenticated: IsAuthenticated,
776
+ isTokenExpired: isTokenExpired,
777
+ setIsTokenExpired: setIsTokenExpired,
778
+ } }, children));
779
+ };
780
+ var useUserContext = function () {
781
+ return useContext(UserContext);
782
+ };
783
+
784
+ var SettingsContext = createContext({
785
+ isTransferFrozen: false,
786
+ setTransferFrozen: function (value) { },
787
+ });
788
+ var SettingsContextProvider = function (_a) {
789
+ var children = _a.children;
790
+ var _b = useState(false), isTransferFrozen = _b[0], setIsTransferFrozen = _b[1];
791
+ var setTransferFrozen = function (value) {
792
+ setIsTransferFrozen(value);
793
+ };
794
+ return (React.createElement(SettingsContext.Provider, { value: {
795
+ isTransferFrozen: isTransferFrozen,
796
+ setTransferFrozen: setTransferFrozen,
797
+ } }, children));
798
+ };
799
+ var useSettingsContext = function () {
800
+ return useContext(SettingsContext);
801
+ };
802
+
495
803
  var Search$2 = Input.Search;
496
804
  var CompanyManagementComponent = function (props) {
497
- var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
805
+ var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
498
806
  var _a = useState(), totalCompany = _a[0], setTotalCompany = _a[1];
499
807
  var _b = useState(false), loading = _b[0], setLoading = _b[1];
500
808
  var _c = useState([]), tableData = _c[0], setTableData = _c[1];
@@ -507,7 +815,9 @@ var CompanyManagementComponent = function (props) {
507
815
  var _j = useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
508
816
  var _k = useState(""), sortOrder = _k[0], setSortOrder = _k[1];
509
817
  var _l = useState(""), sortField = _l[0], setSortField = _l[1];
818
+ var _m = useState(), dataQuery = _m[0], setDataQuery = _m[1];
510
819
  var ability = useAbilityContext();
820
+ var post = useConnection().post;
511
821
  document.addEventListener("mousedown", function (event) {
512
822
  var organisationFilterArea1 = document.querySelector(".filter-bar");
513
823
  var organisationFilterArea2 = document.querySelector(".filter-dropdown");
@@ -712,6 +1022,11 @@ var CompanyManagementComponent = function (props) {
712
1022
  setTableData(availableCompanies);
713
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);
714
1024
  }
1025
+ setDataQuery({
1026
+ filterAnd: filterAnd(),
1027
+ filterOr: filterOr(),
1028
+ sort: sort(),
1029
+ });
715
1030
  setLoading(false);
716
1031
  return [3 /*break*/, 4];
717
1032
  case 3:
@@ -728,6 +1043,50 @@ var CompanyManagementComponent = function (props) {
728
1043
  }
729
1044
  });
730
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
+ }); };
731
1090
  useEffect(function () {
732
1091
  getAllCompany();
733
1092
  }, [
@@ -815,7 +1174,13 @@ var CompanyManagementComponent = function (props) {
815
1174
  React.createElement(FilterOutlined, { style: {
816
1175
  color: "rgba(58, 53, 65, 0.3)",
817
1176
  fontSize: "20px",
818
- } }))))))),
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
+ } })))))),
819
1184
  React.createElement(Row, null,
820
1185
  React.createElement(Col, { span: 24 },
821
1186
  React.createElement("div", { className: "userManagement-table-container" },
@@ -837,11 +1202,11 @@ var CompanyManagementComponent = function (props) {
837
1202
  } })))))));
838
1203
  };
839
1204
 
840
- 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";
841
- 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);
842
1207
 
843
- var css_248z$u = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.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\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.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\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.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\n.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\n.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\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.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\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .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 .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .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 .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .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\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.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 .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.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\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.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\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .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 .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .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 .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
844
- 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);
845
1210
 
846
1211
  var UserManagementColumns;
847
1212
  (function (UserManagementColumns) {
@@ -895,9 +1260,9 @@ var getStatusTagType = function (status) {
895
1260
  case InvestmentStatus.REJECTED:
896
1261
  return "error";
897
1262
  case InvestmentStatus.PENDING:
898
- return "success";
899
- case InvestmentStatus.APPROVED:
900
1263
  return "processing";
1264
+ case InvestmentStatus.APPROVED:
1265
+ return "success";
901
1266
  default:
902
1267
  return "default";
903
1268
  }
@@ -2022,6 +2387,9 @@ var Instrument;
2022
2387
  Instrument["EQUITY"] = "Equity";
2023
2388
  Instrument["GUARANTEE"] = "Guarantee";
2024
2389
  Instrument["INKIND"] = "In-Kind";
2390
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2391
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2392
+ Instrument["INSURANCE"] = "Insurance";
2025
2393
  Instrument["OTHER"] = "Other";
2026
2394
  })(Instrument || (Instrument = {}));
2027
2395
 
@@ -2040,9 +2408,9 @@ var getNdcActionStatusEnumVal$1 = function (value) {
2040
2408
  var getNdcStatusTagType = function (status) {
2041
2409
  switch (getNdcActionStatusEnumVal$1(status)) {
2042
2410
  case NdcActionStatus.PENDING:
2043
- return "success";
2044
- case NdcActionStatus.APPROVED:
2045
2411
  return "processing";
2412
+ case NdcActionStatus.APPROVED:
2413
+ return "success";
2046
2414
  default:
2047
2415
  return "default";
2048
2416
  }
@@ -5806,7 +6174,7 @@ var Projection = /** @class */ (function () {
5806
6174
 
5807
6175
  var AddNewCompanyComponent = function (props) {
5808
6176
  var _a;
5809
- var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField, isGuest = props.isGuest, onNavigateToHome = props.onNavigateToHome, systemType = props.systemType;
6177
+ var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useLocation = props.useLocation, regionField = props.regionField, isGuest = props.isGuest, onNavigateToHome = props.onNavigateToHome, systemType = props.systemType;
5810
6178
  var formOne = Form.useForm()[0];
5811
6179
  var formTwo = Form.useForm()[0];
5812
6180
  var _b = useState(), stepOneData = _b[0], setStepOneData = _b[1];
@@ -5928,7 +6296,7 @@ var AddNewCompanyComponent = function (props) {
5928
6296
  _c.label = 1;
5929
6297
  case 1:
5930
6298
  _c.trys.push([1, 7, 8, 9]);
5931
- if (requestData.phoneNo) {
6299
+ if (requestData.phoneNo && requestData.phoneNo.length > 4) {
5932
6300
  requestData.phoneNo = formatPhoneNumberIntl(requestData.phoneNo);
5933
6301
  }
5934
6302
  else {
@@ -6560,13 +6928,6 @@ var AddNewCompanyComponent = function (props) {
6560
6928
  ] }))))));
6561
6929
  };
6562
6930
 
6563
- var CompanyRoleIcon = function (props) {
6564
- var role = props.role;
6565
- return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6566
- 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 })),
6567
- role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6568
- };
6569
-
6570
6931
  var TextArea$2 = Input.TextArea;
6571
6932
  var UserActionConfirmationModel = function (props) {
6572
6933
  var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
@@ -6591,11 +6952,115 @@ var UserActionConfirmationModel = function (props) {
6591
6952
  React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
6592
6953
  };
6593
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
+
6594
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";
6595
6966
  styleInject(css_248z$t);
6596
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
+
6597
7062
  var CompanyProfileComponent = function (props) {
6598
- var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, 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;
6599
7064
  var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
6600
7065
  var _b = useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
6601
7066
  var _c = useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
@@ -6873,15 +7338,6 @@ var CompanyProfileComponent = function (props) {
6873
7338
  setErrorMsg("");
6874
7339
  setOpenRejectModal(true);
6875
7340
  };
6876
- var getEnumKeysFromValues = function (values) {
6877
- var enumKeys = [];
6878
- for (var key in SectoralScope) {
6879
- if (values.includes(SectoralScope[key])) {
6880
- enumKeys.push(key);
6881
- }
6882
- }
6883
- return enumKeys;
6884
- };
6885
7341
  return (React.createElement("div", { className: "content-container company-profile" },
6886
7342
  React.createElement("div", { className: "title-bar" },
6887
7343
  React.createElement("div", null,
@@ -6920,87 +7376,7 @@ var CompanyProfileComponent = function (props) {
6920
7376
  React.createElement(Row, { justify: "center" },
6921
7377
  React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
6922
7378
  React.createElement(Col, { md: 24, lg: 16 },
6923
- React.createElement(Card, { className: "card-container" },
6924
- React.createElement("div", { className: "info-view" },
6925
- React.createElement("div", { className: "title" },
6926
- React.createElement("span", { className: "title-icon" },
6927
- React.createElement(BankOutlined, null)),
6928
- React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
6929
- React.createElement(Skeleton, { loading: isLoading, active: true },
6930
- React.createElement(Row, { className: "field" },
6931
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
6932
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
6933
- React.createElement(Row, { className: "field" },
6934
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
6935
- React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
6936
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
6937
- ? companyDetails.taxId
6938
- : "-")),
6939
- React.createElement(Row, { className: "field" },
6940
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
6941
- React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
6942
- ? companyDetails.paymentId
6943
- : "-")),
6944
- React.createElement(Row, { className: "field" },
6945
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
6946
- React.createElement(Col, { span: 12, className: "field-value" },
6947
- React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
6948
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
6949
- React.createElement(Row, { className: "field" },
6950
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
6951
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
6952
- ? companyDetails.nameOfMinister
6953
- : "-")),
6954
- React.createElement(Row, { className: "field" },
6955
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
6956
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
6957
- ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
6958
- : "-")))),
6959
- React.createElement(Row, { className: "field" },
6960
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
6961
- React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
6962
- React.createElement(Row, { className: "field" },
6963
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
6964
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
6965
- React.createElement(Row, { className: "field" },
6966
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
6967
- React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
6968
- React.createElement(Row, { className: "field" },
6969
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
6970
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
6971
- regionField && (React.createElement(Row, { className: "field" },
6972
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
6973
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
6974
- ? companyDetails.regions.join(", ")
6975
- : "-"))),
6976
- React.createElement(Row, { className: "field" },
6977
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
6978
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
6979
- ? companyDetails.programmeCount
6980
- : "-")),
6981
- React.createElement(Row, { className: "field" },
6982
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
6983
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
6984
- ? addCommSep(companyDetails.creditBalance)
6985
- : "-")),
6986
- parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
6987
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
6988
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
6989
- ? companyDetails.remarks
6990
- : "-"))) : (""),
6991
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
6992
- systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
6993
- React.createElement(Row, { className: "field" },
6994
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
6995
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
6996
- ? companyDetails.omgePercentage
6997
- : "-")))),
6998
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
6999
- React.createElement(Row, { className: "field" },
7000
- React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
7001
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
7002
- ? companyDetails.nationalSopValue
7003
- : "-"))))))),
7379
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
7004
7380
  ((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
7005
7381
  (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(Card, { className: "card-container" },
7006
7382
  React.createElement("div", { className: "info-view" },
@@ -7028,7 +7404,7 @@ styleInject(css_248z$s);
7028
7404
 
7029
7405
  var Search$1 = Input.Search;
7030
7406
  var ProgrammeManagementComponent = function (props) {
7031
- var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
7407
+ var t = props.t, visibleColumns = props.visibleColumns, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
7032
7408
  var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
7033
7409
  var _b = useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
7034
7410
  var _c = useState(false), loading = _c[0], setLoading = _c[1];
@@ -7045,14 +7421,15 @@ var ProgrammeManagementComponent = function (props) {
7045
7421
  var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
7046
7422
  var userInfoState = useUserContext().userInfoState;
7047
7423
  var ability = useAbilityContext();
7424
+ var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
7048
7425
  var stageObject = enableAddProgramme ? ProgrammeStageMRV : ProgrammeStageR;
7049
7426
  var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
7050
7427
  label: Object.values(stageObject)[index],
7051
7428
  value: k,
7052
7429
  }); });
7053
- var _q = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
7054
- var _r = useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
7055
- 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];
7056
7433
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
7057
7434
  return __generator(this, function (_a) {
7058
7435
  console.log(checkedValues);
@@ -7295,6 +7672,11 @@ var ProgrammeManagementComponent = function (props) {
7295
7672
  setTableData(response.data);
7296
7673
  setTotalProgramme(response.response.data.total);
7297
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
+ });
7298
7680
  return [3 /*break*/, 4];
7299
7681
  case 3:
7300
7682
  error_1 = _a.sent();
@@ -7352,6 +7734,50 @@ var ProgrammeManagementComponent = function (props) {
7352
7734
  }
7353
7735
  });
7354
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
+ }); };
7355
7781
  var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
7356
7782
  return __generator(this, function (_a) {
7357
7783
  setSearch(searchText);
@@ -7413,7 +7839,7 @@ var ProgrammeManagementComponent = function (props) {
7413
7839
  React.createElement("div", { className: "filter-section" },
7414
7840
  React.createElement("div", { className: "search-filter" },
7415
7841
  React.createElement(Checkbox, { className: "label", onChange: function (v) {
7416
- if (userInfoState.companyRole === CompanyRole.MINISTRY) {
7842
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
7417
7843
  if (v.target.checked) {
7418
7844
  setMinistryLevelFilter(true);
7419
7845
  }
@@ -7430,7 +7856,7 @@ var ProgrammeManagementComponent = function (props) {
7430
7856
  }
7431
7857
  : undefined);
7432
7858
  }
7433
- } }, userInfoState.companyRole === CompanyRole.MINISTRY
7859
+ } }, (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY
7434
7860
  ? t("view:ministryLevel")
7435
7861
  : t("view:seeMine"))),
7436
7862
  React.createElement("div", { className: "search-bar" },
@@ -7440,7 +7866,13 @@ var ProgrammeManagementComponent = function (props) {
7440
7866
  return e.target.value === ""
7441
7867
  ? setSearch(e.target.value)
7442
7868
  : setSearchText(e.target.value);
7443
- }, 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
+ } })))))),
7444
7876
  React.createElement(Row, null,
7445
7877
  React.createElement(Col, { span: 24 },
7446
7878
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -13211,7 +13643,7 @@ var sectoralScopes = {
13211
13643
  };
13212
13644
  var ProgrammeCreationComponent = function (props) {
13213
13645
  var _a, _b, _c;
13214
- var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
13646
+ var useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
13215
13647
  var t = translator.t;
13216
13648
  var state = useLocation().state;
13217
13649
  var formOne = Form.useForm()[0];
@@ -14276,7 +14708,7 @@ var ChangePasswordModel = function (props) {
14276
14708
 
14277
14709
  var AddNewUserComponent = function (props) {
14278
14710
  var _a, _b, _c, _d, _e, _f;
14279
- var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
14711
+ var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
14280
14712
  var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
14281
14713
  var formOne = Form.useForm()[0];
14282
14714
  var state = useLocation().state;
@@ -14338,7 +14770,7 @@ var AddNewUserComponent = function (props) {
14338
14770
  _a.label = 1;
14339
14771
  case 1:
14340
14772
  _a.trys.push([1, 3, 4, 5]);
14341
- if (values.phoneNo) {
14773
+ if (values.phoneNo && values.phoneNo.length > 4) {
14342
14774
  values.phoneNo = formatPhoneNumberIntl(values.phoneNo);
14343
14775
  }
14344
14776
  else {
@@ -14694,7 +15126,7 @@ var LanguageSelection = function (props) {
14694
15126
  };
14695
15127
 
14696
15128
  var UserProfileComponent = function (props) {
14697
- var t = props.t, i18n = props.i18n, useConnection = props.useConnection, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin, useUserContext = props.useUserContext;
15129
+ var t = props.t, i18n = props.i18n, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin;
14698
15130
  var get = useConnection().get;
14699
15131
  var _a = useState(undefined), organisationDetails = _a[0], setOrganisationDetails = _a[1];
14700
15132
  var _b = useState(undefined), userDetails = _b[0], setUserDetails = _b[1];
@@ -14729,15 +15161,6 @@ var UserProfileComponent = function (props) {
14729
15161
  }
14730
15162
  });
14731
15163
  }); };
14732
- var getEnumKeysFromValues = function (values) {
14733
- var enumKeys = [];
14734
- for (var key in SectoralScope) {
14735
- if (values.includes(SectoralScope[key])) {
14736
- enumKeys.push(key);
14737
- }
14738
- }
14739
- return enumKeys;
14740
- };
14741
15164
  useEffect(function () {
14742
15165
  getUserProfileDetails();
14743
15166
  }, []);
@@ -14787,82 +15210,15 @@ var UserProfileComponent = function (props) {
14787
15210
  React.createElement(Row, { className: "field" },
14788
15211
  React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
14789
15212
  React.createElement(Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
14790
- React.createElement(Card, { className: "card-container" },
14791
- React.createElement("div", { className: "info-view" },
14792
- React.createElement("div", { className: "title" },
14793
- React.createElement("span", { className: "title-icon" },
14794
- React.createElement(BankOutlined, null)),
14795
- React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
14796
- React.createElement(Skeleton, { loading: isLoading, active: true },
14797
- React.createElement(Row, { className: "field" },
14798
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:name")),
14799
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.name
14800
- ? organisationDetails.name
14801
- : "-")),
14802
- React.createElement(Row, { className: "field" },
14803
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
14804
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
14805
- organisationDetails.companyRole !==
14806
- CompanyRole.GOVERNMENT
14807
- ? organisationDetails.taxId
14808
- : "-")),
14809
- React.createElement(Row, { className: "field" },
14810
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
14811
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
14812
- ? organisationDetails.paymentId
14813
- : "-")),
14814
- React.createElement(Row, { className: "field" },
14815
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
14816
- React.createElement(Col, { span: 12, className: "field-value" },
14817
- React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
14818
- (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
14819
- CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
14820
- React.createElement(Row, { className: "field" },
14821
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
14822
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
14823
- ? organisationDetails.nameOfMinister
14824
- : "-")),
14825
- React.createElement(Row, { className: "field" },
14826
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
14827
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
14828
- ? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
14829
- : "-")))),
14830
- React.createElement(Row, { className: "field" },
14831
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:email")),
14832
- React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
14833
- ? organisationDetails.email
14834
- : "-")),
14835
- React.createElement(Row, { className: "field" },
14836
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
14837
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
14838
- ? organisationDetails.phoneNo
14839
- : "-")),
14840
- React.createElement(Row, { className: "field" },
14841
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:website")),
14842
- React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
14843
- React.createElement(Row, { className: "field" },
14844
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:address")),
14845
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.address
14846
- ? organisationDetails.address
14847
- : "-")),
14848
- React.createElement(Row, { className: "field" },
14849
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
14850
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
14851
- ? organisationDetails.programmeCount
14852
- : "-")),
14853
- React.createElement(Row, { className: "field" },
14854
- React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
14855
- React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
14856
- ? addCommSep(organisationDetails.creditBalance)
14857
- : "-")))))))))));
15213
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
14858
15214
  };
14859
15215
 
14860
- 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";
14861
15217
  styleInject(css_248z$n);
14862
15218
 
14863
15219
  var Search = Input.Search;
14864
15220
  var UserManagementComponent = function (props) {
14865
- var t = props.t, useAbilityContext = props.useAbilityContext, useConnection = props.useConnection, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser, userInfoState = props.userInfoState;
15221
+ var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser;
14866
15222
  Form.useForm()[0];
14867
15223
  var _a = useConnection(), post = _a.post, del = _a.delete;
14868
15224
  var _b = useState(), totalUser = _b[0], setTotalUser = _b[1];
@@ -14883,7 +15239,9 @@ var UserManagementComponent = function (props) {
14883
15239
  var _r = useState({}), actionInfo = _r[0], setActionInfo = _r[1];
14884
15240
  var _s = useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
14885
15241
  var _t = useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
15242
+ var _u = useState(), dataQuery = _u[0], setDataQuery = _u[1];
14886
15243
  var ability = useAbilityContext();
15244
+ var userInfoState = useUserContext().userInfoState;
14887
15245
  document.addEventListener("mousedown", function (event) {
14888
15246
  var userFilterArea1 = document.querySelector(".filter-bar");
14889
15247
  var userFilterArea2 = document.querySelector(".filter-dropdown");
@@ -15238,6 +15596,11 @@ var UserManagementComponent = function (props) {
15238
15596
  setTableData(availableUsers);
15239
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);
15240
15598
  }
15599
+ setDataQuery({
15600
+ filterAnd: filterAnd(),
15601
+ filterOr: filterOr(),
15602
+ sort: sort(),
15603
+ });
15241
15604
  setLoading(false);
15242
15605
  return [3 /*break*/, 4];
15243
15606
  case 3:
@@ -15255,6 +15618,50 @@ var UserManagementComponent = function (props) {
15255
15618
  }
15256
15619
  });
15257
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
+ }); };
15258
15665
  useEffect(function () {
15259
15666
  getAllUser();
15260
15667
  }, [
@@ -15377,7 +15784,13 @@ var UserManagementComponent = function (props) {
15377
15784
  React.createElement(FilterOutlined, { style: {
15378
15785
  color: "rgba(58, 53, 65, 0.3)",
15379
15786
  fontSize: "20px",
15380
- } }))))))),
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
+ } })))))),
15381
15794
  React.createElement(Row, null,
15382
15795
  React.createElement(Col, { span: 24 },
15383
15796
  React.createElement("div", { className: "userManagement-table-container" },
@@ -15396,15 +15809,27 @@ var UserManagementComponent = function (props) {
15396
15809
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15397
15810
  };
15398
15811
 
15399
- 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.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\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";
15400
15813
  styleInject(css_248z$m);
15401
15814
 
15402
15815
  var Loading = function () {
15403
15816
  return React.createElement(Spin, { className: "loading-center", size: "large" });
15404
15817
  };
15405
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;
15406
15831
  var InvestmentCreationComponent = function (props) {
15407
- var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15832
+ var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15408
15833
  var state = useLocation().state;
15409
15834
  var _a = useState(), data = _a[0], setData = _a[1];
15410
15835
  var formOne = Form.useForm()[0];
@@ -15419,12 +15844,14 @@ var InvestmentCreationComponent = function (props) {
15419
15844
  var _h = useState([]), instrument = _h[0], setInstrument = _h[1];
15420
15845
  var _j = useState(), stepOneData = _j[0], setStepOneData = _j[1];
15421
15846
  var _k = useState(), govData = _k[0], setGovData = _k[1];
15847
+ var userInfoState = useUserContext().userInfoState;
15422
15848
  var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
15423
15849
  label: addSpaces(Object.values(Instrument)[index]),
15424
15850
  value: Object.values(Instrument)[index],
15425
15851
  }); });
15426
- var onInstrumentChange = function (value) {
15427
- setInstrument(value);
15852
+ var onInstrumentChange = function (e) {
15853
+ console.log("radio checked", e.target.value);
15854
+ setInstrument([e.target.value]);
15428
15855
  };
15429
15856
  var onPercentageChange = function (value) {
15430
15857
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15547,7 +15974,7 @@ var InvestmentCreationComponent = function (props) {
15547
15974
  if (!data) {
15548
15975
  return React.createElement(Loading, null);
15549
15976
  }
15550
- console.log('data', data);
15977
+ console.log("data", data);
15551
15978
  var companyName = {};
15552
15979
  if (data && Object.keys(data)[0] !== "ownership") {
15553
15980
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15582,6 +16009,16 @@ var InvestmentCreationComponent = function (props) {
15582
16009
  if (payload.paymentPerMetric) {
15583
16010
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15584
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];
15585
16022
  payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
15586
16023
  payload.percentage = val.percentage;
15587
16024
  payload.toCompanyId = Number(payload.toCompanyId);
@@ -15627,7 +16064,7 @@ var InvestmentCreationComponent = function (props) {
15627
16064
  }
15628
16065
  };
15629
16066
  var onChangeTypeCreation = function (e) {
15630
- console.log('radio checked', e.target.value);
16067
+ console.log("radio checked", e.target.value);
15631
16068
  setTypeCreation(e.target.value);
15632
16069
  };
15633
16070
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15693,8 +16130,30 @@ var InvestmentCreationComponent = function (props) {
15693
16130
  React.createElement(Input, { size: "large" }))))),
15694
16131
  React.createElement(Row, { className: "row", gutter: [16, 16] },
15695
16132
  React.createElement(Col, { xl: 24, md: 24 },
15696
- React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15697
- React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
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")));
16148
+ }
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
+ }))))),
15698
16157
  instrument &&
15699
16158
  instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15700
16159
  React.createElement(Col, { xl: 8, md: 12 },
@@ -15725,6 +16184,160 @@ var InvestmentCreationComponent = function (props) {
15725
16184
  },
15726
16185
  ] },
15727
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" },
16190
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16191
+ React.createElement(Col, { xl: 8, md: 12 },
16192
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16193
+ {
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
+ }); },
16215
+ },
16216
+ ] },
16217
+ React.createElement(Input, { size: "large" })))),
16218
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16219
+ React.createElement(Col, { xl: 8, md: 12 },
16220
+ React.createElement(Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
16221
+ {
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
+ }); },
16238
+ },
16239
+ ] },
16240
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
16241
+ React.createElement(Col, { xl: 8, md: 12 },
16242
+ React.createElement(Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
16243
+ {
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
+ }); },
16260
+ },
16261
+ ] },
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" },
16267
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
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" })))),
16295
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
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*/];
16313
+ });
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)))); }))))))),
15728
16341
  instrument &&
15729
16342
  instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15730
16343
  React.createElement(Col, { xl: 12, md: 24 },
@@ -15789,6 +16402,32 @@ var InvestmentCreationComponent = function (props) {
15789
16402
  },
15790
16403
  ] },
15791
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)))); }))))))),
15792
16431
  instrument &&
15793
16432
  instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15794
16433
  React.createElement(Col, { xl: 12, md: 24 },
@@ -15814,7 +16453,7 @@ var InvestmentCreationComponent = function (props) {
15814
16453
  },
15815
16454
  ] },
15816
16455
  React.createElement(Input, { size: "large" })))))),
15817
- React.createElement(Row, { className: "row", gutter: [4, 4] },
16456
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15818
16457
  React.createElement(Col, { xl: 8, md: 12 },
15819
16458
  React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
15820
16459
  {
@@ -15858,73 +16497,73 @@ var InvestmentCreationComponent = function (props) {
15858
16497
  React.createElement("div", { className: "step-count" }, "02"),
15859
16498
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
15860
16499
  description: current === 1 && (React.createElement("div", null,
15861
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
15862
- React.createElement("div", { className: "programme-sought-form" },
15863
- 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 :
15864
- data.companyId.map(function (companyId, index) {
15865
- return (React.createElement(Row, { className: "row", gutter: [16, 16] },
15866
- React.createElement(Col, { xl: 8, md: 15 },
15867
- React.createElement("div", { className: "label" },
15868
- companyName[companyId].name,
15869
- React.createElement("span", { className: "required-mark" }, "*"))),
15870
- React.createElement(Col, { xl: 8, md: 9 },
15871
- React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15872
- {
15873
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15874
- message: "Percentage Should be a positive number",
15875
- },
15876
- {
15877
- required: true,
15878
- message: "Required field",
15879
- },
15880
- function (_a) {
15881
- var getFieldValue = _a.getFieldValue;
15882
- return ({
15883
- validator: function (rule, v) {
15884
- if (getFieldValue([
15885
- "percentage",
15886
- index,
15887
- ]) &&
15888
- parseFloat(getFieldValue([
15889
- "percentage",
15890
- index,
15891
- ])) > data.proponentPercentage[index]) {
15892
- // eslint-disable-next-line prefer-promise-reject-errors
15893
- return Promise.reject("Amount > Available");
15894
- }
15895
- return Promise.resolve();
15896
- },
15897
- });
15898
- },
15899
- ] },
15900
- React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15901
- // disabled={userInfoState?.companyId === Number(companyId)}
15902
- onKeyPress: function (event) {
15903
- if (!/[0-9\.]/.test(event.key)) {
15904
- event.preventDefault();
15905
- }
15906
- } })),
15907
- React.createElement("div", { className: "inline separator" }, "/"),
15908
- React.createElement(Form.Item, { className: "inline" },
15909
- React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15910
- }),
15911
- React.createElement(Row, { className: "row", gutter: [16, 16] },
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] },
15912
16504
  React.createElement(Col, { xl: 8, md: 15 },
15913
- React.createElement("div", { className: "label" }, t("programme:total"))),
16505
+ React.createElement("div", { className: "label" },
16506
+ companyName[companyId].name,
16507
+ React.createElement("span", { className: "required-mark" }, "*"))),
15914
16508
  React.createElement(Col, { xl: 8, md: 9 },
15915
- React.createElement(Form.Item, { className: "inline", name: ["total"] },
15916
- React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16509
+ React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16510
+ {
16511
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16512
+ message: "Percentage Should be a positive number",
16513
+ },
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");
16533
+ }
16534
+ return Promise.resolve();
16535
+ },
16536
+ });
16537
+ },
16538
+ ] },
16539
+ React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16540
+ // disabled={userInfoState?.companyId === Number(companyId)}
16541
+ onKeyPress: function (event) {
15917
16542
  if (!/[0-9\.]/.test(event.key)) {
15918
16543
  event.preventDefault();
15919
16544
  }
15920
16545
  } })),
15921
16546
  React.createElement("div", { className: "inline separator" }, "/"),
15922
16547
  React.createElement(Form.Item, { className: "inline" },
15923
- React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
15924
- React.createElement(Form.Item, null,
15925
- React.createElement("div", { className: "steps-actions" },
15926
- React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15927
- React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
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")))))))))),
15928
16567
  },
15929
16568
  ] })))));
15930
16569
  };
@@ -16035,7 +16674,7 @@ var InvestmentActionModel = function (props) {
16035
16674
  };
16036
16675
 
16037
16676
  var InvestmentManagementComponent = function (props) {
16038
- var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
16677
+ var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
16039
16678
  var t = translator.t;
16040
16679
  var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
16041
16680
  label: addSpaces(Object.values(InvestmentStatus)[index]),
@@ -16063,6 +16702,7 @@ var InvestmentManagementComponent = function (props) {
16063
16702
  var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
16064
16703
  var _v = useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
16065
16704
  var _w = useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
16705
+ var _x = useState(), dataQuery = _x[0], setDataQuery = _x[1];
16066
16706
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
16067
16707
  return __generator(this, function (_a) {
16068
16708
  console.log(checkedValues);
@@ -16159,6 +16799,12 @@ var InvestmentManagementComponent = function (props) {
16159
16799
  console.log(response);
16160
16800
  setTableData(response.data);
16161
16801
  setTotalProgramme(response.response.data.total);
16802
+ setDataQuery({
16803
+ filterAnd: filter,
16804
+ filterOr: dataFilter,
16805
+ sort: sort,
16806
+ filterBy: filterBy,
16807
+ });
16162
16808
  setLoading(false);
16163
16809
  return [3 /*break*/, 4];
16164
16810
  case 3:
@@ -16176,8 +16822,53 @@ var InvestmentManagementComponent = function (props) {
16176
16822
  }
16177
16823
  });
16178
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
+ }); };
16179
16870
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
16180
- var response, error_2;
16871
+ var response, error_3;
16181
16872
  var _a, _b, _c, _d, _e, _f;
16182
16873
  return __generator(this, function (_g) {
16183
16874
  switch (_g.label) {
@@ -16209,8 +16900,8 @@ var InvestmentManagementComponent = function (props) {
16209
16900
  setLoading(false);
16210
16901
  return [3 /*break*/, 4];
16211
16902
  case 3:
16212
- error_2 = _g.sent();
16213
- console.log("Error in getting users", error_2);
16903
+ error_3 = _g.sent();
16904
+ console.log("Error in getting users", error_3);
16214
16905
  setLoading(false);
16215
16906
  return [3 /*break*/, 4];
16216
16907
  case 4: return [2 /*return*/];
@@ -16241,7 +16932,7 @@ var InvestmentManagementComponent = function (props) {
16241
16932
  ministryLevelFilter,
16242
16933
  ]);
16243
16934
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
16244
- var response, successMsg, error_3;
16935
+ var response, successMsg, error_4;
16245
16936
  return __generator(this, function (_a) {
16246
16937
  switch (_a.label) {
16247
16938
  case 0:
@@ -16271,10 +16962,10 @@ var InvestmentManagementComponent = function (props) {
16271
16962
  setModalVisible(false);
16272
16963
  return [3 /*break*/, 4];
16273
16964
  case 3:
16274
- error_3 = _a.sent();
16275
- console.log("Error in Cancelling transfer request", error_3);
16965
+ error_4 = _a.sent();
16966
+ console.log("Error in Cancelling transfer request", error_4);
16276
16967
  setLoading(false);
16277
- return [2 /*return*/, error_3.message];
16968
+ return [2 /*return*/, error_4.message];
16278
16969
  case 4: return [2 /*return*/];
16279
16970
  }
16280
16971
  });
@@ -16540,7 +17231,13 @@ var InvestmentManagementComponent = function (props) {
16540
17231
  return e.target.value === ""
16541
17232
  ? setSearch(e.target.value)
16542
17233
  : setSearchText(e.target.value);
16543
- }, 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
+ } })))))),
16544
17241
  React.createElement(Row, null,
16545
17242
  React.createElement(Col, { span: 24 },
16546
17243
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -16568,7 +17265,7 @@ var css_248z$l = ".steps-actions {\n display: flex;\n flex-direction: row-reve
16568
17265
  styleInject(css_248z$l);
16569
17266
 
16570
17267
  var SupportCreationComponent = function (props) {
16571
- var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
17268
+ var t = props.t, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
16572
17269
  useLocation().state;
16573
17270
  var _a = useState(); _a[0]; _a[1];
16574
17271
  var formOne = Form.useForm()[0];
@@ -16581,6 +17278,7 @@ var SupportCreationComponent = function (props) {
16581
17278
  var _f = useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
16582
17279
  var _g = useState([]), instrument = _g[0], setInstrument = _g[1];
16583
17280
  var _h = useState(); _h[0]; var setStepOneData = _h[1];
17281
+ var userInfoState = useUserContext().userInfoState;
16584
17282
  var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
16585
17283
  label: addSpaces(Object.values(Instrument)[index]),
16586
17284
  value: Object.values(Instrument)[index],
@@ -16923,7 +17621,7 @@ var SupportCreationComponent = function (props) {
16923
17621
  };
16924
17622
 
16925
17623
  var SupportManagementComponent = function (props) {
16926
- var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
17624
+ var translator = props.translator; props.onNavigateToProgrammeView; var enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
16927
17625
  var t = translator.t;
16928
17626
  var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
16929
17627
  label: addSpaces(Object.values(InvestmentStatus)[index]),
@@ -17425,7 +18123,7 @@ var css_248z$k = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[valu
17425
18123
  styleInject(css_248z$k);
17426
18124
 
17427
18125
  var NdcActionManagementComponent = function (props) {
17428
- var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
18126
+ var t = props.t, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
17429
18127
  var _a = useState(true), checkAll = _a[0], setCheckAll = _a[1];
17430
18128
  var _b = useState([]), tableData = _b[0], setTableData = _b[1];
17431
18129
  var _c = useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
@@ -17440,6 +18138,7 @@ var NdcActionManagementComponent = function (props) {
17440
18138
  var _m = useState(), dataFilter = _m[0]; _m[1];
17441
18139
  var _o = useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
17442
18140
  var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
18141
+ var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
17443
18142
  var Search = Input.Search;
17444
18143
  var post = useConnection().post;
17445
18144
  var userInfoState = useUserContext().userInfoState;
@@ -17447,7 +18146,7 @@ var NdcActionManagementComponent = function (props) {
17447
18146
  label: addSpaces(Object.values(NdcActionStatus)[index]),
17448
18147
  value: Object.values(NdcActionStatus)[index],
17449
18148
  }); });
17450
- 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];
17451
18150
  var getNdcActionNames = function (action) {
17452
18151
  switch (action) {
17453
18152
  case NdcActionTypes.Adaptation:
@@ -17629,6 +18328,11 @@ var NdcActionManagementComponent = function (props) {
17629
18328
  response = _a.sent();
17630
18329
  setTableData(response.data);
17631
18330
  setTotalProgramme(response.response.data.total);
18331
+ setDataQuery({
18332
+ filterAnd: filter,
18333
+ filterBy: filterBy,
18334
+ sort: sort,
18335
+ });
17632
18336
  setLoading(false);
17633
18337
  return [3 /*break*/, 4];
17634
18338
  case 3:
@@ -17687,6 +18391,49 @@ var NdcActionManagementComponent = function (props) {
17687
18391
  }
17688
18392
  });
17689
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
+ }); };
17690
18437
  useEffect(function () {
17691
18438
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
17692
18439
  getUserDetails();
@@ -17782,7 +18529,13 @@ var NdcActionManagementComponent = function (props) {
17782
18529
  return e.target.value === ""
17783
18530
  ? setSearch(e.target.value)
17784
18531
  : setSearchText(e.target.value);
17785
- }, 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
+ } })))))),
17786
18539
  React.createElement(Row, null,
17787
18540
  React.createElement(Col, { span: 24 },
17788
18541
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -18784,7 +19537,7 @@ var GenderParity = function (props) {
18784
19537
  };
18785
19538
 
18786
19539
  var Assessment = function (props) {
18787
- var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, translator = props.translator;
19540
+ var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, translator = props.translator;
18788
19541
  translator.setDefaultNamespace("coBenifits");
18789
19542
  var t = translator.t;
18790
19543
  var form1 = Form.useForm()[0];
@@ -21189,7 +21942,7 @@ var SocialEnvironmentalRisk = function (props) {
21189
21942
  };
21190
21943
 
21191
21944
  var CoBenifitsComponent = function (props) {
21192
- var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator, useConnection = props.useConnection;
21945
+ var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
21193
21946
  var _b = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
21194
21947
  var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
21195
21948
  var _d = useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
@@ -21263,7 +22016,7 @@ var CoBenifitsComponent = function (props) {
21263
22016
  label: t("coBenifits:assessment"),
21264
22017
  key: "7",
21265
22018
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
21266
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
22019
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, translator: translator })),
21267
22020
  },
21268
22021
  {
21269
22022
  label: t("coBenifits:socialEnvironmentalRisk"),
@@ -21432,7 +22185,7 @@ var CoBenifitsComponent = function (props) {
21432
22185
  };
21433
22186
 
21434
22187
  var AddNdcActionComponent = function (props) {
21435
- var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
22188
+ var useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
21436
22189
  translator.setDefaultNamespace("ndcAction");
21437
22190
  var t = translator.t;
21438
22191
  var _a = useState(1), current = _a[0], setCurrent = _a[1];
@@ -21574,7 +22327,7 @@ var AddNdcActionComponent = function (props) {
21574
22327
  description: (React.createElement("div", { className: current !== 2 ? "hide" : "" },
21575
22328
  React.createElement(CoBenifitsComponent, { onClickedBackBtn: onClickBackCoBenefits, coBenefitsDetails: ndcActionDetails ? ndcActionDetails.coBenefitsProperties : {}, onFormSubmit: onCoBenefitsSubmit, submitButtonText: isProjectReportsVisible()
21576
22329
  ? t("ndcAction:next")
21577
- : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator }))),
22330
+ : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, translator: translator }))),
21578
22331
  },
21579
22332
  ];
21580
22333
  if (isProjectReportsVisible()) {
@@ -21711,7 +22464,7 @@ var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId
21711
22464
  var NdcActionViewComponent = function (props) {
21712
22465
  var _a;
21713
22466
  var _b, _c;
21714
- var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
22467
+ var useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
21715
22468
  translator.setDefaultNamespace("ndcAction");
21716
22469
  var t = translator.t;
21717
22470
  var userInfoState = useUserContext().userInfoState;
@@ -22210,13 +22963,13 @@ var NdcActionViewComponent = function (props) {
22210
22963
  React.createElement(Card, { className: "card-container" },
22211
22964
  React.createElement("div", { className: "co-benifits-view" },
22212
22965
  React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
22213
- React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator })))))))));
22966
+ React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, translator: translator })))))))));
22214
22967
  };
22215
22968
 
22216
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";
22217
22970
  styleInject(css_248z$e);
22218
22971
 
22219
- 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";
22220
22973
  styleInject(css_248z$d);
22221
22974
 
22222
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)))};
@@ -22363,7 +23116,7 @@ var TransferActionModel = function (props) {
22363
23116
  };
22364
23117
 
22365
23118
  var CreditTransferComponent = function (props) {
22366
- var useConnection = props.useConnection, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
23119
+ var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
22367
23120
  var userInfoState = useUserContext().userInfoState;
22368
23121
  var t = translator.t;
22369
23122
  var statusOptions = Object.keys(CreditTransferStage).map(function (k, index) { return ({
@@ -22395,6 +23148,7 @@ var CreditTransferComponent = function (props) {
22395
23148
  var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
22396
23149
  var _z = useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
22397
23150
  var _0 = useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
23151
+ var _1 = useState(), dataQuery = _1[0], setDataQuery = _1[1];
22398
23152
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
22399
23153
  return __generator(this, function (_a) {
22400
23154
  console.log(checkedValues);
@@ -22498,6 +23252,12 @@ var CreditTransferComponent = function (props) {
22498
23252
  console.log(response);
22499
23253
  setTableData(response.data);
22500
23254
  setTotalProgramme(response.response.data.total);
23255
+ setDataQuery({
23256
+ filterAnd: filter,
23257
+ filterOr: dataFilter,
23258
+ sort: sort,
23259
+ filterBy: filterBy,
23260
+ });
22501
23261
  setLoading(false);
22502
23262
  return [3 /*break*/, 4];
22503
23263
  case 3:
@@ -22515,8 +23275,53 @@ var CreditTransferComponent = function (props) {
22515
23275
  }
22516
23276
  });
22517
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
+ }); };
22518
23323
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
22519
- var response, error_2;
23324
+ var response, error_3;
22520
23325
  var _a, _b, _c, _d, _e, _f;
22521
23326
  return __generator(this, function (_g) {
22522
23327
  switch (_g.label) {
@@ -22548,8 +23353,8 @@ var CreditTransferComponent = function (props) {
22548
23353
  setLoading(false);
22549
23354
  return [3 /*break*/, 4];
22550
23355
  case 3:
22551
- error_2 = _g.sent();
22552
- console.log("Error in getting users", error_2);
23356
+ error_3 = _g.sent();
23357
+ console.log("Error in getting users", error_3);
22553
23358
  setLoading(false);
22554
23359
  return [3 /*break*/, 4];
22555
23360
  case 4: return [2 /*return*/];
@@ -22573,7 +23378,7 @@ var CreditTransferComponent = function (props) {
22573
23378
  }
22574
23379
  }, []);
22575
23380
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
22576
- var response, successMsg, error_3;
23381
+ var response, successMsg, error_4;
22577
23382
  return __generator(this, function (_a) {
22578
23383
  switch (_a.label) {
22579
23384
  case 0:
@@ -22603,10 +23408,10 @@ var CreditTransferComponent = function (props) {
22603
23408
  setModalVisible(false);
22604
23409
  return [3 /*break*/, 4];
22605
23410
  case 3:
22606
- error_3 = _a.sent();
22607
- console.log("Error in Cancelling transfer request", error_3);
23411
+ error_4 = _a.sent();
23412
+ console.log("Error in Cancelling transfer request", error_4);
22608
23413
  setLoading(false);
22609
- return [2 /*return*/, error_3.message];
23414
+ return [2 /*return*/, error_4.message];
22610
23415
  case 4: return [2 /*return*/];
22611
23416
  }
22612
23417
  });
@@ -22955,7 +23760,7 @@ var CreditTransferComponent = function (props) {
22955
23760
  ]
22956
23761
  : undefined);
22957
23762
  } }, t("view:seeMine")),
22958
- (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) {
22959
23764
  if (v.target.checked) {
22960
23765
  setMinistryLevelFilter(true);
22961
23766
  }
@@ -22968,7 +23773,13 @@ var CreditTransferComponent = function (props) {
22968
23773
  return e.target.value === ""
22969
23774
  ? setSearch(e.target.value)
22970
23775
  : setSearchText(e.target.value);
22971
- }, 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
+ } })))))),
22972
23783
  React.createElement(Row, null,
22973
23784
  React.createElement(Col, { span: 24 },
22974
23785
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -23298,8 +24109,8 @@ var MapStatsComponent = function (props) {
23298
24109
 
23299
24110
  var RangePicker$2 = DatePicker.RangePicker;
23300
24111
  var MrvDashboardComponent = function (props) {
23301
- var useConnection = props.useConnection, useUserContext = props.useUserContext, Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
23302
- var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
24112
+ var Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
24113
+ var _b = useConnection(); _b.get; var post = _b.post; _b.delete; var statServerUrl = _b.statServerUrl;
23303
24114
  var _c = useState({}), data = _c[0], setData = _c[1];
23304
24115
  var _e = useState(false), loading = _e[0], setLoading = _e[1];
23305
24116
  var userInfoState = useUserContext().userInfoState;
@@ -23782,7 +24593,7 @@ var MrvDashboardComponent = function (props) {
23782
24593
  _e.label = 1;
23783
24594
  case 1:
23784
24595
  _e.trys.push([1, 3, 4, 5]);
23785
- return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, process.env.REACT_APP_STAT_URL)];
24596
+ return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, statServerUrl)];
23786
24597
  case 2:
23787
24598
  response = _e.sent();
23788
24599
  console.log("Response", response);
@@ -25033,8 +25844,8 @@ var RegistryBarChartsStatComponent = function (props) {
25033
25844
 
25034
25845
  var RangePicker$1 = DatePicker.RangePicker;
25035
25846
  var RegistryDashboardComponent = function (props) {
25036
- var useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
25037
- var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
25847
+ var Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
25848
+ var _b = useConnection(); _b.get; var post = _b.post; _b.delete; var statServerUrl = _b.statServerUrl;
25038
25849
  var userInfoState = useUserContext().userInfoState;
25039
25850
  var _c = useState(false), loadingWithoutTimeRange = _c[0], setLoadingWithoutTimeRange = _c[1];
25040
25851
  var _e = useState(false), loading = _e[0], setLoading = _e[1];
@@ -25481,7 +26292,7 @@ var RegistryDashboardComponent = function (props) {
25481
26292
  _253.label = 1;
25482
26293
  case 1:
25483
26294
  _253.trys.push([1, 3, 4, 5]);
25484
- return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, process.env.REACT_APP_STAT_URL)];
26295
+ return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, statServerUrl)];
25485
26296
  case 2:
25486
26297
  response = _253.sent();
25487
26298
  totalCreditsCertifiedStats = void 0;
@@ -25758,7 +26569,7 @@ var RegistryDashboardComponent = function (props) {
25758
26569
  _77.label = 1;
25759
26570
  case 1:
25760
26571
  _77.trys.push([1, 3, 4, 5]);
25761
- return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, process.env.REACT_APP_STAT_URL)];
26572
+ return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, statServerUrl)];
25762
26573
  case 2:
25763
26574
  response = _77.sent();
25764
26575
  programmeByStatusAggregationResponse = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.stats) === null || _b === void 0 ? void 0 : _b.AGG_PROGRAMME_BY_STATUS) === null || _c === void 0 ? void 0 : _c.data;
@@ -25851,7 +26662,7 @@ var RegistryDashboardComponent = function (props) {
25851
26662
  _188.label = 1;
25852
26663
  case 1:
25853
26664
  _188.trys.push([1, 3, 4, 5]);
25854
- return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, process.env.REACT_APP_STAT_URL)];
26665
+ return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, statServerUrl)];
25855
26666
  case 2:
25856
26667
  response = _188.sent();
25857
26668
  programmeByStatusAuthAggregationResponse = void 0;
@@ -26754,7 +27565,21 @@ var EditableCell = function (_a) {
26754
27565
  }); },
26755
27566
  },
26756
27567
  ] },
26757
- 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: [
26758
27583
  {
26759
27584
  validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26760
27585
  var trimValue;
@@ -26818,7 +27643,7 @@ var getNdcActionStatusTagType = function (status) {
26818
27643
  };
26819
27644
 
26820
27645
  var NdcDetailsComponent = function (props) {
26821
- var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext;
27646
+ var t = props.t;
26822
27647
  var RangePicker = DatePicker.RangePicker;
26823
27648
  var _a = useState([]), ndcActionsList = _a[0], setNdcActionsList = _a[1];
26824
27649
  var _b = useState(false), loading = _b[0], setLoading = _b[1];
@@ -26861,11 +27686,13 @@ var NdcDetailsComponent = function (props) {
26861
27686
  : undefined;
26862
27687
  var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
26863
27688
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
26864
- var isMainNdcActionsEditable = !selectedPeriod.finalized &&
27689
+ var isMainNdcActionsEditable = selectedPeriod &&
27690
+ !selectedPeriod.finalized &&
26865
27691
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
26866
27692
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
26867
27693
  var isSubNdcActionsEditable = function (record) {
26868
- return (!selectedPeriod.finalized &&
27694
+ return (selectedPeriod &&
27695
+ !selectedPeriod.finalized &&
26869
27696
  record.status !== NdcDetailsActionStatus.Approved &&
26870
27697
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
26871
27698
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY &&
@@ -26873,7 +27700,8 @@ var NdcDetailsComponent = function (props) {
26873
27700
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
26874
27701
  };
26875
27702
  var checkSubNdcActionCreatePermission = function () {
26876
- return (!selectedPeriod.finalized &&
27703
+ return (selectedPeriod &&
27704
+ !selectedPeriod.finalized &&
26877
27705
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
26878
27706
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
26879
27707
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
@@ -26886,7 +27714,7 @@ var NdcDetailsComponent = function (props) {
26886
27714
  return isSubNdcActionsEditable(record);
26887
27715
  }
26888
27716
  };
26889
- var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
27717
+ var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
26890
27718
  ? ndcActionsList.filter(function (ndcDetail) {
26891
27719
  return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
26892
27720
  ndcDetail.actionType === NdcDetailsActionType.MainAction);
@@ -26902,6 +27730,7 @@ var NdcDetailsComponent = function (props) {
26902
27730
  actionType: NdcDetailsActionType.SubAction,
26903
27731
  nationalPlanObjective: "",
26904
27732
  kpi: "",
27733
+ kpiUnit: "",
26905
27734
  ministryName: loginMinistry,
26906
27735
  status: NdcDetailsActionStatus.New,
26907
27736
  parentActionId: mainActionId,
@@ -26913,6 +27742,7 @@ var NdcDetailsComponent = function (props) {
26913
27742
  form.setFieldsValue({
26914
27743
  nationalPlanObjective: "",
26915
27744
  kpi: "",
27745
+ kpiUnit: "",
26916
27746
  });
26917
27747
  }
26918
27748
  setSubNdcActionsForPeriod(subNdcDetails);
@@ -26954,6 +27784,7 @@ var NdcDetailsComponent = function (props) {
26954
27784
  return [2 /*return*/];
26955
27785
  }
26956
27786
  else if (updatedFields.kpi === row.kpi &&
27787
+ updatedFields.kpiUnit === row.kpiUnit &&
26957
27788
  updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
26958
27789
  ClearEditMode();
26959
27790
  return [2 /*return*/];
@@ -26967,13 +27798,13 @@ var NdcDetailsComponent = function (props) {
26967
27798
  else {
26968
27799
  updatedItem.status = NdcDetailsActionStatus.Pending;
26969
27800
  }
26970
- 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()) }))];
26971
27802
  case 5:
26972
27803
  _a.sent();
26973
27804
  return [3 /*break*/, 8];
26974
27805
  case 6:
26975
27806
  updatedItem.status = NdcDetailsActionStatus.Pending;
26976
- 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()) }))];
26977
27808
  case 7:
26978
27809
  _a.sent();
26979
27810
  _a.label = 8;
@@ -26998,6 +27829,7 @@ var NdcDetailsComponent = function (props) {
26998
27829
  var actionMenu = function (record) {
26999
27830
  if (record.status === NdcDetailsActionStatus.Pending &&
27000
27831
  isGovernmentUser &&
27832
+ selectedPeriod &&
27001
27833
  !selectedPeriod.finalized) {
27002
27834
  return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
27003
27835
  {
@@ -27057,7 +27889,17 @@ var NdcDetailsComponent = function (props) {
27057
27889
  width: 100,
27058
27890
  editable: true,
27059
27891
  render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpi ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27060
- 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") })))); },
27061
27903
  },
27062
27904
  {
27063
27905
  title: t("ndc:ndcColumnsMinistry"),
@@ -27121,6 +27963,7 @@ var NdcDetailsComponent = function (props) {
27121
27963
  form.setFieldsValue({
27122
27964
  nationalPlanObjective: "",
27123
27965
  kpi: "",
27966
+ kpiUnit: "",
27124
27967
  });
27125
27968
  periodId = parseInt(selectedPeriod.key);
27126
27969
  newData_1 = {
@@ -27128,6 +27971,7 @@ var NdcDetailsComponent = function (props) {
27128
27971
  actionType: NdcDetailsActionType.MainAction,
27129
27972
  nationalPlanObjective: "",
27130
27973
  kpi: "",
27974
+ kpiUnit: "",
27131
27975
  ministryName: loginMinistry,
27132
27976
  periodId: periodId,
27133
27977
  status: NdcDetailsActionStatus.New,
@@ -27266,10 +28110,11 @@ var NdcDetailsComponent = function (props) {
27266
28110
  };
27267
28111
  }, footer: function () {
27268
28112
  return isGovernmentUser &&
28113
+ selectedPeriod &&
27269
28114
  !selectedPeriod.finalized && (React.createElement(Row, { justify: "center" },
27270
28115
  React.createElement(Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
27271
28116
  } })))),
27272
- 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,
27273
28118
  React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
27274
28119
  React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
27275
28120
  React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -27617,10 +28462,12 @@ var NdcDetailsComponent = function (props) {
27617
28462
  React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
27618
28463
  React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
27619
28464
  React.createElement("div", null,
27620
- React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
27621
- React.createElement("div", null, selectedPeriod.key === "add_new"
27622
- ? addNewPeriodContent()
27623
- : 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
+ : ""),
27624
28471
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
27625
28472
  };
27626
28473
 
@@ -27793,7 +28640,7 @@ var ProgrammeIssueForm = function (props) {
27793
28640
  };
27794
28641
 
27795
28642
  var ProgrammeRetireForm = function (props) {
27796
- var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, translator = props.translator, useConnection = props.useConnection;
28643
+ var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, translator = props.translator;
27797
28644
  var t = translator.t;
27798
28645
  var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
27799
28646
  var _b = useState(false), loading = _b[0], setLoading = _b[1];
@@ -28169,7 +29016,7 @@ var ProgrammeRevokeForm = function (props) {
28169
29016
  };
28170
29017
 
28171
29018
  var ProgrammeTransferForm = function (props) {
28172
- var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var toCompanyDefault = props.toCompanyDefault, disableToCompany = props.disableToCompany, receiverLabelText = props.receiverLabelText, userCompanyId = props.userCompanyId, companyRole = props.companyRole, translator = props.translator, useConnection = props.useConnection, _a = props.ministryLevelPermission, ministryLevelPermission = _a === void 0 ? false : _a;
29019
+ var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var toCompanyDefault = props.toCompanyDefault, disableToCompany = props.disableToCompany, receiverLabelText = props.receiverLabelText, userCompanyId = props.userCompanyId, companyRole = props.companyRole, translator = props.translator, _a = props.ministryLevelPermission, ministryLevelPermission = _a === void 0 ? false : _a;
28173
29020
  var t = translator.t;
28174
29021
  var _b = useState(undefined), popupError = _b[0], setPopupError = _b[1];
28175
29022
  var _c = useState(false), loading = _c[0], setLoading = _c[1];
@@ -28194,8 +29041,8 @@ var ProgrammeTransferForm = function (props) {
28194
29041
  },
28195
29042
  {
28196
29043
  key: "companyRole",
28197
- operation: "!=",
28198
- value: "Certifier",
29044
+ operation: "=",
29045
+ value: CompanyRole.PROGRAMME_DEVELOPER,
28199
29046
  },
28200
29047
  ],
28201
29048
  sort: {
@@ -28400,7 +29247,7 @@ var css_248z$5 = ".ndc-action-body {\n display: flex;\n flex-direction: column
28400
29247
  styleInject(css_248z$5);
28401
29248
 
28402
29249
  var NdcActionBody = function (props) {
28403
- var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, translator = props.translator, useUserContext = props.useUserContext, onFinish = props.onFinish, programme = props.programme;
29250
+ var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, translator = props.translator, onFinish = props.onFinish, programme = props.programme;
28404
29251
  var t = translator.t;
28405
29252
  var userInfoState = useUserContext().userInfoState;
28406
29253
  var fileInputMonitoringRef = useRef(null);
@@ -28836,7 +29683,7 @@ var css_248z$4 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-vi
28836
29683
  styleInject(css_248z$4);
28837
29684
 
28838
29685
  var ProgrammeDocuments = function (props) {
28839
- var data = props.data, title = props.title, icon = props.icon, programmeId = props.programmeId, programmeOwnerId = props.programmeOwnerId, getDocumentDetails = props.getDocumentDetails, getProgrammeById = props.getProgrammeById, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, useUserContext = props.useUserContext, translator = props.translator, methodologyDocumentUpdated = props.methodologyDocumentUpdated, programmeStatus = props.programmeStatus;
29686
+ var data = props.data, title = props.title, icon = props.icon, programmeId = props.programmeId, programmeOwnerId = props.programmeOwnerId, getDocumentDetails = props.getDocumentDetails, getProgrammeById = props.getProgrammeById, ministryLevelPermission = props.ministryLevelPermission, translator = props.translator, methodologyDocumentUpdated = props.methodologyDocumentUpdated, programmeStatus = props.programmeStatus;
28840
29687
  var t = translator.t;
28841
29688
  var userInfoState = useUserContext().userInfoState;
28842
29689
  var _a = useConnection(); _a.delete; var post = _a.post;
@@ -29379,7 +30226,7 @@ var TimelineBody = function (props) {
29379
30226
  React.createElement("div", { className: "remark-body" }, remark)))));
29380
30227
  };
29381
30228
 
29382
- 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";
29383
30230
  styleInject(css_248z$2);
29384
30231
 
29385
30232
  var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -29787,7 +30634,7 @@ var GHGUserActionConfirmationModel = function (props) {
29787
30634
  };
29788
30635
 
29789
30636
  var GHGEmissionsComponent = function (props) {
29790
- var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
30637
+ var t = props.t;
29791
30638
  var userInfoState = useUserContext().userInfoState;
29792
30639
  var _a = useState([]), data = _a[0], setData = _a[1];
29793
30640
  var _b = useConnection(), get = _b.get, post = _b.post;
@@ -29833,14 +30680,26 @@ var GHGEmissionsComponent = function (props) {
29833
30680
  var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
29834
30681
  var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
29835
30682
  var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
29836
- var _20 = useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
29837
- var _21 = useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
29838
- var _22 = useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
29839
- var _23 = useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
29840
- var _24 = useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
29841
- var _25 = useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
29842
- var _26 = useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
29843
- 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];
29844
30703
  var Panel = Collapse.Panel;
29845
30704
  var form = Form.useForm()[0];
29846
30705
  var createSetFieldObject = function (obj, objName) {
@@ -30995,19 +31854,35 @@ var GHGEmissionsComponent = function (props) {
30995
31854
  return 0;
30996
31855
  }
30997
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
+ };
30998
31869
  var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
30999
31870
  React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
31000
31871
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
31001
31872
  React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
31002
31873
  React.createElement(Row, { gutter: 16 },
31003
31874
  React.createElement(Col, { xl: 6 },
31004
- 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)))))),
31005
31877
  React.createElement(Col, { xl: 6 },
31006
- 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)))))),
31007
31880
  React.createElement(Col, { xl: 6 },
31008
- 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)))))),
31009
31883
  React.createElement(Col, { xl: 6 },
31010
- 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)))))))))); };
31011
31886
  var renderPanelHeaderView = function (panelHeading, tabData) {
31012
31887
  var emissionsObject = tabData[panelHeading];
31013
31888
  return (React.createElement(Row, { gutter: 16 },
@@ -31016,13 +31891,17 @@ var GHGEmissionsComponent = function (props) {
31016
31891
  React.createElement(Col, { xl: 9, md: 9 },
31017
31892
  React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
31018
31893
  React.createElement(Col, { xl: 6 },
31019
- 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')))))),
31020
31896
  React.createElement(Col, { xl: 6 },
31021
- 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')))))),
31022
31899
  React.createElement(Col, { xl: 6 },
31023
- 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')))))),
31024
31902
  React.createElement(Col, { xl: 6 },
31025
- 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'))))))))));
31026
31905
  };
31027
31906
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
31028
31907
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31030,61 +31909,65 @@ var GHGEmissionsComponent = function (props) {
31030
31909
  React.createElement(Col, { xl: 9, md: 9 },
31031
31910
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
31032
31911
  React.createElement(Col, { xl: 6 },
31033
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31034
- {
31035
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31036
- return __generator(this, function (_a) {
31037
- if (value && value < 0) {
31038
- throw new Error();
31039
- }
31040
- return [2 /*return*/];
31041
- });
31042
- }); },
31043
- },
31044
- ] },
31045
- 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 })))),
31046
31926
  React.createElement(Col, { xl: 6 },
31047
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31048
- {
31049
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31050
- return __generator(this, function (_a) {
31051
- if (value && value < 0) {
31052
- throw new Error();
31053
- }
31054
- return [2 /*return*/];
31055
- });
31056
- }); },
31057
- },
31058
- ] },
31059
- 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 })))),
31060
31941
  React.createElement(Col, { xl: 6 },
31061
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31062
- {
31063
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31064
- return __generator(this, function (_a) {
31065
- if (value && value < 0) {
31066
- throw new Error();
31067
- }
31068
- return [2 /*return*/];
31069
- });
31070
- }); },
31071
- },
31072
- ] },
31073
- 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 })))),
31074
31956
  React.createElement(Col, { xl: 6 },
31075
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31076
- {
31077
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31078
- return __generator(this, function (_a) {
31079
- if (value && value < 0) {
31080
- throw new Error();
31081
- }
31082
- return [2 /*return*/];
31083
- });
31084
- }); },
31085
- },
31086
- ] },
31087
- 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 })))))))); };
31088
31971
  var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
31089
31972
  return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
31090
31973
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31092,13 +31975,21 @@ var GHGEmissionsComponent = function (props) {
31092
31975
  React.createElement(Col, { xl: 9, md: 9 },
31093
31976
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
31094
31977
  React.createElement(Col, { xl: 6 },
31095
- 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 })))),
31096
31981
  React.createElement(Col, { xl: 6 },
31097
- 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 })))),
31098
31985
  React.createElement(Col, { xl: 6 },
31099
- 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 })))),
31100
31989
  React.createElement(Col, { xl: 6 },
31101
- 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 }))))))));
31102
31993
  };
31103
31994
  var objectToCSV = function (dataToDownload) {
31104
31995
  var flattenObject = function (obj, prefix) {
@@ -31169,6 +32060,17 @@ var GHGEmissionsComponent = function (props) {
31169
32060
  }
31170
32061
  return false;
31171
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
+ };
31172
32074
  var canViewForm = function () {
31173
32075
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
31174
32076
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -31186,7 +32088,9 @@ var GHGEmissionsComponent = function (props) {
31186
32088
  React.createElement("div", { className: "title-bar" },
31187
32089
  React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
31188
32090
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
31189
- 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" },
31190
32094
  React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
31191
32095
  (canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
31192
32096
  React.createElement("div", null,
@@ -31291,13 +32195,17 @@ var GHGEmissionsComponent = function (props) {
31291
32195
  React.createElement(Col, { xl: 9, md: 9 },
31292
32196
  React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
31293
32197
  React.createElement(Col, { xl: 6 },
31294
- 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))))),
31295
32200
  React.createElement(Col, { xl: 6 },
31296
- 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))))),
31297
32203
  React.createElement(Col, { xl: 6 },
31298
- 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))))),
31299
32206
  React.createElement(Col, { xl: 6 },
31300
- 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)))))))),
31301
32209
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
31302
32210
  var isActive = _a.isActive;
31303
32211
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -31322,122 +32230,130 @@ var GHGEmissionsComponent = function (props) {
31322
32230
  React.createElement(Col, { xl: 9, md: 9 },
31323
32231
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31324
32232
  React.createElement(Col, { xl: 6 },
31325
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
31326
- {
31327
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31328
- return __generator(this, function (_a) {
31329
- if (value && value < 0) {
31330
- throw new Error();
31331
- }
31332
- return [2 /*return*/];
31333
- });
31334
- }); },
31335
- },
31336
- ] },
31337
- 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 })))),
31338
32247
  React.createElement(Col, { xl: 6 },
31339
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
31340
- {
31341
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31342
- return __generator(this, function (_a) {
31343
- if (value && value < 0) {
31344
- throw new Error();
31345
- }
31346
- return [2 /*return*/];
31347
- });
31348
- }); },
31349
- },
31350
- ] },
31351
- 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 })))),
31352
32262
  React.createElement(Col, { xl: 6 },
31353
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31354
- {
31355
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31356
- return __generator(this, function (_a) {
31357
- if (value && value < 0) {
31358
- throw new Error();
31359
- }
31360
- return [2 /*return*/];
31361
- });
31362
- }); },
31363
- },
31364
- ] },
31365
- 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 })))),
31366
32277
  React.createElement(Col, { xl: 6 },
31367
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31368
- {
31369
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31370
- return __generator(this, function (_a) {
31371
- if (value && value < 0) {
31372
- throw new Error();
31373
- }
31374
- return [2 /*return*/];
31375
- });
31376
- }); },
31377
- },
31378
- ] },
31379
- 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 }))))))),
31380
32292
  React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31381
32293
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31382
32294
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31383
32295
  React.createElement(Col, { xl: 9, md: 9 },
31384
32296
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31385
32297
  React.createElement(Col, { xl: 6 },
31386
- React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
31387
- {
31388
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31389
- return __generator(this, function (_a) {
31390
- if (value && value < 0) {
31391
- throw new Error();
31392
- }
31393
- return [2 /*return*/];
31394
- });
31395
- }); },
31396
- },
31397
- ] },
31398
- 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 })))),
31399
32312
  React.createElement(Col, { xl: 6 },
31400
- React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
31401
- {
31402
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31403
- return __generator(this, function (_a) {
31404
- if (value && value < 0) {
31405
- throw new Error();
31406
- }
31407
- return [2 /*return*/];
31408
- });
31409
- }); },
31410
- },
31411
- ] },
31412
- 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 })))),
31413
32327
  React.createElement(Col, { xl: 6 },
31414
- React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
31415
- {
31416
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31417
- return __generator(this, function (_a) {
31418
- if (value && value < 0) {
31419
- throw new Error();
31420
- }
31421
- return [2 /*return*/];
31422
- });
31423
- }); },
31424
- },
31425
- ] },
31426
- 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 })))),
31427
32342
  React.createElement(Col, { xl: 6 },
31428
- React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
31429
- {
31430
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31431
- return __generator(this, function (_a) {
31432
- if (value && value < 0) {
31433
- throw new Error();
31434
- }
31435
- return [2 /*return*/];
31436
- });
31437
- }); },
31438
- },
31439
- ] },
31440
- 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 }))))))),
31441
32357
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
31442
32358
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
31443
32359
  (React.createElement("div", { className: "steps-actions" },
@@ -31446,7 +32362,7 @@ var GHGEmissionsComponent = function (props) {
31446
32362
  React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
31447
32363
  React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
31448
32364
  data.map(function (tabData) {
31449
- 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;
31450
32366
  return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
31451
32367
  tabData.year,
31452
32368
  tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
@@ -31486,13 +32402,17 @@ var GHGEmissionsComponent = function (props) {
31486
32402
  React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
31487
32403
  React.createElement(Row, { gutter: 16 },
31488
32404
  React.createElement(Col, { xl: 6 },
31489
- 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')))))),
31490
32407
  React.createElement(Col, { xl: 6 },
31491
- 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')))))),
31492
32410
  React.createElement(Col, { xl: 6 },
31493
- 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')))))),
31494
32413
  React.createElement(Col, { xl: 6 },
31495
- 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'))))))))),
31496
32416
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
31497
32417
  var isActive = _a.isActive;
31498
32418
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -31547,49 +32467,81 @@ var GHGEmissionsComponent = function (props) {
31547
32467
  React.createElement(Col, { xl: 9, md: 9 },
31548
32468
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31549
32469
  React.createElement(Col, { xl: 6 },
31550
- 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)
31551
32471
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
31552
- : (_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 })))),
31553
32477
  React.createElement(Col, { xl: 6 },
31554
- React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
31555
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
31556
- : (_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 })))),
31557
32485
  React.createElement(Col, { xl: 6 },
31558
- React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
31559
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
31560
- : (_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 })))),
31561
32493
  React.createElement(Col, { xl: 6 },
31562
- React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
31563
- ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
31564
- : (_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 })))))))),
31565
32501
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31566
32502
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31567
32503
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31568
32504
  React.createElement(Col, { xl: 9, md: 9 },
31569
32505
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31570
32506
  React.createElement(Col, { xl: 6 },
31571
- React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
31572
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
31573
- : (_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 })))),
31574
32514
  React.createElement(Col, { xl: 6 },
31575
- React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
31576
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
31577
- : (_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 })))),
31578
32522
  React.createElement(Col, { xl: 6 },
31579
- React.createElement(InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
31580
- ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
31581
- : (_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 })))),
31582
32530
  React.createElement(Col, { xl: 6 },
31583
- React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
31584
- ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
31585
- : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
31586
- })))),
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
+ }))))),
31587
32539
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
31588
32540
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
31589
32541
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
31590
32542
  };
31591
32543
 
31592
- 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";
31593
32545
  styleInject(css_248z$1);
31594
32546
 
31595
32547
  var ProjectionTypes = {
@@ -31599,7 +32551,7 @@ var ProjectionTypes = {
31599
32551
  };
31600
32552
 
31601
32553
  var GHGProjectionsComponent = function (props) {
31602
- var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
32554
+ var t = props.t;
31603
32555
  var userInfoState = useUserContext().userInfoState;
31604
32556
  var _a = useState([]), data = _a[0], setData = _a[1];
31605
32557
  var _b = useConnection(); _b.put; var get = _b.get, post = _b.post;
@@ -31636,14 +32588,24 @@ var GHGProjectionsComponent = function (props) {
31636
32588
  var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
31637
32589
  var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
31638
32590
  var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
31639
- var _11 = useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
31640
- var _12 = useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
31641
- var _13 = useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
31642
- var _14 = useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
31643
- var _15 = useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
31644
- var _16 = useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
31645
- var _17 = useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
31646
- 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];
31647
32609
  var Panel = Collapse.Panel;
31648
32610
  var form = Form.useForm()[0];
31649
32611
  var createSetFieldObject = function (obj, objName) {
@@ -32667,17 +33629,32 @@ var GHGProjectionsComponent = function (props) {
32667
33629
  }
32668
33630
  return 0;
32669
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
+ };
32670
33644
  var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
32671
33645
  React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
32672
33646
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
32673
33647
  React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
32674
33648
  React.createElement(Row, { gutter: 16 },
32675
33649
  React.createElement(Col, { xl: 7 },
32676
- 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)))))),
32677
33652
  React.createElement(Col, { xl: 7 },
32678
- 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)))))),
32679
33655
  React.createElement(Col, { xl: 7 },
32680
- 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)))))))))); };
32681
33658
  var renderPanelHeaderView = function (panelHeading, tabData) {
32682
33659
  var projectionObject = tabData[panelHeading];
32683
33660
  return (React.createElement(Row, { gutter: 16 },
@@ -32686,11 +33663,14 @@ var GHGProjectionsComponent = function (props) {
32686
33663
  React.createElement(Col, { xl: 9, md: 9 },
32687
33664
  React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
32688
33665
  React.createElement(Col, { xl: 7 },
32689
- 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')))))),
32690
33668
  React.createElement(Col, { xl: 7 },
32691
- 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')))))),
32692
33671
  React.createElement(Col, { xl: 7 },
32693
- 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'))))))))));
32694
33674
  };
32695
33675
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
32696
33676
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32698,47 +33678,50 @@ var GHGProjectionsComponent = function (props) {
32698
33678
  React.createElement(Col, { xl: 9, md: 9 },
32699
33679
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
32700
33680
  React.createElement(Col, { xl: 7 },
32701
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
32702
- {
32703
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32704
- return __generator(this, function (_a) {
32705
- if (value && value < 0) {
32706
- throw new Error();
32707
- }
32708
- return [2 /*return*/];
32709
- });
32710
- }); },
32711
- },
32712
- ] },
32713
- 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 })))),
32714
33695
  React.createElement(Col, { xl: 7 },
32715
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
32716
- {
32717
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32718
- return __generator(this, function (_a) {
32719
- if (value && value < 0) {
32720
- throw new Error();
32721
- }
32722
- return [2 /*return*/];
32723
- });
32724
- }); },
32725
- },
32726
- ] },
32727
- 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 })))),
32728
33710
  React.createElement(Col, { xl: 7 },
32729
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
32730
- {
32731
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32732
- return __generator(this, function (_a) {
32733
- if (value && value < 0) {
32734
- throw new Error();
32735
- }
32736
- return [2 /*return*/];
32737
- });
32738
- }); },
32739
- },
32740
- ] },
32741
- 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 })))))))); };
32742
33725
  var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
32743
33726
  return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
32744
33727
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32746,11 +33729,17 @@ var GHGProjectionsComponent = function (props) {
32746
33729
  React.createElement(Col, { xl: 9, md: 9 },
32747
33730
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
32748
33731
  React.createElement(Col, { xl: 7 },
32749
- 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 })))),
32750
33735
  React.createElement(Col, { xl: 7 },
32751
- 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 })))),
32752
33739
  React.createElement(Col, { xl: 7 },
32753
- 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 }))))))));
32754
33743
  };
32755
33744
  var objectToCSV = function (dataToDownload) {
32756
33745
  var flattenObject = function (obj, prefix) {
@@ -32819,6 +33808,17 @@ var GHGProjectionsComponent = function (props) {
32819
33808
  }
32820
33809
  return false;
32821
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
+ };
32822
33822
  var canViewForm = function () {
32823
33823
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
32824
33824
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -32836,7 +33836,9 @@ var GHGProjectionsComponent = function (props) {
32836
33836
  React.createElement("div", { className: "title-bar" },
32837
33837
  React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
32838
33838
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
32839
- 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" },
32840
33842
  React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
32841
33843
  (canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
32842
33844
  React.createElement("div", null,
@@ -32929,11 +33931,14 @@ var GHGProjectionsComponent = function (props) {
32929
33931
  React.createElement(Col, { xl: 9, md: 9 },
32930
33932
  React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
32931
33933
  React.createElement(Col, { xl: 7 },
32932
- 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))))),
32933
33936
  React.createElement(Col, { xl: 7 },
32934
- 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))))),
32935
33939
  React.createElement(Col, { xl: 7 },
32936
- 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)))))))),
32937
33942
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
32938
33943
  var isActive = _a.isActive;
32939
33944
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -32960,94 +33965,100 @@ var GHGProjectionsComponent = function (props) {
32960
33965
  React.createElement(Col, { xl: 9, md: 9 },
32961
33966
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32962
33967
  React.createElement(Col, { xl: 7 },
32963
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
32964
- {
32965
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32966
- return __generator(this, function (_a) {
32967
- if (value && value < 0) {
32968
- throw new Error();
32969
- }
32970
- return [2 /*return*/];
32971
- });
32972
- }); },
32973
- },
32974
- ] },
32975
- 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 })))),
32976
33982
  React.createElement(Col, { xl: 7 },
32977
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
32978
- {
32979
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32980
- return __generator(this, function (_a) {
32981
- if (value && value < 0) {
32982
- throw new Error();
32983
- }
32984
- return [2 /*return*/];
32985
- });
32986
- }); },
32987
- },
32988
- ] },
32989
- 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 })))),
32990
33997
  React.createElement(Col, { xl: 7 },
32991
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
32992
- {
32993
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32994
- return __generator(this, function (_a) {
32995
- if (value && value < 0) {
32996
- throw new Error();
32997
- }
32998
- return [2 /*return*/];
32999
- });
33000
- }); },
33001
- },
33002
- ] },
33003
- 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 }))))))),
33004
34012
  React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
33005
34013
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33006
34014
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33007
34015
  React.createElement(Col, { xl: 9, md: 9 },
33008
34016
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33009
34017
  React.createElement(Col, { xl: 7 },
33010
- React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
33011
- {
33012
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33013
- return __generator(this, function (_a) {
33014
- if (value && value < 0) {
33015
- throw new Error();
33016
- }
33017
- return [2 /*return*/];
33018
- });
33019
- }); },
33020
- },
33021
- ] },
33022
- 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 })))),
33023
34032
  React.createElement(Col, { xl: 7 },
33024
- React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33025
- {
33026
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33027
- return __generator(this, function (_a) {
33028
- if (value && value < 0) {
33029
- throw new Error();
33030
- }
33031
- return [2 /*return*/];
33032
- });
33033
- }); },
33034
- },
33035
- ] },
33036
- 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 })))),
33037
34047
  React.createElement(Col, { xl: 7 },
33038
- React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33039
- {
33040
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33041
- return __generator(this, function (_a) {
33042
- if (value && value < 0) {
33043
- throw new Error();
33044
- }
33045
- return [2 /*return*/];
33046
- });
33047
- }); },
33048
- },
33049
- ] },
33050
- 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 }))))))),
33051
34062
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
33052
34063
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
33053
34064
  (React.createElement("div", { className: "steps-actions" },
@@ -33056,7 +34067,7 @@ var GHGProjectionsComponent = function (props) {
33056
34067
  React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
33057
34068
  React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
33058
34069
  data.map(function (tabData) {
33059
- 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;
33060
34071
  return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
33061
34072
  tabData.year,
33062
34073
  tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
@@ -33089,11 +34100,14 @@ var GHGProjectionsComponent = function (props) {
33089
34100
  React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
33090
34101
  React.createElement(Row, { gutter: 16 },
33091
34102
  React.createElement(Col, { xl: 7 },
33092
- 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')))))),
33093
34105
  React.createElement(Col, { xl: 7 },
33094
- 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')))))),
33095
34108
  React.createElement(Col, { xl: 7 },
33096
- 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'))))))))),
33097
34111
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
33098
34112
  var isActive = _a.isActive;
33099
34113
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -33146,41 +34160,65 @@ var GHGProjectionsComponent = function (props) {
33146
34160
  React.createElement(Col, { xl: 9, md: 9 },
33147
34161
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33148
34162
  React.createElement(Col, { xl: 7 },
33149
- 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)
33150
34164
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
33151
- : (_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 })))),
33152
34170
  React.createElement(Col, { xl: 7 },
33153
- React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
33154
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
33155
- : (_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 })))),
33156
34178
  React.createElement(Col, { xl: 7 },
33157
- React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
33158
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
33159
- : (_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 })))))))),
33160
34186
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
33161
34187
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33162
34188
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33163
34189
  React.createElement(Col, { xl: 9, md: 9 },
33164
34190
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
33165
34191
  React.createElement(Col, { xl: 7 },
33166
- React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
33167
- ? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
33168
- : (_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 })))),
33169
34199
  React.createElement(Col, { xl: 7 },
33170
- React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
33171
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
33172
- : (_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 })))),
33173
34207
  React.createElement(Col, { xl: 7 },
33174
- React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33175
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33176
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
33177
- })))),
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
+ }))))),
33178
34216
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
33179
34217
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
33180
34218
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
33181
34219
  };
33182
34220
 
33183
- 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";
33184
34222
  styleInject(css_248z);
33185
34223
 
33186
34224
  var BarChartEstimatedActualStatComponent = function (props) {
@@ -33361,7 +34399,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33361
34399
  position: 'bottom',
33362
34400
  horizontalAlign: 'center',
33363
34401
  floating: false,
33364
- fontSize: '12px',
34402
+ fontSize: '14px',
33365
34403
  fontFamily: 'Inter',
33366
34404
  fontWeight: 400,
33367
34405
  formatter: undefined,
@@ -33377,12 +34415,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33377
34415
  useSeriesColors: false,
33378
34416
  },
33379
34417
  markers: {
33380
- width: 8,
33381
- height: 8,
34418
+ width: 12,
34419
+ height: 12,
33382
34420
  strokeWidth: 0,
33383
34421
  strokeColor: '#fff',
33384
34422
  fillColors: chartColors,
33385
- radius: 0,
34423
+ radius: 12,
33386
34424
  customHTML: undefined,
33387
34425
  onClick: undefined,
33388
34426
  offsetX: 0,
@@ -33582,7 +34620,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33582
34620
  ],
33583
34621
  xaxis: {
33584
34622
  title: {
33585
- text: '',
34623
+ text: 'Year',
33586
34624
  style: {
33587
34625
  color: '#263238',
33588
34626
  fontSize: '12px',
@@ -33667,12 +34705,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33667
34705
  useSeriesColors: false,
33668
34706
  },
33669
34707
  markers: {
33670
- width: [16, 16, 16, 33],
33671
- height: [16, 16, 16, 2],
34708
+ width: [12, 12, 12, 33],
34709
+ height: [12, 12, 12, 2],
33672
34710
  strokeWidth: 0,
33673
34711
  strokeColor: '#fff',
33674
34712
  fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
33675
- radius: 0,
34713
+ radius: 12,
33676
34714
  customHTML: undefined,
33677
34715
  onClick: undefined,
33678
34716
  offsetX: 0,
@@ -33694,7 +34732,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33694
34732
 
33695
34733
  var RangePicker = DatePicker.RangePicker;
33696
34734
  var GHGDashboardComponent = function (props) {
33697
- var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, ButtonGroup = props.ButtonGroup, Link = props.Link, isMultipleDashboardsVisible = props.isMultipleDashboardsVisible;
34735
+ var t = props.t, Chart = props.Chart, ButtonGroup = props.ButtonGroup, Link = props.Link, isMultipleDashboardsVisible = props.isMultipleDashboardsVisible;
33698
34736
  var _a = useConnection(); _a.get; var post = _a.post; _a.delete;
33699
34737
  var userInfoState = useUserContext().userInfoState;
33700
34738
  var _b = useState(moment().year()), endYear = _b[0], setEndYear = _b[1];
@@ -33712,7 +34750,6 @@ var GHGDashboardComponent = function (props) {
33712
34750
  [GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
33713
34751
  [GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
33714
34752
  ];
33715
- var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
33716
34753
  var handleResize = function () {
33717
34754
  setScreenWidth(window.innerWidth);
33718
34755
  };
@@ -33857,7 +34894,7 @@ var GHGDashboardComponent = function (props) {
33857
34894
  aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
33858
34895
  configs: {
33859
34896
  title: t('emissionsBySectorTitle'),
33860
- tooltip: t('emissionsBySectorTT' + TTSuffix),
34897
+ tooltip: t('emissionsBySectorTT'),
33861
34898
  colors: colors,
33862
34899
  chartColumnWidth: 12,
33863
34900
  chartWidth: 490,
@@ -33872,7 +34909,7 @@ var GHGDashboardComponent = function (props) {
33872
34909
  aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
33873
34910
  configs: {
33874
34911
  title: t('emissionsByGasTitle'),
33875
- tooltip: t('emissionsByGasTT' + TTSuffix),
34912
+ tooltip: t('emissionsByGasTT'),
33876
34913
  colors: colors,
33877
34914
  chartColumnWidth: 12,
33878
34915
  chartWidth: 490,
@@ -33886,7 +34923,7 @@ var GHGDashboardComponent = function (props) {
33886
34923
  aggType: GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
33887
34924
  configs: {
33888
34925
  title: t('emissionsMitigationPotentialBySectorTitle'),
33889
- tooltip: t('emissionsMitigationPotentialBySectorTT' + TTSuffix),
34926
+ tooltip: t('emissionsMitigationPotentialBySectorTT'),
33890
34927
  colors: colors,
33891
34928
  chartColumnWidth: 24,
33892
34929
  chartWidth: screenWidth * 0.72,
@@ -33900,7 +34937,7 @@ var GHGDashboardComponent = function (props) {
33900
34937
  aggType: GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
33901
34938
  configs: {
33902
34939
  title: t('emissionsReductionPercentageBySectorTitle'),
33903
- tooltip: t('emissionsReductionPercentageBySectorTT' + TTSuffix),
34940
+ tooltip: t('emissionsReductionPercentageBySectorTT'),
33904
34941
  colors: colors,
33905
34942
  chartColumnWidth: 24,
33906
34943
  chartWidth: screenWidth * 0.72,
@@ -33914,7 +34951,7 @@ var GHGDashboardComponent = function (props) {
33914
34951
  aggType: GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
33915
34952
  configs: {
33916
34953
  title: t('emissionsComparisonTitle'),
33917
- tooltip: t('emissionsComparisonTT' + TTSuffix),
34954
+ tooltip: t('emissionsComparisonTT'),
33918
34955
  colors: colorsComparison,
33919
34956
  chartColumnWidth: 24,
33920
34957
  chartWidth: screenWidth * 0.72,
@@ -34058,7 +35095,7 @@ var GHGDashboardComponent = function (props) {
34058
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 })));
34059
35096
  }
34060
35097
  };
34061
- return (React.createElement("div", { className: "dashboard-main-container" },
35098
+ return (React.createElement("div", { className: "ghg-dashboard-main-container" },
34062
35099
  isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
34063
35100
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
34064
35101
  React.createElement(Link, { to: "/dashboard" },
@@ -34074,5 +35111,5 @@ var GHGDashboardComponent = function (props) {
34074
35111
  React.createElement(Row, { gutter: [40, 40], className: "statics-card-row" }, row.map(function (item, j) { return getWidgetJSX(item); })))); }))));
34075
35112
  };
34076
35113
 
34077
- export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, 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, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, 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 };
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 };
34078
35115
  //# sourceMappingURL=index.js.map