@undp/carbon-library 1.0.287-carbon-lib-test.0 → 1.0.287

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. package/dist/cjs/index.js +1449 -1044
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/CoBenifits/coBenifits.d.ts +1 -0
  4. package/dist/cjs/types/Components/Common/Models/programmeRetireForm.d.ts +1 -0
  5. package/dist/cjs/types/Components/Common/Models/programmeTransferForm.d.ts +1 -0
  6. package/dist/cjs/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +2 -0
  7. package/dist/cjs/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +2 -0
  8. package/dist/cjs/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
  9. package/dist/cjs/types/Definitions/Definitions/connectionContext.definitions.d.ts +0 -3
  10. package/dist/cjs/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  11. package/dist/cjs/types/Definitions/Enums/instrument.enum.d.ts +3 -0
  12. package/dist/cjs/types/Definitions/Enums/payback.enum.d.ts +8 -0
  13. package/dist/cjs/types/index.d.ts +0 -1
  14. package/dist/esm/index.js +1453 -1040
  15. package/dist/esm/index.js.map +1 -1
  16. package/dist/esm/types/Components/Common/CoBenifits/coBenifits.d.ts +1 -0
  17. package/dist/esm/types/Components/Common/Models/programmeRetireForm.d.ts +1 -0
  18. package/dist/esm/types/Components/Common/Models/programmeTransferForm.d.ts +1 -0
  19. package/dist/esm/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +2 -0
  20. package/dist/esm/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +2 -0
  21. package/dist/esm/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
  22. package/dist/esm/types/Definitions/Definitions/connectionContext.definitions.d.ts +0 -3
  23. package/dist/esm/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  24. package/dist/esm/types/Definitions/Enums/instrument.enum.d.ts +3 -0
  25. package/dist/esm/types/Definitions/Enums/payback.enum.d.ts +8 -0
  26. package/dist/esm/types/index.d.ts +0 -1
  27. package/dist/index.d.ts +11 -23
  28. package/dist/locales/i18n/companyDetails/en.json +19 -0
  29. package/dist/locales/i18n/companyDetails/es.json +16 -0
  30. package/dist/locales/i18n/companyDetails/fr.json +16 -0
  31. package/dist/locales/i18n/companyProfile/en.json +1 -18
  32. package/dist/locales/i18n/companyProfile/es.json +0 -14
  33. package/dist/locales/i18n/companyProfile/fr.json +0 -13
  34. package/dist/locales/i18n/ghgInventory/en.json +3 -1
  35. package/dist/locales/i18n/login/en.json +1 -0
  36. package/dist/locales/i18n/ndc/en.json +2 -0
  37. package/dist/locales/i18n/programme/en.json +9 -1
  38. package/package.json +2 -29
  39. package/dist/cjs/types/Context/ConnectionContext/connectionContext.d.ts +0 -8
  40. package/dist/cjs/types/Context/SettingsContext/settingsContext.d.ts +0 -10
  41. package/dist/cjs/types/Context/UserInformationContext/userInformationContext.d.ts +0 -6
  42. package/dist/cjs/types/Context/index.d.ts +0 -3
  43. package/dist/cjs/types/Storybook/AddNewCompanyComponent.stories.d.ts +0 -12
  44. package/dist/cjs/types/Storybook/AddNewUserComponent.stories.d.ts +0 -12
  45. package/dist/cjs/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts +0 -2
  46. package/dist/cjs/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts +0 -2
  47. package/dist/cjs/types/Storybook/Decorators/ConnectionContextDecorator.d.ts +0 -2
  48. package/dist/cjs/types/Storybook/Decorators/DashboardI18nDecorator.d.ts +0 -2
  49. package/dist/cjs/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts +0 -2
  50. package/dist/cjs/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts +0 -2
  51. package/dist/cjs/types/Storybook/InvestmentCreationComponent.stories.d.ts +0 -12
  52. package/dist/cjs/types/Storybook/MRVDashboard.stories.d.ts +0 -12
  53. package/dist/cjs/types/Storybook/ProgrammeCreationComponent.stories.d.ts +0 -12
  54. package/dist/cjs/types/Storybook/RegistryDashboard.stories.d.ts +0 -12
  55. package/dist/esm/types/Context/ConnectionContext/connectionContext.d.ts +0 -8
  56. package/dist/esm/types/Context/SettingsContext/settingsContext.d.ts +0 -10
  57. package/dist/esm/types/Context/UserInformationContext/userInformationContext.d.ts +0 -6
  58. package/dist/esm/types/Context/index.d.ts +0 -3
  59. package/dist/esm/types/Storybook/AddNewCompanyComponent.stories.d.ts +0 -12
  60. package/dist/esm/types/Storybook/AddNewUserComponent.stories.d.ts +0 -12
  61. package/dist/esm/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts +0 -2
  62. package/dist/esm/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts +0 -2
  63. package/dist/esm/types/Storybook/Decorators/ConnectionContextDecorator.d.ts +0 -2
  64. package/dist/esm/types/Storybook/Decorators/DashboardI18nDecorator.d.ts +0 -2
  65. package/dist/esm/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts +0 -2
  66. package/dist/esm/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts +0 -2
  67. package/dist/esm/types/Storybook/InvestmentCreationComponent.stories.d.ts +0 -12
  68. package/dist/esm/types/Storybook/MRVDashboard.stories.d.ts +0 -12
  69. package/dist/esm/types/Storybook/ProgrammeCreationComponent.stories.d.ts +0 -12
  70. package/dist/esm/types/Storybook/RegistryDashboard.stories.d.ts +0 -12
package/dist/cjs/index.js CHANGED
@@ -5,7 +5,6 @@ var antd = require('antd');
5
5
  var React = require('react');
6
6
  var luxon = require('luxon');
7
7
  var buffer = require('buffer');
8
- var axios = require('axios');
9
8
  var PhoneInput = require('react-phone-number-input');
10
9
  var validator = require('validator');
11
10
  var classTransformer = require('class-transformer');
@@ -15,6 +14,7 @@ var mapboxgl = require('mapbox-gl');
15
14
  require('mapbox-gl/dist/mapbox-gl.css');
16
15
  require('antd/dist/antd.css');
17
16
  var XLSX = require('xlsx');
17
+ var axios = require('axios');
18
18
 
19
19
  function _interopNamespaceDefault(e) {
20
20
  var n = Object.create(null);
@@ -151,15 +151,15 @@ function styleInject(css, ref) {
151
151
  }
152
152
  }
153
153
 
154
- var css_248z$A = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
154
+ var css_248z$B = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n\n.company-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
155
+ styleInject(css_248z$B);
156
+
157
+ var css_248z$A = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
155
158
  styleInject(css_248z$A);
156
159
 
157
- var css_248z$z = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
160
+ var css_248z$z = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
158
161
  styleInject(css_248z$z);
159
162
 
160
- var css_248z$y = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
161
- styleInject(css_248z$y);
162
-
163
163
  var RoleIcon = function (props) {
164
164
  var icon = props.icon, bg = props.bg, color = props.color;
165
165
  return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
@@ -452,8 +452,8 @@ exports.CompanyManagementColumns = void 0;
452
452
  CompanyManagementColumns["companyState"] = "status";
453
453
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
454
454
 
455
- var css_248z$x = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
456
- styleInject(css_248z$x);
455
+ var css_248z$y = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
456
+ styleInject(css_248z$y);
457
457
 
458
458
  var isBase64 = function (str) {
459
459
  if (!str || str === '' || str.trim() === '') {
@@ -493,8 +493,8 @@ exports.CompanyRole = void 0;
493
493
  CompanyRole["API"] = "API";
494
494
  })(exports.CompanyRole || (exports.CompanyRole = {}));
495
495
 
496
- var css_248z$w = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n background: #fff7e6;\n border-color: #ffd591; }\n";
497
- styleInject(css_248z$w);
496
+ var css_248z$x = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n background: #fff7e6;\n border-color: #ffd591; }\n";
497
+ styleInject(css_248z$x);
498
498
 
499
499
  var OrganisationStatus = function (props) {
500
500
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -513,317 +513,9 @@ var OrganisationStatus = function (props) {
513
513
  return orgState;
514
514
  };
515
515
 
516
- 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";
517
-
518
- var ConnectionContext = React.createContext({});
519
- var ConnectionContextProvider = function (props) {
520
- var _a = React.useState(), token = _a[0], setToken = _a[1];
521
- var serverURL = props.serverURL, t = props.t, statServerUrl = props.statServerUrl, children = props.children;
522
- React.useEffect(function () {
523
- var timer = setInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
524
- var newToken;
525
- return __generator(this, function (_a) {
526
- switch (_a.label) {
527
- case 0: return [4 /*yield*/, localStorage.getItem('token')];
528
- case 1:
529
- newToken = _a.sent();
530
- if (token !== newToken) {
531
- setToken(newToken);
532
- }
533
- return [2 /*return*/];
534
- }
535
- });
536
- }); }, 3000);
537
- if (token) {
538
- clearTimeout(timer);
539
- }
540
- return function () {
541
- clearTimeout(timer);
542
- };
543
- }, [token]);
544
- var send = React.useCallback(function (method, path, data, config, extraUrl) {
545
- return new Promise(function (resolve, reject) {
546
- var url = "".concat(extraUrl ? extraUrl : serverURL, "/").concat(path);
547
- var headers;
548
- if (token) {
549
- headers = { authorization: "Bearer ".concat(token.toString()) };
550
- }
551
- else {
552
- if (localStorage.getItem('token')) {
553
- headers = {
554
- authorization: "Bearer ".concat(localStorage.getItem('token')),
555
- };
556
- }
557
- else {
558
- headers = {
559
- authorization: "Bearer ".concat(process.env.STORYBOOK_ACCESS_TOKEN),
560
- };
561
- }
562
- }
563
- axios(__assign({ method: method, url: url, data: data, headers: headers }, config))
564
- .then(function (response) {
565
- var _a, _b, _c;
566
- if (response.status) {
567
- if (response.status === 200 || response.status === 201) {
568
- resolve({
569
- status: response.status,
570
- data: (_a = response.data.data) !== null && _a !== void 0 ? _a : response.data,
571
- response: response,
572
- statusText: 'SUCCESS',
573
- message: response.data.message,
574
- });
575
- }
576
- else if (response.status === 422) {
577
- reject({
578
- status: response.status,
579
- data: (_b = response.data) === null || _b === void 0 ? void 0 : _b.data,
580
- statusText: 'ERROR',
581
- response: response,
582
- message: response.data.message,
583
- errors: (_c = response.data) === null || _c === void 0 ? void 0 : _c.errors,
584
- });
585
- }
586
- }
587
- else {
588
- reject({
589
- status: 500,
590
- statusText: 'UNKNOWN',
591
- message: t('common:systemError'),
592
- });
593
- }
594
- })
595
- .catch(function (e) {
596
- var _a;
597
- if (e.response) {
598
- if (e.response.status) {
599
- if (e.response.data.message === 'jwt expired') {
600
- localStorage.removeItem('token');
601
- window.location.reload();
602
- }
603
- reject({
604
- status: e.response.status,
605
- statusText: 'ERROR',
606
- errors: (_a = e.response.data) === null || _a === void 0 ? void 0 : _a.errors,
607
- message: e.response.data.message,
608
- });
609
- }
610
- else {
611
- reject({
612
- statusText: 'ERROR',
613
- message: t('common:systemError'),
614
- });
615
- }
616
- }
617
- else {
618
- reject({
619
- statusText: 'ERROR',
620
- message: t('common:networkError'),
621
- });
622
- }
623
- });
624
- });
625
- }, [token, serverURL]);
626
- var post = React.useCallback(function (path, data, config, extraUrl) {
627
- return send('post', path, data, config, extraUrl);
628
- }, [send]);
629
- var put = React.useCallback(function (path, data, config) {
630
- return send('put', path, data, config);
631
- }, [send]);
632
- var get = React.useCallback(function (path, config) {
633
- return send('get', path, undefined, config);
634
- }, [send]);
635
- var patch = React.useCallback(function (path, data, config) {
636
- return send('patch', path, data, config);
637
- }, [send]);
638
- var del = React.useCallback(function (path, config) {
639
- return send('delete', path, config);
640
- }, [send]);
641
- var updateToken = React.useCallback(function (newToken) { return __awaiter(void 0, void 0, void 0, function () {
642
- return __generator(this, function (_a) {
643
- if (newToken) {
644
- localStorage.setItem('token', newToken);
645
- setToken(newToken);
646
- }
647
- else {
648
- localStorage.setItem('token', '');
649
- setToken(undefined);
650
- }
651
- return [2 /*return*/];
652
- });
653
- }); }, []);
654
- var removeToken = function (tkn) {
655
- if (tkn) {
656
- var exp = o(tkn).exp;
657
- if (Date.now() > exp * 1000) {
658
- localStorage.setItem('token', '');
659
- localStorage.removeItem('userRole');
660
- localStorage.removeItem('userId');
661
- localStorage.removeItem('companyId');
662
- localStorage.removeItem('companyRole');
663
- }
664
- else {
665
- var diff = exp * 1000 - Date.now();
666
- setTimeout(function () {
667
- setToken(undefined);
668
- localStorage.setItem('token', '');
669
- localStorage.removeItem('userRole');
670
- localStorage.removeItem('userId');
671
- localStorage.removeItem('companyId');
672
- localStorage.removeItem('companyRole');
673
- }, diff);
674
- console.log(diff, 'Remaining Token expire time');
675
- }
676
- }
677
- };
678
- React.useEffect(function () {
679
- removeToken(token);
680
- }, [token]);
681
- return (React.createElement(ConnectionContext.Provider, { value: {
682
- connection: { post: post, put: put, get: get, patch: patch, delete: del, updateToken: updateToken, token: token, removeToken: removeToken, statServerUrl: statServerUrl },
683
- } }, children));
684
- };
685
- var useConnection = function () {
686
- var context = React.useContext(ConnectionContext);
687
- return context.connection;
688
- };
689
-
690
- var UserContext = React.createContext({
691
- setUserInfo: function () { },
692
- removeUserInfo: function () { },
693
- IsAuthenticated: function (tkn) { return false; },
694
- isTokenExpired: false,
695
- setIsTokenExpired: function (val) { },
696
- });
697
- var UserInformationContextProvider = function (_a) {
698
- var children = _a.children;
699
- var token = useConnection().token;
700
- var _b = React.useState(false), isTokenExpired = _b[0], setIsTokenExpired = _b[1];
701
- var initialUserProps = {
702
- id: localStorage.getItem('userId') ? localStorage.getItem('userId') : process.env.STORYBOOK_USER_ID ? process.env.STORYBOOK_USER_ID : '',
703
- userRole: localStorage.getItem('userRole') ? localStorage.getItem('userRole') : process.env.STORYBOOK_USER_ROLE ? process.env.STORYBOOK_USER_ROLE : '',
704
- companyRole: localStorage.getItem('companyRole')
705
- ? localStorage.getItem('companyRole')
706
- : process.env.STORYBOOK_COMPANY_ROLE ? process.env.STORYBOOK_COMPANY_ROLE : '',
707
- companyId: localStorage.getItem('companyId')
708
- ? parseInt(localStorage.getItem('companyId'))
709
- : process.env.STORYBOOK_COMPANY_ID ? parseInt(process.env.STORYBOOK_COMPANY_ID) : -1,
710
- companyLogo: localStorage.getItem('companyLogo')
711
- ? localStorage.getItem('companyLogo')
712
- : process.env.STORYBOOK_COMPANY_LOGO ? process.env.STORYBOOK_COMPANY_LOGO : '',
713
- companyName: localStorage.getItem('companyName')
714
- ? localStorage.getItem('companyName')
715
- : process.env.STORYBOOK_COMPANY_NAME ? process.env.STORYBOOK_COMPANY_NAME : '',
716
- companyState: localStorage.getItem('companyState')
717
- ? parseInt(localStorage.getItem('companyState'))
718
- : process.env.STORYBOOK_COMPANY_STATE ? parseInt(process.env.STORYBOOK_COMPANY_STATE) : 0,
719
- };
720
- var _c = React.useState(initialUserProps), userInfoState = _c[0], setUserInfoState = _c[1];
721
- var setUserInfo = function (value) {
722
- var state = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState) === 1 ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState : 0;
723
- 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;
724
- if (id) {
725
- setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { id: id })); });
726
- localStorage.setItem('userId', id);
727
- }
728
- if (userRole) {
729
- setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { userRole: userRole })); });
730
- localStorage.setItem('userRole', userRole);
731
- }
732
- if (companyId) {
733
- setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyId: companyId })); });
734
- localStorage.setItem('companyId', companyId + '');
735
- }
736
- if (companyLogo) {
737
- setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: companyLogo })); });
738
- localStorage.setItem('companyLogo', companyLogo);
739
- }
740
- else {
741
- setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: '' })); });
742
- localStorage.setItem('companyLogo', '');
743
- }
744
- if (companyName) {
745
- setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyName: companyName })); });
746
- localStorage.setItem('companyName', companyName);
747
- }
748
- if (userRole) {
749
- setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyRole: companyRole })); });
750
- localStorage.setItem('companyRole', companyRole);
751
- }
752
- setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyState: companyState })); });
753
- localStorage.setItem('companyState', companyState + '');
754
- };
755
- var IsAuthenticated = React.useCallback(function (tokenNew) {
756
- var tokenVal;
757
- if (tokenNew) {
758
- tokenVal = tokenNew;
759
- }
760
- else if (token) {
761
- tokenVal = token;
762
- }
763
- else {
764
- tokenVal = localStorage.getItem('token');
765
- if (tokenVal === '') {
766
- if (history.length !== 1) {
767
- setIsTokenExpired(true);
768
- }
769
- }
770
- }
771
- try {
772
- if (tokenVal) {
773
- var exp = o(tokenVal).exp;
774
- return Date.now() < exp * 1000;
775
- }
776
- return false;
777
- }
778
- catch (err) {
779
- return false;
780
- }
781
- }, [token]);
782
- var removeUserInfo = function () {
783
- localStorage.removeItem('userId');
784
- localStorage.removeItem('userRole');
785
- localStorage.removeItem('companyId');
786
- localStorage.removeItem('companyRole');
787
- localStorage.removeItem('companyName');
788
- localStorage.removeItem('companyState');
789
- localStorage.removeItem('companyLogo');
790
- setUserInfoState(initialUserProps);
791
- };
792
- return (React.createElement(UserContext.Provider, { value: {
793
- userInfoState: userInfoState,
794
- setUserInfo: setUserInfo,
795
- removeUserInfo: removeUserInfo,
796
- IsAuthenticated: IsAuthenticated,
797
- isTokenExpired: isTokenExpired,
798
- setIsTokenExpired: setIsTokenExpired,
799
- } }, children));
800
- };
801
- var useUserContext = function () {
802
- return React.useContext(UserContext);
803
- };
804
-
805
- var SettingsContext = React.createContext({
806
- isTransferFrozen: false,
807
- setTransferFrozen: function (value) { },
808
- });
809
- var SettingsContextProvider = function (_a) {
810
- var children = _a.children;
811
- var _b = React.useState(false), isTransferFrozen = _b[0], setIsTransferFrozen = _b[1];
812
- var setTransferFrozen = function (value) {
813
- setIsTransferFrozen(value);
814
- };
815
- return (React.createElement(SettingsContext.Provider, { value: {
816
- isTransferFrozen: isTransferFrozen,
817
- setTransferFrozen: setTransferFrozen,
818
- } }, children));
819
- };
820
- var useSettingsContext = function () {
821
- return React.useContext(SettingsContext);
822
- };
823
-
824
516
  var Search$2 = antd.Input.Search;
825
517
  var CompanyManagementComponent = function (props) {
826
- var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
518
+ var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
827
519
  var _a = React.useState(), totalCompany = _a[0], setTotalCompany = _a[1];
828
520
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
829
521
  var _c = React.useState([]), tableData = _c[0], setTableData = _c[1];
@@ -836,8 +528,8 @@ var CompanyManagementComponent = function (props) {
836
528
  var _j = React.useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
837
529
  var _k = React.useState(""), sortOrder = _k[0], setSortOrder = _k[1];
838
530
  var _l = React.useState(""), sortField = _l[0], setSortField = _l[1];
531
+ var _m = React.useState(), dataQuery = _m[0], setDataQuery = _m[1];
839
532
  var ability = useAbilityContext();
840
- var post = useConnection().post;
841
533
  document.addEventListener("mousedown", function (event) {
842
534
  var organisationFilterArea1 = document.querySelector(".filter-bar");
843
535
  var organisationFilterArea2 = document.querySelector(".filter-dropdown");
@@ -1042,6 +734,11 @@ var CompanyManagementComponent = function (props) {
1042
734
  setTableData(availableCompanies);
1043
735
  setTotalCompany((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
1044
736
  }
737
+ setDataQuery({
738
+ filterAnd: filterAnd(),
739
+ filterOr: filterOr(),
740
+ sort: sort(),
741
+ });
1045
742
  setLoading(false);
1046
743
  return [3 /*break*/, 4];
1047
744
  case 3:
@@ -1058,6 +755,50 @@ var CompanyManagementComponent = function (props) {
1058
755
  }
1059
756
  });
1060
757
  }); };
758
+ var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
759
+ var response, url, a, error_2;
760
+ var _a;
761
+ return __generator(this, function (_b) {
762
+ switch (_b.label) {
763
+ case 0:
764
+ setLoading(true);
765
+ _b.label = 1;
766
+ case 1:
767
+ _b.trys.push([1, 3, , 4]);
768
+ return [4 /*yield*/, post("national/organisation/download", {
769
+ filterAnd: dataQuery.filterAnd,
770
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
771
+ sort: dataQuery.sort,
772
+ })];
773
+ case 2:
774
+ response = _b.sent();
775
+ if (response && response.data) {
776
+ url = response.data.url;
777
+ a = document.createElement('a');
778
+ a.href = url;
779
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
780
+ document.body.appendChild(a);
781
+ a.click();
782
+ document.body.removeChild(a); // Clean up the created <a> element
783
+ window.URL.revokeObjectURL(url);
784
+ }
785
+ setLoading(false);
786
+ return [3 /*break*/, 4];
787
+ case 3:
788
+ error_2 = _b.sent();
789
+ console.log("Error in exporting organisations", error_2);
790
+ antd.message.open({
791
+ type: "error",
792
+ content: error_2.message,
793
+ duration: 3,
794
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
795
+ });
796
+ setLoading(false);
797
+ return [3 /*break*/, 4];
798
+ case 4: return [2 /*return*/];
799
+ }
800
+ });
801
+ }); };
1061
802
  React.useEffect(function () {
1062
803
  getAllCompany();
1063
804
  }, [
@@ -1145,7 +886,13 @@ var CompanyManagementComponent = function (props) {
1145
886
  React.createElement(icons.FilterOutlined, { style: {
1146
887
  color: "rgba(58, 53, 65, 0.3)",
1147
888
  fontSize: "20px",
1148
- } }))))))),
889
+ } })))),
890
+ React.createElement("div", { className: "download-data-btn company-data-download" },
891
+ React.createElement("a", { onClick: downloadCompanyData },
892
+ React.createElement(icons.DownloadOutlined, { style: {
893
+ color: "rgba(58, 53, 65, 0.3)",
894
+ fontSize: "20px",
895
+ } })))))),
1149
896
  React.createElement(antd.Row, null,
1150
897
  React.createElement(antd.Col, { span: 24 },
1151
898
  React.createElement("div", { className: "userManagement-table-container" },
@@ -1167,11 +914,11 @@ var CompanyManagementComponent = function (props) {
1167
914
  } })))))));
1168
915
  };
1169
916
 
1170
- var css_248z$v = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n width: 100%; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n\n.hide {\n display: none !important; }\n";
1171
- styleInject(css_248z$v);
917
+ 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";
918
+ styleInject(css_248z$w);
1172
919
 
1173
- var css_248z$u = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n body .ant-menu {\n background-color: #f4f5fa; }\n body .ant-layout-header {\n background-color: #f4f5fa; }\n body .ant-layout {\n background-color: #f4f5fa; }\n body .ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n body .ant-menu-item {\n background-color: #f4f5fa; }\n body .ant-menu-sub {\n background-color: #f4f5fa; }\n body .ant-table-content {\n font-family: \"Inter\"; }\n body .ant-input {\n border-radius: 5px !important; }\n body .ant-btn {\n border-radius: 5px !important; }\n body .ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n body .ant-input-group .ant-input {\n width: 99% !important; }\n body .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n body .ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n body .ant-upload-list-picture .ant-upload-list-item-error,\n body .ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n body .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n body .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n body .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n body .ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n body .ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n body .ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n body .ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n body .ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n body .ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n body .space-container {\n width: 100%; }\n body .space-container .ant-space-item {\n width: 100%; }\n body .PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n body .PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n body .filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n body .ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n body .ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n body .PhoneInput .PhoneInputInput:focus-visible,\n body .PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n body .layout-content-container {\n padding-bottom: 100px; }\n body .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n body .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n body .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n body .content-container {\n padding: 0px 20px; }\n body .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n body .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n body .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n body .content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n body .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n body .content-card .action-bar button {\n width: fit-content; }\n body .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n body .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n body .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n body .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n body .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n body .layout-content-container .ant-btn {\n min-width: 50px !important; }\n body .table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n body .action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n body .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n body .action-menu .anticon-edit {\n color: #16b1ff; }\n body .action-menu .anticon-delete {\n color: #f25a29; }\n body .ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n body .ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n body .ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n body .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n body .ant-tag {\n border-radius: 20px; }\n body .clickable {\n cursor: pointer; }\n body .text-center {\n text-align: center; }\n body .float-left {\n float: left; }\n body .float-right {\n float: right; }\n body .apexcharts-canvas {\n font-family: \"Inter\" !important; }\n body .apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n body .ant-tag {\n padding: 1px 10px; }\n body .flex-display {\n display: flex; }\n body .ant-modal-footer {\n border-top: none;\n text-align: center; }\n body .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n body .ant-modal-header {\n border-radius: 15px;\n border: none; }\n body .ant-modal-content {\n border-radius: 15px;\n border: none; }\n body .ant-modal-header {\n border: none; }\n body .ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n body .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n body .ant-modal-body .form-label {\n text-align: left; }\n body .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n body .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n body .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n body .popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n body .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n body .popup-header img {\n height: 100px; }\n body .popup-success .icon {\n color: #5dc380; }\n body .popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-primary .icon {\n color: #16b1ff; }\n body .popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n body .popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n body .popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n body .ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n body .ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n body .filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n body .pull-right {\n float: right; }\n body .disabled {\n opacity: 0.5; }\n body .mg-left-3 {\n margin-left: 3rem; }\n body .mg-left-2 {\n margin-left: 2rem !important; }\n body .mg-left-1 {\n margin-left: 1rem; }\n body .mg-top-1 {\n margin-top: 1rem; }\n body .mg-top-2 {\n margin-top: 2rem; }\n body .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n body .transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n body .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n body .transfer-form .ant-row {\n align-items: unset; }\n body .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n body .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n body .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n body .transfer-form label {\n font-size: 0.8rem; }\n body .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n body .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n body .color-error {\n color: rgba(255, 77, 79, 0.8); }\n body .color-primary {\n color: #16b1ff; }\n body .ant-input-number-input {\n text-align: right; }\n body .text-left {\n text-align: left; }\n body .ant-form-item .ant-radio-group {\n text-align: left; }\n body .loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n body .ant-tag-purple {\n color: #976ed7; }\n body .ant-tag-orange {\n color: #ff8f56; }\n body .ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n body .ant-popover-inner {\n border-radius: 4px; }\n body .ant-input-number {\n border-radius: 5px; }\n body .ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n body .flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n body .b-icon {\n vertical-align: middle; }\n body .ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n body .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n body .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n body .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n body .ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n body .sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n body .search-filter {\n margin-right: 15px; }\n body .mg-bottom-0 {\n margin-bottom: 0px; }\n body .padding-bottom-0 {\n padding-bottom: 0px; }\n body .ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n body .nextline-overflow {\n overflow-wrap: break-word; }\n body .ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
1174
- styleInject(css_248z$u);
920
+ var css_248z$v = "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.download-data-btn {\n margin-left: 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";
921
+ styleInject(css_248z$v);
1175
922
 
1176
923
  exports.UserManagementColumns = void 0;
1177
924
  (function (UserManagementColumns) {
@@ -2352,6 +2099,9 @@ exports.Instrument = void 0;
2352
2099
  Instrument["EQUITY"] = "Equity";
2353
2100
  Instrument["GUARANTEE"] = "Guarantee";
2354
2101
  Instrument["INKIND"] = "In-Kind";
2102
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2103
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2104
+ Instrument["INSURANCE"] = "Insurance";
2355
2105
  Instrument["OTHER"] = "Other";
2356
2106
  })(exports.Instrument || (exports.Instrument = {}));
2357
2107
 
@@ -6136,7 +5886,7 @@ var Projection = /** @class */ (function () {
6136
5886
 
6137
5887
  var AddNewCompanyComponent = function (props) {
6138
5888
  var _a;
6139
- 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;
5889
+ 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;
6140
5890
  var formOne = antd.Form.useForm()[0];
6141
5891
  var formTwo = antd.Form.useForm()[0];
6142
5892
  var _b = React.useState(), stepOneData = _b[0], setStepOneData = _b[1];
@@ -6890,13 +6640,6 @@ var AddNewCompanyComponent = function (props) {
6890
6640
  ] }))))));
6891
6641
  };
6892
6642
 
6893
- var CompanyRoleIcon = function (props) {
6894
- var role = props.role;
6895
- return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6896
- role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6897
- role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6898
- };
6899
-
6900
6643
  var TextArea$2 = antd.Input.TextArea;
6901
6644
  var UserActionConfirmationModel = function (props) {
6902
6645
  var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
@@ -6921,11 +6664,115 @@ var UserActionConfirmationModel = function (props) {
6921
6664
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
6922
6665
  };
6923
6666
 
6667
+ 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";
6668
+ styleInject(css_248z$u);
6669
+
6670
+ var CompanyRoleIcon = function (props) {
6671
+ var role = props.role;
6672
+ return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6673
+ role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6674
+ role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6675
+ };
6676
+
6924
6677
  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";
6925
6678
  styleInject(css_248z$t);
6926
6679
 
6680
+ var CompanyDetailsComponent = function (props) {
6681
+ var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
6682
+ var getEnumKeysFromValues = function (values) {
6683
+ var enumKeys = [];
6684
+ for (var key in exports.SectoralScope) {
6685
+ if (values.includes(exports.SectoralScope[key])) {
6686
+ enumKeys.push(key);
6687
+ }
6688
+ }
6689
+ return enumKeys;
6690
+ };
6691
+ return (React.createElement(antd.Card, { className: "card-container" },
6692
+ React.createElement("div", { className: "info-view" },
6693
+ React.createElement("div", { className: "title" },
6694
+ React.createElement("span", { className: "title-icon" },
6695
+ React.createElement(icons.BankOutlined, null)),
6696
+ React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
6697
+ React.createElement(antd.Skeleton, { loading: isLoading, active: true },
6698
+ React.createElement(antd.Row, { className: "field" },
6699
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
6700
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
6701
+ React.createElement(antd.Row, { className: "field" },
6702
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
6703
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
6704
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
6705
+ ? companyDetails.taxId
6706
+ : "-")),
6707
+ React.createElement(antd.Row, { className: "field" },
6708
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
6709
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
6710
+ ? companyDetails.paymentId
6711
+ : "-")),
6712
+ React.createElement(antd.Row, { className: "field" },
6713
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
6714
+ React.createElement(antd.Col, { span: 12, className: "field-value" },
6715
+ React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
6716
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
6717
+ React.createElement(antd.Row, { className: "field" },
6718
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
6719
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
6720
+ ? companyDetails.nameOfMinister
6721
+ : "-")),
6722
+ React.createElement(antd.Row, { className: "field" },
6723
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
6724
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
6725
+ ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
6726
+ : "-")))),
6727
+ React.createElement(antd.Row, { className: "field" },
6728
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
6729
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
6730
+ React.createElement(antd.Row, { className: "field" },
6731
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
6732
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
6733
+ React.createElement(antd.Row, { className: "field" },
6734
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
6735
+ React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
6736
+ React.createElement(antd.Row, { className: "field" },
6737
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
6738
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
6739
+ regionField && (React.createElement(antd.Row, { className: "field" },
6740
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
6741
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
6742
+ ? companyDetails.regions.join(", ")
6743
+ : "-"))),
6744
+ React.createElement(antd.Row, { className: "field" },
6745
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
6746
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
6747
+ ? companyDetails.programmeCount
6748
+ : "-")),
6749
+ React.createElement(antd.Row, { className: "field" },
6750
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
6751
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
6752
+ ? addCommSep(companyDetails.creditBalance)
6753
+ : "-")),
6754
+ parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
6755
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
6756
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
6757
+ ? companyDetails.remarks
6758
+ : "-"))) : (""),
6759
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
6760
+ systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
6761
+ React.createElement(antd.Row, { className: "field" },
6762
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
6763
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
6764
+ ? companyDetails.omgePercentage
6765
+ : "-")))),
6766
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
6767
+ React.createElement(antd.Row, { className: "field" },
6768
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
6769
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
6770
+ ? companyDetails.nationalSopValue
6771
+ : "-"))))))));
6772
+ };
6773
+
6927
6774
  var CompanyProfileComponent = function (props) {
6928
- var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField, systemType = props.systemType;
6775
+ var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit; props.regionField; var systemType = props.systemType;
6929
6776
  var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
6930
6777
  var _b = React.useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
6931
6778
  var _c = React.useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
@@ -7203,15 +7050,6 @@ var CompanyProfileComponent = function (props) {
7203
7050
  setErrorMsg("");
7204
7051
  setOpenRejectModal(true);
7205
7052
  };
7206
- var getEnumKeysFromValues = function (values) {
7207
- var enumKeys = [];
7208
- for (var key in exports.SectoralScope) {
7209
- if (values.includes(exports.SectoralScope[key])) {
7210
- enumKeys.push(key);
7211
- }
7212
- }
7213
- return enumKeys;
7214
- };
7215
7053
  return (React.createElement("div", { className: "content-container company-profile" },
7216
7054
  React.createElement("div", { className: "title-bar" },
7217
7055
  React.createElement("div", null,
@@ -7250,87 +7088,7 @@ var CompanyProfileComponent = function (props) {
7250
7088
  React.createElement(antd.Row, { justify: "center" },
7251
7089
  React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
7252
7090
  React.createElement(antd.Col, { md: 24, lg: 16 },
7253
- React.createElement(antd.Card, { className: "card-container" },
7254
- React.createElement("div", { className: "info-view" },
7255
- React.createElement("div", { className: "title" },
7256
- React.createElement("span", { className: "title-icon" },
7257
- React.createElement(icons.BankOutlined, null)),
7258
- React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
7259
- React.createElement(antd.Skeleton, { loading: isLoading, active: true },
7260
- React.createElement(antd.Row, { className: "field" },
7261
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
7262
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
7263
- React.createElement(antd.Row, { className: "field" },
7264
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
7265
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
7266
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
7267
- ? companyDetails.taxId
7268
- : "-")),
7269
- React.createElement(antd.Row, { className: "field" },
7270
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
7271
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
7272
- ? companyDetails.paymentId
7273
- : "-")),
7274
- React.createElement(antd.Row, { className: "field" },
7275
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
7276
- React.createElement(antd.Col, { span: 12, className: "field-value" },
7277
- React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
7278
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
7279
- React.createElement(antd.Row, { className: "field" },
7280
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
7281
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
7282
- ? companyDetails.nameOfMinister
7283
- : "-")),
7284
- React.createElement(antd.Row, { className: "field" },
7285
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
7286
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
7287
- ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
7288
- : "-")))),
7289
- React.createElement(antd.Row, { className: "field" },
7290
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
7291
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
7292
- React.createElement(antd.Row, { className: "field" },
7293
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
7294
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
7295
- React.createElement(antd.Row, { className: "field" },
7296
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
7297
- React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
7298
- React.createElement(antd.Row, { className: "field" },
7299
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
7300
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
7301
- regionField && (React.createElement(antd.Row, { className: "field" },
7302
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
7303
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
7304
- ? companyDetails.regions.join(", ")
7305
- : "-"))),
7306
- React.createElement(antd.Row, { className: "field" },
7307
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
7308
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
7309
- ? companyDetails.programmeCount
7310
- : "-")),
7311
- React.createElement(antd.Row, { className: "field" },
7312
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
7313
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
7314
- ? addCommSep(companyDetails.creditBalance)
7315
- : "-")),
7316
- parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
7317
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
7318
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
7319
- ? companyDetails.remarks
7320
- : "-"))) : (""),
7321
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
7322
- systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
7323
- React.createElement(antd.Row, { className: "field" },
7324
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
7325
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
7326
- ? companyDetails.omgePercentage
7327
- : "-")))),
7328
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
7329
- React.createElement(antd.Row, { className: "field" },
7330
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
7331
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
7332
- ? companyDetails.nationalSopValue
7333
- : "-"))))))),
7091
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
7334
7092
  ((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
7335
7093
  (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(antd.Card, { className: "card-container" },
7336
7094
  React.createElement("div", { className: "info-view" },
@@ -7358,7 +7116,7 @@ styleInject(css_248z$s);
7358
7116
 
7359
7117
  var Search$1 = antd.Input.Search;
7360
7118
  var ProgrammeManagementComponent = function (props) {
7361
- var t = props.t, visibleColumns = props.visibleColumns, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
7119
+ 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;
7362
7120
  var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
7363
7121
  var _b = React.useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
7364
7122
  var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
@@ -7375,14 +7133,15 @@ var ProgrammeManagementComponent = function (props) {
7375
7133
  var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
7376
7134
  var userInfoState = useUserContext().userInfoState;
7377
7135
  var ability = useAbilityContext();
7136
+ var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
7378
7137
  var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStageR;
7379
7138
  var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
7380
7139
  label: Object.values(stageObject)[index],
7381
7140
  value: k,
7382
7141
  }); });
7383
- var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
7384
- var _r = React.useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
7385
- var _s = React.useState(true), checkAll = _s[0], setCheckAll = _s[1];
7142
+ var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
7143
+ var _s = React.useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
7144
+ var _t = React.useState(true), checkAll = _t[0], setCheckAll = _t[1];
7386
7145
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
7387
7146
  return __generator(this, function (_a) {
7388
7147
  console.log(checkedValues);
@@ -7625,6 +7384,11 @@ var ProgrammeManagementComponent = function (props) {
7625
7384
  setTableData(response.data);
7626
7385
  setTotalProgramme(response.response.data.total);
7627
7386
  setLoading(false);
7387
+ setDataQuery({
7388
+ filterAnd: filter,
7389
+ filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
7390
+ sort: sort,
7391
+ });
7628
7392
  return [3 /*break*/, 4];
7629
7393
  case 3:
7630
7394
  error_1 = _a.sent();
@@ -7682,6 +7446,50 @@ var ProgrammeManagementComponent = function (props) {
7682
7446
  }
7683
7447
  });
7684
7448
  }); };
7449
+ var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
7450
+ var response, url, a, error_3;
7451
+ var _a;
7452
+ return __generator(this, function (_b) {
7453
+ switch (_b.label) {
7454
+ case 0:
7455
+ setLoading(true);
7456
+ _b.label = 1;
7457
+ case 1:
7458
+ _b.trys.push([1, 3, , 4]);
7459
+ return [4 /*yield*/, post("national/programme/download", {
7460
+ filterAnd: dataQuery.filterAnd,
7461
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
7462
+ sort: dataQuery.sort,
7463
+ })];
7464
+ case 2:
7465
+ response = _b.sent();
7466
+ if (response && response.data) {
7467
+ url = response.data.url;
7468
+ a = document.createElement('a');
7469
+ a.href = url;
7470
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
7471
+ document.body.appendChild(a);
7472
+ a.click();
7473
+ document.body.removeChild(a); // Clean up the created <a> element
7474
+ window.URL.revokeObjectURL(url);
7475
+ }
7476
+ setLoading(false);
7477
+ return [3 /*break*/, 4];
7478
+ case 3:
7479
+ error_3 = _b.sent();
7480
+ console.log("Error in exporting programmes", error_3);
7481
+ antd.message.open({
7482
+ type: "error",
7483
+ content: error_3.message,
7484
+ duration: 3,
7485
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7486
+ });
7487
+ setLoading(false);
7488
+ return [3 /*break*/, 4];
7489
+ case 4: return [2 /*return*/];
7490
+ }
7491
+ });
7492
+ }); };
7685
7493
  var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
7686
7494
  return __generator(this, function (_a) {
7687
7495
  setSearch(searchText);
@@ -7743,7 +7551,7 @@ var ProgrammeManagementComponent = function (props) {
7743
7551
  React.createElement("div", { className: "filter-section" },
7744
7552
  React.createElement("div", { className: "search-filter" },
7745
7553
  React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
7746
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
7554
+ if (userInfoState.companyRole === exports.CompanyRole.MINISTRY) {
7747
7555
  if (v.target.checked) {
7748
7556
  setMinistryLevelFilter(true);
7749
7557
  }
@@ -7760,7 +7568,7 @@ var ProgrammeManagementComponent = function (props) {
7760
7568
  }
7761
7569
  : undefined);
7762
7570
  }
7763
- } }, (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY
7571
+ } }, userInfoState.companyRole === exports.CompanyRole.MINISTRY
7764
7572
  ? t("view:ministryLevel")
7765
7573
  : t("view:seeMine"))),
7766
7574
  React.createElement("div", { className: "search-bar" },
@@ -7770,7 +7578,13 @@ var ProgrammeManagementComponent = function (props) {
7770
7578
  return e.target.value === ""
7771
7579
  ? setSearch(e.target.value)
7772
7580
  : setSearchText(e.target.value);
7773
- }, onSearch: setSearch, style: { width: 265 } }))))),
7581
+ }, onSearch: setSearch, style: { width: 265 } })),
7582
+ React.createElement("div", { className: "download-data-btn" },
7583
+ React.createElement("a", { onClick: downloadProgrammeData },
7584
+ React.createElement(icons.DownloadOutlined, { style: {
7585
+ color: "rgba(58, 53, 65, 0.3)",
7586
+ fontSize: "20px",
7587
+ } })))))),
7774
7588
  React.createElement(antd.Row, null,
7775
7589
  React.createElement(antd.Col, { span: 24 },
7776
7590
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -13541,7 +13355,7 @@ var sectoralScopes = {
13541
13355
  };
13542
13356
  var ProgrammeCreationComponent = function (props) {
13543
13357
  var _a, _b, _c;
13544
- var useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
13358
+ var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
13545
13359
  var t = translator.t;
13546
13360
  var state = useLocation().state;
13547
13361
  var formOne = antd.Form.useForm()[0];
@@ -14606,7 +14420,7 @@ var ChangePasswordModel = function (props) {
14606
14420
 
14607
14421
  var AddNewUserComponent = function (props) {
14608
14422
  var _a, _b, _c, _d, _e, _f;
14609
- var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
14423
+ 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;
14610
14424
  var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
14611
14425
  var formOne = antd.Form.useForm()[0];
14612
14426
  var state = useLocation().state;
@@ -15024,7 +14838,7 @@ var LanguageSelection = function (props) {
15024
14838
  };
15025
14839
 
15026
14840
  var UserProfileComponent = function (props) {
15027
- var t = props.t, i18n = props.i18n, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin;
14841
+ var t = props.t, i18n = props.i18n, useConnection = props.useConnection, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin, useUserContext = props.useUserContext;
15028
14842
  var get = useConnection().get;
15029
14843
  var _a = React.useState(undefined), organisationDetails = _a[0], setOrganisationDetails = _a[1];
15030
14844
  var _b = React.useState(undefined), userDetails = _b[0], setUserDetails = _b[1];
@@ -15059,15 +14873,6 @@ var UserProfileComponent = function (props) {
15059
14873
  }
15060
14874
  });
15061
14875
  }); };
15062
- var getEnumKeysFromValues = function (values) {
15063
- var enumKeys = [];
15064
- for (var key in exports.SectoralScope) {
15065
- if (values.includes(exports.SectoralScope[key])) {
15066
- enumKeys.push(key);
15067
- }
15068
- }
15069
- return enumKeys;
15070
- };
15071
14876
  React.useEffect(function () {
15072
14877
  getUserProfileDetails();
15073
14878
  }, []);
@@ -15117,82 +14922,15 @@ var UserProfileComponent = function (props) {
15117
14922
  React.createElement(antd.Row, { className: "field" },
15118
14923
  React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
15119
14924
  React.createElement(antd.Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
15120
- React.createElement(antd.Card, { className: "card-container" },
15121
- React.createElement("div", { className: "info-view" },
15122
- React.createElement("div", { className: "title" },
15123
- React.createElement("span", { className: "title-icon" },
15124
- React.createElement(icons.BankOutlined, null)),
15125
- React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
15126
- React.createElement(antd.Skeleton, { loading: isLoading, active: true },
15127
- React.createElement(antd.Row, { className: "field" },
15128
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:name")),
15129
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.name
15130
- ? organisationDetails.name
15131
- : "-")),
15132
- React.createElement(antd.Row, { className: "field" },
15133
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
15134
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
15135
- organisationDetails.companyRole !==
15136
- exports.CompanyRole.GOVERNMENT
15137
- ? organisationDetails.taxId
15138
- : "-")),
15139
- React.createElement(antd.Row, { className: "field" },
15140
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
15141
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
15142
- ? organisationDetails.paymentId
15143
- : "-")),
15144
- React.createElement(antd.Row, { className: "field" },
15145
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
15146
- React.createElement(antd.Col, { span: 12, className: "field-value" },
15147
- React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
15148
- (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
15149
- exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
15150
- React.createElement(antd.Row, { className: "field" },
15151
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
15152
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
15153
- ? organisationDetails.nameOfMinister
15154
- : "-")),
15155
- React.createElement(antd.Row, { className: "field" },
15156
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
15157
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
15158
- ? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
15159
- : "-")))),
15160
- React.createElement(antd.Row, { className: "field" },
15161
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:email")),
15162
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
15163
- ? organisationDetails.email
15164
- : "-")),
15165
- React.createElement(antd.Row, { className: "field" },
15166
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
15167
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
15168
- ? organisationDetails.phoneNo
15169
- : "-")),
15170
- React.createElement(antd.Row, { className: "field" },
15171
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:website")),
15172
- React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
15173
- React.createElement(antd.Row, { className: "field" },
15174
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:address")),
15175
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.address
15176
- ? organisationDetails.address
15177
- : "-")),
15178
- React.createElement(antd.Row, { className: "field" },
15179
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
15180
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
15181
- ? organisationDetails.programmeCount
15182
- : "-")),
15183
- React.createElement(antd.Row, { className: "field" },
15184
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
15185
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
15186
- ? addCommSep(organisationDetails.creditBalance)
15187
- : "-")))))))))));
14925
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
15188
14926
  };
15189
14927
 
15190
- 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";
14928
+ 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";
15191
14929
  styleInject(css_248z$n);
15192
14930
 
15193
14931
  var Search = antd.Input.Search;
15194
14932
  var UserManagementComponent = function (props) {
15195
- var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser;
14933
+ var t = props.t, useAbilityContext = props.useAbilityContext, useConnection = props.useConnection, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser, userInfoState = props.userInfoState;
15196
14934
  antd.Form.useForm()[0];
15197
14935
  var _a = useConnection(), post = _a.post, del = _a.delete;
15198
14936
  var _b = React.useState(), totalUser = _b[0], setTotalUser = _b[1];
@@ -15213,8 +14951,8 @@ var UserManagementComponent = function (props) {
15213
14951
  var _r = React.useState({}), actionInfo = _r[0], setActionInfo = _r[1];
15214
14952
  var _s = React.useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
15215
14953
  var _t = React.useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
14954
+ var _u = React.useState(), dataQuery = _u[0], setDataQuery = _u[1];
15216
14955
  var ability = useAbilityContext();
15217
- var userInfoState = useUserContext().userInfoState;
15218
14956
  document.addEventListener("mousedown", function (event) {
15219
14957
  var userFilterArea1 = document.querySelector(".filter-bar");
15220
14958
  var userFilterArea2 = document.querySelector(".filter-dropdown");
@@ -15569,6 +15307,11 @@ var UserManagementComponent = function (props) {
15569
15307
  setTableData(availableUsers);
15570
15308
  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);
15571
15309
  }
15310
+ setDataQuery({
15311
+ filterAnd: filterAnd(),
15312
+ filterOr: filterOr(),
15313
+ sort: sort(),
15314
+ });
15572
15315
  setLoading(false);
15573
15316
  return [3 /*break*/, 4];
15574
15317
  case 3:
@@ -15586,6 +15329,50 @@ var UserManagementComponent = function (props) {
15586
15329
  }
15587
15330
  });
15588
15331
  }); };
15332
+ var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
15333
+ var response, url, a, error_3;
15334
+ var _a;
15335
+ return __generator(this, function (_b) {
15336
+ switch (_b.label) {
15337
+ case 0:
15338
+ setLoading(true);
15339
+ _b.label = 1;
15340
+ case 1:
15341
+ _b.trys.push([1, 3, , 4]);
15342
+ return [4 /*yield*/, post("national/user/download", {
15343
+ filterAnd: dataQuery.filterAnd,
15344
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
15345
+ sort: dataQuery.sort,
15346
+ })];
15347
+ case 2:
15348
+ response = _b.sent();
15349
+ if (response && response.data) {
15350
+ url = response.data.url;
15351
+ a = document.createElement('a');
15352
+ a.href = url;
15353
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
15354
+ document.body.appendChild(a);
15355
+ a.click();
15356
+ document.body.removeChild(a); // Clean up the created <a> element
15357
+ window.URL.revokeObjectURL(url);
15358
+ }
15359
+ setLoading(false);
15360
+ return [3 /*break*/, 4];
15361
+ case 3:
15362
+ error_3 = _b.sent();
15363
+ console.log("Error in exporting users", error_3);
15364
+ antd.message.open({
15365
+ type: "error",
15366
+ content: error_3.message,
15367
+ duration: 3,
15368
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15369
+ });
15370
+ setLoading(false);
15371
+ return [3 /*break*/, 4];
15372
+ case 4: return [2 /*return*/];
15373
+ }
15374
+ });
15375
+ }); };
15589
15376
  React.useEffect(function () {
15590
15377
  getAllUser();
15591
15378
  }, [
@@ -15708,7 +15495,13 @@ var UserManagementComponent = function (props) {
15708
15495
  React.createElement(icons.FilterOutlined, { style: {
15709
15496
  color: "rgba(58, 53, 65, 0.3)",
15710
15497
  fontSize: "20px",
15711
- } }))))))),
15498
+ } })))),
15499
+ React.createElement("div", { className: "download-data-btn user-data-download" },
15500
+ React.createElement("a", { onClick: downloadUserData },
15501
+ React.createElement(icons.DownloadOutlined, { style: {
15502
+ color: "rgba(58, 53, 65, 0.3)",
15503
+ fontSize: "20px",
15504
+ } })))))),
15712
15505
  React.createElement(antd.Row, null,
15713
15506
  React.createElement(antd.Col, { span: 24 },
15714
15507
  React.createElement("div", { className: "userManagement-table-container" },
@@ -15727,15 +15520,27 @@ var UserManagementComponent = function (props) {
15727
15520
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15728
15521
  };
15729
15522
 
15730
- 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";
15523
+ 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";
15731
15524
  styleInject(css_248z$m);
15732
15525
 
15733
15526
  var Loading = function () {
15734
15527
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
15735
15528
  };
15736
15529
 
15530
+ var GuaranteePayback;
15531
+ (function (GuaranteePayback) {
15532
+ GuaranteePayback["UPFORNT"] = "Upfront";
15533
+ GuaranteePayback["ANNUAL"] = "Annual";
15534
+ })(GuaranteePayback || (GuaranteePayback = {}));
15535
+ var InsurancePayback;
15536
+ (function (InsurancePayback) {
15537
+ InsurancePayback["LUMPSUM"] = "LumpSum";
15538
+ InsurancePayback["ANNUAL"] = "Annual";
15539
+ })(InsurancePayback || (InsurancePayback = {}));
15540
+
15541
+ var RangePicker$3 = antd.DatePicker.RangePicker;
15737
15542
  var InvestmentCreationComponent = function (props) {
15738
- var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15543
+ var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15739
15544
  var state = useLocation().state;
15740
15545
  var _a = React.useState(), data = _a[0], setData = _a[1];
15741
15546
  var formOne = antd.Form.useForm()[0];
@@ -15750,13 +15555,13 @@ var InvestmentCreationComponent = function (props) {
15750
15555
  var _h = React.useState([]), instrument = _h[0], setInstrument = _h[1];
15751
15556
  var _j = React.useState(), stepOneData = _j[0], setStepOneData = _j[1];
15752
15557
  var _k = React.useState(), govData = _k[0], setGovData = _k[1];
15753
- var userInfoState = useUserContext().userInfoState;
15754
15558
  var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
15755
15559
  label: addSpaces(Object.values(exports.Instrument)[index]),
15756
15560
  value: Object.values(exports.Instrument)[index],
15757
15561
  }); });
15758
- var onInstrumentChange = function (value) {
15759
- setInstrument(value);
15562
+ var onInstrumentChange = function (e) {
15563
+ console.log("radio checked", e.target.value);
15564
+ setInstrument([e.target.value]);
15760
15565
  };
15761
15566
  var onPercentageChange = function (value) {
15762
15567
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15879,7 +15684,7 @@ var InvestmentCreationComponent = function (props) {
15879
15684
  if (!data) {
15880
15685
  return React.createElement(Loading, null);
15881
15686
  }
15882
- console.log('data', data);
15687
+ console.log("data", data);
15883
15688
  var companyName = {};
15884
15689
  if (data && Object.keys(data)[0] !== "ownership") {
15885
15690
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15914,6 +15719,16 @@ var InvestmentCreationComponent = function (props) {
15914
15719
  if (payload.paymentPerMetric) {
15915
15720
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15916
15721
  }
15722
+ if (payload.period) {
15723
+ payload.period[0] = moment(payload.period[0]).startOf("day").unix();
15724
+ payload.period[1] = moment(payload.period[1]).endOf("day").unix();
15725
+ }
15726
+ if (payload.startOfPayback) {
15727
+ payload.startOfPayback = moment(payload.startOfPayback)
15728
+ .startOf("day")
15729
+ .unix();
15730
+ }
15731
+ payload.instrument = [payload.instrument];
15917
15732
  payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
15918
15733
  payload.percentage = val.percentage;
15919
15734
  payload.toCompanyId = Number(payload.toCompanyId);
@@ -15959,7 +15774,7 @@ var InvestmentCreationComponent = function (props) {
15959
15774
  }
15960
15775
  };
15961
15776
  var onChangeTypeCreation = function (e) {
15962
- console.log('radio checked', e.target.value);
15777
+ console.log("radio checked", e.target.value);
15963
15778
  setTypeCreation(e.target.value);
15964
15779
  };
15965
15780
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -16025,8 +15840,30 @@ var InvestmentCreationComponent = function (props) {
16025
15840
  React.createElement(antd.Input, { size: "large" }))))),
16026
15841
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16027
15842
  React.createElement(antd.Col, { xl: 24, md: 24 },
16028
- React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
16029
- React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15843
+ React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument",
15844
+ //wrapperCol={{ span: 24 }}
15845
+ required: true, className: "investment-radio-button", rules: [
15846
+ {
15847
+ required: true,
15848
+ message: "",
15849
+ },
15850
+ {
15851
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15852
+ return __generator(this, function (_a) {
15853
+ if (String(value).trim() === "" ||
15854
+ String(value).trim() === undefined ||
15855
+ value === null ||
15856
+ value === undefined) {
15857
+ throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
15858
+ }
15859
+ return [2 /*return*/];
15860
+ });
15861
+ }); },
15862
+ },
15863
+ ] },
15864
+ React.createElement(antd.Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
15865
+ return (React.createElement(antd.Radio, { value: e.value }, e.label));
15866
+ }))))),
16030
15867
  instrument &&
16031
15868
  instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16032
15869
  React.createElement(antd.Col, { xl: 8, md: 12 },
@@ -16057,6 +15894,160 @@ var InvestmentCreationComponent = function (props) {
16057
15894
  },
16058
15895
  ] },
16059
15896
  React.createElement(antd.Input, { size: "large" })))))),
15897
+ instrument &&
15898
+ (instrument.indexOf(exports.Instrument.CONLOAN) >= 0 ||
15899
+ instrument.indexOf(exports.Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
15900
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15901
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15902
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15903
+ {
15904
+ required: true,
15905
+ message: "",
15906
+ },
15907
+ {
15908
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15909
+ return __generator(this, function (_a) {
15910
+ if (String(value).trim() === "" ||
15911
+ String(value).trim() ===
15912
+ undefined ||
15913
+ value === null ||
15914
+ value === undefined) {
15915
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15916
+ }
15917
+ else if (!isNaN(value)) {
15918
+ return [2 /*return*/, Promise.resolve()];
15919
+ }
15920
+ else {
15921
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15922
+ }
15923
+ });
15924
+ }); },
15925
+ },
15926
+ ] },
15927
+ React.createElement(antd.Input, { size: "large" })))),
15928
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15929
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15930
+ React.createElement(antd.Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
15931
+ {
15932
+ required: true,
15933
+ message: "",
15934
+ },
15935
+ {
15936
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15937
+ return __generator(this, function (_a) {
15938
+ if (String(value).trim() === "" ||
15939
+ String(value).trim() ===
15940
+ undefined ||
15941
+ value === null ||
15942
+ value === undefined) {
15943
+ throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
15944
+ }
15945
+ return [2 /*return*/];
15946
+ });
15947
+ }); },
15948
+ },
15949
+ ] },
15950
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15951
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15952
+ React.createElement(antd.Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
15953
+ {
15954
+ required: true,
15955
+ message: "",
15956
+ },
15957
+ {
15958
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15959
+ return __generator(this, function (_a) {
15960
+ if (String(value).trim() === "" ||
15961
+ String(value).trim() ===
15962
+ undefined ||
15963
+ value === null ||
15964
+ value === undefined) {
15965
+ throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
15966
+ }
15967
+ return [2 /*return*/];
15968
+ });
15969
+ }); },
15970
+ },
15971
+ ] },
15972
+ React.createElement(antd.DatePicker, { size: "large", disabledDate: function (currentDate) {
15973
+ return currentDate < moment().startOf("day");
15974
+ } })))))),
15975
+ instrument &&
15976
+ instrument.indexOf(exports.Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
15977
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15978
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15979
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15980
+ {
15981
+ required: true,
15982
+ message: "",
15983
+ },
15984
+ {
15985
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15986
+ return __generator(this, function (_a) {
15987
+ if (String(value).trim() === "" ||
15988
+ String(value).trim() ===
15989
+ undefined ||
15990
+ value === null ||
15991
+ value === undefined) {
15992
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15993
+ }
15994
+ else if (!isNaN(value)) {
15995
+ return [2 /*return*/, Promise.resolve()];
15996
+ }
15997
+ else {
15998
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15999
+ }
16000
+ });
16001
+ }); },
16002
+ },
16003
+ ] },
16004
+ React.createElement(antd.Input, { size: "large" })))),
16005
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16006
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16007
+ React.createElement(antd.Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
16008
+ {
16009
+ required: true,
16010
+ message: "",
16011
+ },
16012
+ {
16013
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16014
+ return __generator(this, function (_a) {
16015
+ if (String(value).trim() === "" ||
16016
+ String(value).trim() ===
16017
+ undefined ||
16018
+ value === null ||
16019
+ value === undefined) {
16020
+ throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
16021
+ }
16022
+ return [2 /*return*/];
16023
+ });
16024
+ }); },
16025
+ },
16026
+ ] },
16027
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
16028
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16029
+ React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
16030
+ {
16031
+ required: true,
16032
+ message: "",
16033
+ },
16034
+ {
16035
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16036
+ return __generator(this, function (_a) {
16037
+ if (String(value).trim() === "" ||
16038
+ String(value).trim() ===
16039
+ undefined ||
16040
+ value === null ||
16041
+ value === undefined) {
16042
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16043
+ }
16044
+ return [2 /*return*/];
16045
+ });
16046
+ }); },
16047
+ },
16048
+ ] },
16049
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16050
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
16060
16051
  instrument &&
16061
16052
  instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16062
16053
  React.createElement(antd.Col, { xl: 12, md: 24 },
@@ -16121,6 +16112,32 @@ var InvestmentCreationComponent = function (props) {
16121
16112
  },
16122
16113
  ] },
16123
16114
  React.createElement(antd.Input, { size: "large" })))))),
16115
+ instrument &&
16116
+ instrument.indexOf(exports.Instrument.INSURANCE) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16117
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16118
+ React.createElement("div", { className: "details-part-two" },
16119
+ React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
16120
+ {
16121
+ required: true,
16122
+ message: "",
16123
+ },
16124
+ {
16125
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16126
+ return __generator(this, function (_a) {
16127
+ if (String(value).trim() === "" ||
16128
+ String(value).trim() ===
16129
+ undefined ||
16130
+ value === null ||
16131
+ value === undefined) {
16132
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16133
+ }
16134
+ return [2 /*return*/];
16135
+ });
16136
+ }); },
16137
+ },
16138
+ ] },
16139
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16140
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
16124
16141
  instrument &&
16125
16142
  instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16126
16143
  React.createElement(antd.Col, { xl: 12, md: 24 },
@@ -16146,7 +16163,7 @@ var InvestmentCreationComponent = function (props) {
16146
16163
  },
16147
16164
  ] },
16148
16165
  React.createElement(antd.Input, { size: "large" })))))),
16149
- React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
16166
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16150
16167
  React.createElement(antd.Col, { xl: 8, md: 12 },
16151
16168
  React.createElement(antd.Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
16152
16169
  {
@@ -16190,73 +16207,73 @@ var InvestmentCreationComponent = function (props) {
16190
16207
  React.createElement("div", { className: "step-count" }, "02"),
16191
16208
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
16192
16209
  description: current === 1 && (React.createElement("div", null,
16193
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
16194
- React.createElement("div", { className: "programme-sought-form" },
16195
- React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
16196
- data.companyId.map(function (companyId, index) {
16197
- return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16198
- React.createElement(antd.Col, { xl: 8, md: 15 },
16199
- React.createElement("div", { className: "label" },
16200
- companyName[companyId].name,
16201
- React.createElement("span", { className: "required-mark" }, "*"))),
16202
- React.createElement(antd.Col, { xl: 8, md: 9 },
16203
- React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16204
- {
16205
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16206
- message: "Percentage Should be a positive number",
16207
- },
16208
- {
16209
- required: true,
16210
- message: "Required field",
16211
- },
16212
- function (_a) {
16213
- var getFieldValue = _a.getFieldValue;
16214
- return ({
16215
- validator: function (rule, v) {
16216
- if (getFieldValue([
16217
- "percentage",
16218
- index,
16219
- ]) &&
16220
- parseFloat(getFieldValue([
16221
- "percentage",
16222
- index,
16223
- ])) > data.proponentPercentage[index]) {
16224
- // eslint-disable-next-line prefer-promise-reject-errors
16225
- return Promise.reject("Amount > Available");
16226
- }
16227
- return Promise.resolve();
16228
- },
16229
- });
16230
- },
16231
- ] },
16232
- React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16233
- // disabled={userInfoState?.companyId === Number(companyId)}
16234
- onKeyPress: function (event) {
16235
- if (!/[0-9\.]/.test(event.key)) {
16236
- event.preventDefault();
16237
- }
16238
- } })),
16239
- React.createElement("div", { className: "inline separator" }, "/"),
16240
- React.createElement(antd.Form.Item, { className: "inline" },
16241
- React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16242
- }),
16243
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16210
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16211
+ React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
16212
+ data.companyId.map(function (companyId, index) {
16213
+ return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16244
16214
  React.createElement(antd.Col, { xl: 8, md: 15 },
16245
- React.createElement("div", { className: "label" }, t("programme:total"))),
16215
+ React.createElement("div", { className: "label" },
16216
+ companyName[companyId].name,
16217
+ React.createElement("span", { className: "required-mark" }, "*"))),
16246
16218
  React.createElement(antd.Col, { xl: 8, md: 9 },
16247
- React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
16248
- React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16219
+ React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16220
+ {
16221
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16222
+ message: "Percentage Should be a positive number",
16223
+ },
16224
+ {
16225
+ required: true,
16226
+ message: "Required field",
16227
+ },
16228
+ function (_a) {
16229
+ var getFieldValue = _a.getFieldValue;
16230
+ return ({
16231
+ validator: function (rule, v) {
16232
+ if (getFieldValue([
16233
+ "percentage",
16234
+ index,
16235
+ ]) &&
16236
+ parseFloat(getFieldValue([
16237
+ "percentage",
16238
+ index,
16239
+ ])) >
16240
+ data.proponentPercentage[index]) {
16241
+ // eslint-disable-next-line prefer-promise-reject-errors
16242
+ return Promise.reject("Amount > Available");
16243
+ }
16244
+ return Promise.resolve();
16245
+ },
16246
+ });
16247
+ },
16248
+ ] },
16249
+ React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16250
+ // disabled={userInfoState?.companyId === Number(companyId)}
16251
+ onKeyPress: function (event) {
16249
16252
  if (!/[0-9\.]/.test(event.key)) {
16250
16253
  event.preventDefault();
16251
16254
  }
16252
16255
  } })),
16253
16256
  React.createElement("div", { className: "inline separator" }, "/"),
16254
16257
  React.createElement(antd.Form.Item, { className: "inline" },
16255
- React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
16256
- React.createElement(antd.Form.Item, null,
16257
- React.createElement("div", { className: "steps-actions" },
16258
- React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16259
- React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16258
+ React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16259
+ }),
16260
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16261
+ React.createElement(antd.Col, { xl: 8, md: 15 },
16262
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16263
+ React.createElement(antd.Col, { xl: 8, md: 9 },
16264
+ React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
16265
+ React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16266
+ if (!/[0-9\.]/.test(event.key)) {
16267
+ event.preventDefault();
16268
+ }
16269
+ } })),
16270
+ React.createElement("div", { className: "inline separator" }, "/"),
16271
+ React.createElement(antd.Form.Item, { className: "inline" },
16272
+ React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
16273
+ React.createElement(antd.Form.Item, null,
16274
+ React.createElement("div", { className: "steps-actions" },
16275
+ React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16276
+ React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
16260
16277
  },
16261
16278
  ] })))));
16262
16279
  };
@@ -16367,7 +16384,7 @@ var InvestmentActionModel = function (props) {
16367
16384
  };
16368
16385
 
16369
16386
  var InvestmentManagementComponent = function (props) {
16370
- var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
16387
+ var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
16371
16388
  var t = translator.t;
16372
16389
  var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
16373
16390
  label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
@@ -16395,6 +16412,7 @@ var InvestmentManagementComponent = function (props) {
16395
16412
  var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
16396
16413
  var _v = React.useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
16397
16414
  var _w = React.useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
16415
+ var _x = React.useState(), dataQuery = _x[0], setDataQuery = _x[1];
16398
16416
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
16399
16417
  return __generator(this, function (_a) {
16400
16418
  console.log(checkedValues);
@@ -16491,6 +16509,12 @@ var InvestmentManagementComponent = function (props) {
16491
16509
  console.log(response);
16492
16510
  setTableData(response.data);
16493
16511
  setTotalProgramme(response.response.data.total);
16512
+ setDataQuery({
16513
+ filterAnd: filter,
16514
+ filterOr: dataFilter,
16515
+ sort: sort,
16516
+ filterBy: filterBy,
16517
+ });
16494
16518
  setLoading(false);
16495
16519
  return [3 /*break*/, 4];
16496
16520
  case 3:
@@ -16508,8 +16532,53 @@ var InvestmentManagementComponent = function (props) {
16508
16532
  }
16509
16533
  });
16510
16534
  }); };
16535
+ var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
16536
+ var response, url, a, error_2;
16537
+ var _a;
16538
+ return __generator(this, function (_b) {
16539
+ switch (_b.label) {
16540
+ case 0:
16541
+ setLoading(true);
16542
+ _b.label = 1;
16543
+ case 1:
16544
+ _b.trys.push([1, 3, , 4]);
16545
+ return [4 /*yield*/, post("national/programme/investments/download", {
16546
+ filterAnd: dataQuery.filterAnd,
16547
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
16548
+ sort: dataQuery.sort,
16549
+ filterBy: dataQuery.filterBy,
16550
+ })];
16551
+ case 2:
16552
+ response = _b.sent();
16553
+ if (response && response.data) {
16554
+ url = response.data.url;
16555
+ a = document.createElement('a');
16556
+ a.href = url;
16557
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
16558
+ document.body.appendChild(a);
16559
+ a.click();
16560
+ document.body.removeChild(a); // Clean up the created <a> element
16561
+ window.URL.revokeObjectURL(url);
16562
+ }
16563
+ setLoading(false);
16564
+ return [3 /*break*/, 4];
16565
+ case 3:
16566
+ error_2 = _b.sent();
16567
+ console.log("Error in exporting investments", error_2);
16568
+ antd.message.open({
16569
+ type: "error",
16570
+ content: error_2.message,
16571
+ duration: 3,
16572
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16573
+ });
16574
+ setLoading(false);
16575
+ return [3 /*break*/, 4];
16576
+ case 4: return [2 /*return*/];
16577
+ }
16578
+ });
16579
+ }); };
16511
16580
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
16512
- var response, error_2;
16581
+ var response, error_3;
16513
16582
  var _a, _b, _c, _d, _e, _f;
16514
16583
  return __generator(this, function (_g) {
16515
16584
  switch (_g.label) {
@@ -16541,8 +16610,8 @@ var InvestmentManagementComponent = function (props) {
16541
16610
  setLoading(false);
16542
16611
  return [3 /*break*/, 4];
16543
16612
  case 3:
16544
- error_2 = _g.sent();
16545
- console.log("Error in getting users", error_2);
16613
+ error_3 = _g.sent();
16614
+ console.log("Error in getting users", error_3);
16546
16615
  setLoading(false);
16547
16616
  return [3 /*break*/, 4];
16548
16617
  case 4: return [2 /*return*/];
@@ -16573,7 +16642,7 @@ var InvestmentManagementComponent = function (props) {
16573
16642
  ministryLevelFilter,
16574
16643
  ]);
16575
16644
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
16576
- var response, successMsg, error_3;
16645
+ var response, successMsg, error_4;
16577
16646
  return __generator(this, function (_a) {
16578
16647
  switch (_a.label) {
16579
16648
  case 0:
@@ -16603,10 +16672,10 @@ var InvestmentManagementComponent = function (props) {
16603
16672
  setModalVisible(false);
16604
16673
  return [3 /*break*/, 4];
16605
16674
  case 3:
16606
- error_3 = _a.sent();
16607
- console.log("Error in Cancelling transfer request", error_3);
16675
+ error_4 = _a.sent();
16676
+ console.log("Error in Cancelling transfer request", error_4);
16608
16677
  setLoading(false);
16609
- return [2 /*return*/, error_3.message];
16678
+ return [2 /*return*/, error_4.message];
16610
16679
  case 4: return [2 /*return*/];
16611
16680
  }
16612
16681
  });
@@ -16872,7 +16941,13 @@ var InvestmentManagementComponent = function (props) {
16872
16941
  return e.target.value === ""
16873
16942
  ? setSearch(e.target.value)
16874
16943
  : setSearchText(e.target.value);
16875
- }, onSearch: setSearch, style: { width: 265 } }))))),
16944
+ }, onSearch: setSearch, style: { width: 265 } })),
16945
+ React.createElement("div", { className: "download-data-btn" },
16946
+ React.createElement("a", { onClick: downloadInvestmentData },
16947
+ React.createElement(icons.DownloadOutlined, { style: {
16948
+ color: "rgba(58, 53, 65, 0.3)",
16949
+ fontSize: "20px",
16950
+ } })))))),
16876
16951
  React.createElement(antd.Row, null,
16877
16952
  React.createElement(antd.Col, { span: 24 },
16878
16953
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -16900,7 +16975,7 @@ var css_248z$l = ".steps-actions {\n display: flex;\n flex-direction: row-reve
16900
16975
  styleInject(css_248z$l);
16901
16976
 
16902
16977
  var SupportCreationComponent = function (props) {
16903
- var t = props.t, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
16978
+ var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
16904
16979
  useLocation().state;
16905
16980
  var _a = React.useState(); _a[0]; _a[1];
16906
16981
  var formOne = antd.Form.useForm()[0];
@@ -16913,7 +16988,6 @@ var SupportCreationComponent = function (props) {
16913
16988
  var _f = React.useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
16914
16989
  var _g = React.useState([]), instrument = _g[0], setInstrument = _g[1];
16915
16990
  var _h = React.useState(); _h[0]; var setStepOneData = _h[1];
16916
- var userInfoState = useUserContext().userInfoState;
16917
16991
  var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
16918
16992
  label: addSpaces(Object.values(exports.Instrument)[index]),
16919
16993
  value: Object.values(exports.Instrument)[index],
@@ -17256,7 +17330,7 @@ var SupportCreationComponent = function (props) {
17256
17330
  };
17257
17331
 
17258
17332
  var SupportManagementComponent = function (props) {
17259
- var translator = props.translator; props.onNavigateToProgrammeView; var enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
17333
+ var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
17260
17334
  var t = translator.t;
17261
17335
  var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
17262
17336
  label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
@@ -17758,7 +17832,7 @@ var css_248z$k = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[valu
17758
17832
  styleInject(css_248z$k);
17759
17833
 
17760
17834
  var NdcActionManagementComponent = function (props) {
17761
- var t = props.t, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
17835
+ var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
17762
17836
  var _a = React.useState(true), checkAll = _a[0], setCheckAll = _a[1];
17763
17837
  var _b = React.useState([]), tableData = _b[0], setTableData = _b[1];
17764
17838
  var _c = React.useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
@@ -17773,6 +17847,7 @@ var NdcActionManagementComponent = function (props) {
17773
17847
  var _m = React.useState(), dataFilter = _m[0]; _m[1];
17774
17848
  var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
17775
17849
  var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
17850
+ var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
17776
17851
  var Search = antd.Input.Search;
17777
17852
  var post = useConnection().post;
17778
17853
  var userInfoState = useUserContext().userInfoState;
@@ -17780,7 +17855,7 @@ var NdcActionManagementComponent = function (props) {
17780
17855
  label: addSpaces(Object.values(exports.NdcActionStatus)[index]),
17781
17856
  value: Object.values(exports.NdcActionStatus)[index],
17782
17857
  }); });
17783
- var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
17858
+ var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
17784
17859
  var getNdcActionNames = function (action) {
17785
17860
  switch (action) {
17786
17861
  case exports.NdcActionTypes.Adaptation:
@@ -17962,6 +18037,11 @@ var NdcActionManagementComponent = function (props) {
17962
18037
  response = _a.sent();
17963
18038
  setTableData(response.data);
17964
18039
  setTotalProgramme(response.response.data.total);
18040
+ setDataQuery({
18041
+ filterAnd: filter,
18042
+ filterBy: filterBy,
18043
+ sort: sort,
18044
+ });
17965
18045
  setLoading(false);
17966
18046
  return [3 /*break*/, 4];
17967
18047
  case 3:
@@ -18020,6 +18100,49 @@ var NdcActionManagementComponent = function (props) {
18020
18100
  }
18021
18101
  });
18022
18102
  }); };
18103
+ var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
18104
+ var response, url, a, error_3;
18105
+ return __generator(this, function (_a) {
18106
+ switch (_a.label) {
18107
+ case 0:
18108
+ setLoading(true);
18109
+ _a.label = 1;
18110
+ case 1:
18111
+ _a.trys.push([1, 3, , 4]);
18112
+ return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
18113
+ filterAnd: dataQuery.filterAnd,
18114
+ filterBy: dataQuery.filterBy,
18115
+ sort: dataQuery.sort,
18116
+ })];
18117
+ case 2:
18118
+ response = _a.sent();
18119
+ if (response && response.data) {
18120
+ url = response.data.url;
18121
+ a = document.createElement('a');
18122
+ a.href = url;
18123
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
18124
+ document.body.appendChild(a);
18125
+ a.click();
18126
+ document.body.removeChild(a); // Clean up the created <a> element
18127
+ window.URL.revokeObjectURL(url);
18128
+ }
18129
+ setLoading(false);
18130
+ return [3 /*break*/, 4];
18131
+ case 3:
18132
+ error_3 = _a.sent();
18133
+ console.log("Error in exporting NDC Actions", error_3);
18134
+ antd.message.open({
18135
+ type: "error",
18136
+ content: error_3.message,
18137
+ duration: 3,
18138
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
18139
+ });
18140
+ setLoading(false);
18141
+ return [3 /*break*/, 4];
18142
+ case 4: return [2 /*return*/];
18143
+ }
18144
+ });
18145
+ }); };
18023
18146
  React.useEffect(function () {
18024
18147
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
18025
18148
  getUserDetails();
@@ -18115,7 +18238,13 @@ var NdcActionManagementComponent = function (props) {
18115
18238
  return e.target.value === ""
18116
18239
  ? setSearch(e.target.value)
18117
18240
  : setSearchText(e.target.value);
18118
- }, onSearch: setSearch, style: { width: 265 } }))))),
18241
+ }, onSearch: setSearch, style: { width: 265 } })),
18242
+ React.createElement("div", { className: "download-data-btn" },
18243
+ React.createElement("a", { onClick: downloadNdcData },
18244
+ React.createElement(icons.DownloadOutlined, { style: {
18245
+ color: "rgba(58, 53, 65, 0.3)",
18246
+ fontSize: "20px",
18247
+ } })))))),
18119
18248
  React.createElement(antd.Row, null,
18120
18249
  React.createElement(antd.Col, { span: 24 },
18121
18250
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -19117,7 +19246,7 @@ var GenderParity = function (props) {
19117
19246
  };
19118
19247
 
19119
19248
  var Assessment = function (props) {
19120
- var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, translator = props.translator;
19249
+ var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, translator = props.translator;
19121
19250
  translator.setDefaultNamespace("coBenifits");
19122
19251
  var t = translator.t;
19123
19252
  var form1 = antd.Form.useForm()[0];
@@ -21522,7 +21651,7 @@ var SocialEnvironmentalRisk = function (props) {
21522
21651
  };
21523
21652
 
21524
21653
  var CoBenifitsComponent = function (props) {
21525
- 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;
21654
+ 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;
21526
21655
  var _b = React.useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
21527
21656
  var _c = React.useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
21528
21657
  var _d = React.useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
@@ -21596,7 +21725,7 @@ var CoBenifitsComponent = function (props) {
21596
21725
  label: t("coBenifits:assessment"),
21597
21726
  key: "7",
21598
21727
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
21599
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, translator: translator })),
21728
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
21600
21729
  },
21601
21730
  {
21602
21731
  label: t("coBenifits:socialEnvironmentalRisk"),
@@ -21765,7 +21894,7 @@ var CoBenifitsComponent = function (props) {
21765
21894
  };
21766
21895
 
21767
21896
  var AddNdcActionComponent = function (props) {
21768
- var useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
21897
+ var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
21769
21898
  translator.setDefaultNamespace("ndcAction");
21770
21899
  var t = translator.t;
21771
21900
  var _a = React.useState(1), current = _a[0], setCurrent = _a[1];
@@ -21907,7 +22036,7 @@ var AddNdcActionComponent = function (props) {
21907
22036
  description: (React.createElement("div", { className: current !== 2 ? "hide" : "" },
21908
22037
  React.createElement(CoBenifitsComponent, { onClickedBackBtn: onClickBackCoBenefits, coBenefitsDetails: ndcActionDetails ? ndcActionDetails.coBenefitsProperties : {}, onFormSubmit: onCoBenefitsSubmit, submitButtonText: isProjectReportsVisible()
21909
22038
  ? t("ndcAction:next")
21910
- : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, translator: translator }))),
22039
+ : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator }))),
21911
22040
  },
21912
22041
  ];
21913
22042
  if (isProjectReportsVisible()) {
@@ -22044,7 +22173,7 @@ var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId
22044
22173
  var NdcActionViewComponent = function (props) {
22045
22174
  var _a;
22046
22175
  var _b, _c;
22047
- var useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
22176
+ var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
22048
22177
  translator.setDefaultNamespace("ndcAction");
22049
22178
  var t = translator.t;
22050
22179
  var userInfoState = useUserContext().userInfoState;
@@ -22543,13 +22672,13 @@ var NdcActionViewComponent = function (props) {
22543
22672
  React.createElement(antd.Card, { className: "card-container" },
22544
22673
  React.createElement("div", { className: "co-benifits-view" },
22545
22674
  React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
22546
- 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 })))))))));
22675
+ 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 })))))))));
22547
22676
  };
22548
22677
 
22549
22678
  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";
22550
22679
  styleInject(css_248z$e);
22551
22680
 
22552
- 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";
22681
+ 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";
22553
22682
  styleInject(css_248z$d);
22554
22683
 
22555
22684
  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)))};
@@ -22696,7 +22825,7 @@ var TransferActionModel = function (props) {
22696
22825
  };
22697
22826
 
22698
22827
  var CreditTransferComponent = function (props) {
22699
- var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
22828
+ var useConnection = props.useConnection, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
22700
22829
  var userInfoState = useUserContext().userInfoState;
22701
22830
  var t = translator.t;
22702
22831
  var statusOptions = Object.keys(exports.CreditTransferStage).map(function (k, index) { return ({
@@ -22728,6 +22857,7 @@ var CreditTransferComponent = function (props) {
22728
22857
  var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
22729
22858
  var _z = React.useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
22730
22859
  var _0 = React.useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
22860
+ var _1 = React.useState(), dataQuery = _1[0], setDataQuery = _1[1];
22731
22861
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
22732
22862
  return __generator(this, function (_a) {
22733
22863
  console.log(checkedValues);
@@ -22831,6 +22961,12 @@ var CreditTransferComponent = function (props) {
22831
22961
  console.log(response);
22832
22962
  setTableData(response.data);
22833
22963
  setTotalProgramme(response.response.data.total);
22964
+ setDataQuery({
22965
+ filterAnd: filter,
22966
+ filterOr: dataFilter,
22967
+ sort: sort,
22968
+ filterBy: filterBy,
22969
+ });
22834
22970
  setLoading(false);
22835
22971
  return [3 /*break*/, 4];
22836
22972
  case 3:
@@ -22848,8 +22984,53 @@ var CreditTransferComponent = function (props) {
22848
22984
  }
22849
22985
  });
22850
22986
  }); };
22987
+ var downloadTransferData = function () { return __awaiter(void 0, void 0, void 0, function () {
22988
+ var response, url, a, error_2;
22989
+ var _a;
22990
+ return __generator(this, function (_b) {
22991
+ switch (_b.label) {
22992
+ case 0:
22993
+ setLoading(true);
22994
+ _b.label = 1;
22995
+ case 1:
22996
+ _b.trys.push([1, 3, , 4]);
22997
+ return [4 /*yield*/, post("national/programme/transfers/download", {
22998
+ filterAnd: dataQuery.filterAnd,
22999
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
23000
+ sort: dataQuery.sort,
23001
+ filterBy: dataQuery.filterBy,
23002
+ })];
23003
+ case 2:
23004
+ response = _b.sent();
23005
+ if (response && response.data) {
23006
+ url = response.data.url;
23007
+ a = document.createElement('a');
23008
+ a.href = url;
23009
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
23010
+ document.body.appendChild(a);
23011
+ a.click();
23012
+ document.body.removeChild(a); // Clean up the created <a> element
23013
+ window.URL.revokeObjectURL(url);
23014
+ }
23015
+ setLoading(false);
23016
+ return [3 /*break*/, 4];
23017
+ case 3:
23018
+ error_2 = _b.sent();
23019
+ console.log("Error in exporting transfers", error_2);
23020
+ antd.message.open({
23021
+ type: "error",
23022
+ content: error_2.message,
23023
+ duration: 3,
23024
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
23025
+ });
23026
+ setLoading(false);
23027
+ return [3 /*break*/, 4];
23028
+ case 4: return [2 /*return*/];
23029
+ }
23030
+ });
23031
+ }); };
22851
23032
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
22852
- var response, error_2;
23033
+ var response, error_3;
22853
23034
  var _a, _b, _c, _d, _e, _f;
22854
23035
  return __generator(this, function (_g) {
22855
23036
  switch (_g.label) {
@@ -22881,8 +23062,8 @@ var CreditTransferComponent = function (props) {
22881
23062
  setLoading(false);
22882
23063
  return [3 /*break*/, 4];
22883
23064
  case 3:
22884
- error_2 = _g.sent();
22885
- console.log("Error in getting users", error_2);
23065
+ error_3 = _g.sent();
23066
+ console.log("Error in getting users", error_3);
22886
23067
  setLoading(false);
22887
23068
  return [3 /*break*/, 4];
22888
23069
  case 4: return [2 /*return*/];
@@ -22906,7 +23087,7 @@ var CreditTransferComponent = function (props) {
22906
23087
  }
22907
23088
  }, []);
22908
23089
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
22909
- var response, successMsg, error_3;
23090
+ var response, successMsg, error_4;
22910
23091
  return __generator(this, function (_a) {
22911
23092
  switch (_a.label) {
22912
23093
  case 0:
@@ -22936,10 +23117,10 @@ var CreditTransferComponent = function (props) {
22936
23117
  setModalVisible(false);
22937
23118
  return [3 /*break*/, 4];
22938
23119
  case 3:
22939
- error_3 = _a.sent();
22940
- console.log("Error in Cancelling transfer request", error_3);
23120
+ error_4 = _a.sent();
23121
+ console.log("Error in Cancelling transfer request", error_4);
22941
23122
  setLoading(false);
22942
- return [2 /*return*/, error_3.message];
23123
+ return [2 /*return*/, error_4.message];
22943
23124
  case 4: return [2 /*return*/];
22944
23125
  }
22945
23126
  });
@@ -23288,7 +23469,7 @@ var CreditTransferComponent = function (props) {
23288
23469
  ]
23289
23470
  : undefined);
23290
23471
  } }, t("view:seeMine")),
23291
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
23472
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(antd.Checkbox, { className: "label ministry-level-filter-checkbox", onChange: function (v) {
23292
23473
  if (v.target.checked) {
23293
23474
  setMinistryLevelFilter(true);
23294
23475
  }
@@ -23301,7 +23482,13 @@ var CreditTransferComponent = function (props) {
23301
23482
  return e.target.value === ""
23302
23483
  ? setSearch(e.target.value)
23303
23484
  : setSearchText(e.target.value);
23304
- }, onSearch: setSearch, style: { width: 265 } }))))),
23485
+ }, onSearch: setSearch, style: { width: 265 } })),
23486
+ React.createElement("div", { className: "download-data-btn" },
23487
+ React.createElement("a", { onClick: downloadTransferData },
23488
+ React.createElement(icons.DownloadOutlined, { style: {
23489
+ color: "rgba(58, 53, 65, 0.3)",
23490
+ fontSize: "20px",
23491
+ } })))))),
23305
23492
  React.createElement(antd.Row, null,
23306
23493
  React.createElement(antd.Col, { span: 24 },
23307
23494
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -23631,8 +23818,8 @@ var MapStatsComponent = function (props) {
23631
23818
 
23632
23819
  var RangePicker$2 = antd.DatePicker.RangePicker;
23633
23820
  var MrvDashboardComponent = function (props) {
23634
- var Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
23635
- var _b = useConnection(); _b.get; var post = _b.post; _b.delete; var statServerUrl = _b.statServerUrl;
23821
+ 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;
23822
+ var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
23636
23823
  var _c = React.useState({}), data = _c[0], setData = _c[1];
23637
23824
  var _e = React.useState(false), loading = _e[0], setLoading = _e[1];
23638
23825
  var userInfoState = useUserContext().userInfoState;
@@ -24115,7 +24302,7 @@ var MrvDashboardComponent = function (props) {
24115
24302
  _e.label = 1;
24116
24303
  case 1:
24117
24304
  _e.trys.push([1, 3, 4, 5]);
24118
- return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, statServerUrl)];
24305
+ return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, process.env.REACT_APP_STAT_URL)];
24119
24306
  case 2:
24120
24307
  response = _e.sent();
24121
24308
  console.log("Response", response);
@@ -25366,8 +25553,8 @@ var RegistryBarChartsStatComponent = function (props) {
25366
25553
 
25367
25554
  var RangePicker$1 = antd.DatePicker.RangePicker;
25368
25555
  var RegistryDashboardComponent = function (props) {
25369
- var Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
25370
- var _b = useConnection(); _b.get; var post = _b.post; _b.delete; var statServerUrl = _b.statServerUrl;
25556
+ 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;
25557
+ var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
25371
25558
  var userInfoState = useUserContext().userInfoState;
25372
25559
  var _c = React.useState(false), loadingWithoutTimeRange = _c[0], setLoadingWithoutTimeRange = _c[1];
25373
25560
  var _e = React.useState(false), loading = _e[0], setLoading = _e[1];
@@ -25814,7 +26001,7 @@ var RegistryDashboardComponent = function (props) {
25814
26001
  _253.label = 1;
25815
26002
  case 1:
25816
26003
  _253.trys.push([1, 3, 4, 5]);
25817
- return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, statServerUrl)];
26004
+ return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, process.env.REACT_APP_STAT_URL)];
25818
26005
  case 2:
25819
26006
  response = _253.sent();
25820
26007
  totalCreditsCertifiedStats = void 0;
@@ -26091,7 +26278,7 @@ var RegistryDashboardComponent = function (props) {
26091
26278
  _77.label = 1;
26092
26279
  case 1:
26093
26280
  _77.trys.push([1, 3, 4, 5]);
26094
- return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, statServerUrl)];
26281
+ return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, process.env.REACT_APP_STAT_URL)];
26095
26282
  case 2:
26096
26283
  response = _77.sent();
26097
26284
  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;
@@ -26184,7 +26371,7 @@ var RegistryDashboardComponent = function (props) {
26184
26371
  _188.label = 1;
26185
26372
  case 1:
26186
26373
  _188.trys.push([1, 3, 4, 5]);
26187
- return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, statServerUrl)];
26374
+ return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, process.env.REACT_APP_STAT_URL)];
26188
26375
  case 2:
26189
26376
  response = _188.sent();
26190
26377
  programmeByStatusAuthAggregationResponse = void 0;
@@ -27087,7 +27274,21 @@ var EditableCell = function (_a) {
27087
27274
  }); },
27088
27275
  },
27089
27276
  ] },
27090
- React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27277
+ React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27278
+ {
27279
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
27280
+ var trimValue;
27281
+ return __generator(this, function (_a) {
27282
+ trimValue = typeof value === "string" ? value.trim() : value;
27283
+ if (!trimValue) {
27284
+ throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
27285
+ }
27286
+ return [2 /*return*/];
27287
+ });
27288
+ }); },
27289
+ },
27290
+ ] },
27291
+ React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27091
27292
  {
27092
27293
  validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
27093
27294
  var trimValue;
@@ -27151,7 +27352,7 @@ var getNdcActionStatusTagType = function (status) {
27151
27352
  };
27152
27353
 
27153
27354
  var NdcDetailsComponent = function (props) {
27154
- var t = props.t;
27355
+ var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext;
27155
27356
  var RangePicker = antd.DatePicker.RangePicker;
27156
27357
  var _a = React.useState([]), ndcActionsList = _a[0], setNdcActionsList = _a[1];
27157
27358
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
@@ -27194,11 +27395,13 @@ var NdcDetailsComponent = function (props) {
27194
27395
  : undefined;
27195
27396
  var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
27196
27397
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
27197
- var isMainNdcActionsEditable = !selectedPeriod.finalized &&
27398
+ var isMainNdcActionsEditable = selectedPeriod &&
27399
+ !selectedPeriod.finalized &&
27198
27400
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
27199
27401
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
27200
27402
  var isSubNdcActionsEditable = function (record) {
27201
- return (!selectedPeriod.finalized &&
27403
+ return (selectedPeriod &&
27404
+ !selectedPeriod.finalized &&
27202
27405
  record.status !== NdcDetailsActionStatus.Approved &&
27203
27406
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
27204
27407
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
@@ -27206,7 +27409,8 @@ var NdcDetailsComponent = function (props) {
27206
27409
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
27207
27410
  };
27208
27411
  var checkSubNdcActionCreatePermission = function () {
27209
- return (!selectedPeriod.finalized &&
27412
+ return (selectedPeriod &&
27413
+ !selectedPeriod.finalized &&
27210
27414
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
27211
27415
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) &&
27212
27416
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
@@ -27219,7 +27423,7 @@ var NdcDetailsComponent = function (props) {
27219
27423
  return isSubNdcActionsEditable(record);
27220
27424
  }
27221
27425
  };
27222
- var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
27426
+ var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
27223
27427
  ? ndcActionsList.filter(function (ndcDetail) {
27224
27428
  return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
27225
27429
  ndcDetail.actionType === NdcDetailsActionType.MainAction);
@@ -27235,6 +27439,7 @@ var NdcDetailsComponent = function (props) {
27235
27439
  actionType: NdcDetailsActionType.SubAction,
27236
27440
  nationalPlanObjective: "",
27237
27441
  kpi: "",
27442
+ kpiUnit: "",
27238
27443
  ministryName: loginMinistry,
27239
27444
  status: NdcDetailsActionStatus.New,
27240
27445
  parentActionId: mainActionId,
@@ -27246,6 +27451,7 @@ var NdcDetailsComponent = function (props) {
27246
27451
  form.setFieldsValue({
27247
27452
  nationalPlanObjective: "",
27248
27453
  kpi: "",
27454
+ kpiUnit: "",
27249
27455
  });
27250
27456
  }
27251
27457
  setSubNdcActionsForPeriod(subNdcDetails);
@@ -27287,6 +27493,7 @@ var NdcDetailsComponent = function (props) {
27287
27493
  return [2 /*return*/];
27288
27494
  }
27289
27495
  else if (updatedFields.kpi === row.kpi &&
27496
+ updatedFields.kpiUnit === row.kpiUnit &&
27290
27497
  updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
27291
27498
  ClearEditMode();
27292
27499
  return [2 /*return*/];
@@ -27300,13 +27507,13 @@ var NdcDetailsComponent = function (props) {
27300
27507
  else {
27301
27508
  updatedItem.status = NdcDetailsActionStatus.Pending;
27302
27509
  }
27303
- return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27510
+ return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
27304
27511
  case 5:
27305
27512
  _a.sent();
27306
27513
  return [3 /*break*/, 8];
27307
27514
  case 6:
27308
27515
  updatedItem.status = NdcDetailsActionStatus.Pending;
27309
- return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27516
+ return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
27310
27517
  case 7:
27311
27518
  _a.sent();
27312
27519
  _a.label = 8;
@@ -27331,6 +27538,7 @@ var NdcDetailsComponent = function (props) {
27331
27538
  var actionMenu = function (record) {
27332
27539
  if (record.status === NdcDetailsActionStatus.Pending &&
27333
27540
  isGovernmentUser &&
27541
+ selectedPeriod &&
27334
27542
  !selectedPeriod.finalized) {
27335
27543
  return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
27336
27544
  {
@@ -27390,7 +27598,17 @@ var NdcDetailsComponent = function (props) {
27390
27598
  width: 100,
27391
27599
  editable: true,
27392
27600
  render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpi ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27393
- React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: "Enter Kpi" })))); },
27601
+ React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
27602
+ },
27603
+ {
27604
+ title: t("ndc:ndcColumnsKpiUnit"),
27605
+ dataIndex: "kpiUnit",
27606
+ key: "kpiUnit",
27607
+ align: "left",
27608
+ width: 100,
27609
+ editable: true,
27610
+ render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpiUnit ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27611
+ React.createElement("span", null, record.kpiUnit))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
27394
27612
  },
27395
27613
  {
27396
27614
  title: t("ndc:ndcColumnsMinistry"),
@@ -27454,6 +27672,7 @@ var NdcDetailsComponent = function (props) {
27454
27672
  form.setFieldsValue({
27455
27673
  nationalPlanObjective: "",
27456
27674
  kpi: "",
27675
+ kpiUnit: "",
27457
27676
  });
27458
27677
  periodId = parseInt(selectedPeriod.key);
27459
27678
  newData_1 = {
@@ -27461,6 +27680,7 @@ var NdcDetailsComponent = function (props) {
27461
27680
  actionType: NdcDetailsActionType.MainAction,
27462
27681
  nationalPlanObjective: "",
27463
27682
  kpi: "",
27683
+ kpiUnit: "",
27464
27684
  ministryName: loginMinistry,
27465
27685
  periodId: periodId,
27466
27686
  status: NdcDetailsActionStatus.New,
@@ -27599,10 +27819,11 @@ var NdcDetailsComponent = function (props) {
27599
27819
  };
27600
27820
  }, footer: function () {
27601
27821
  return isGovernmentUser &&
27822
+ selectedPeriod &&
27602
27823
  !selectedPeriod.finalized && (React.createElement(antd.Row, { justify: "center" },
27603
27824
  React.createElement(antd.Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
27604
27825
  } })))),
27605
- isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
27826
+ isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
27606
27827
  React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
27607
27828
  React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
27608
27829
  React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -27950,10 +28171,12 @@ var NdcDetailsComponent = function (props) {
27950
28171
  React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
27951
28172
  React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
27952
28173
  React.createElement("div", null,
27953
- React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
27954
- React.createElement("div", null, selectedPeriod.key === "add_new"
27955
- ? addNewPeriodContent()
27956
- : mainNdcActionTableContent()),
28174
+ React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
28175
+ React.createElement("div", null, selectedPeriod
28176
+ ? selectedPeriod.key === "add_new"
28177
+ ? addNewPeriodContent()
28178
+ : mainNdcActionTableContent()
28179
+ : ""),
27957
28180
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
27958
28181
  };
27959
28182
 
@@ -28126,7 +28349,7 @@ var ProgrammeIssueForm = function (props) {
28126
28349
  };
28127
28350
 
28128
28351
  var ProgrammeRetireForm = function (props) {
28129
- 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;
28352
+ 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;
28130
28353
  var t = translator.t;
28131
28354
  var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
28132
28355
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
@@ -28502,7 +28725,7 @@ var ProgrammeRevokeForm = function (props) {
28502
28725
  };
28503
28726
 
28504
28727
  var ProgrammeTransferForm = function (props) {
28505
- 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;
28728
+ 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;
28506
28729
  var t = translator.t;
28507
28730
  var _b = React.useState(undefined), popupError = _b[0], setPopupError = _b[1];
28508
28731
  var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
@@ -28527,8 +28750,8 @@ var ProgrammeTransferForm = function (props) {
28527
28750
  },
28528
28751
  {
28529
28752
  key: "companyRole",
28530
- operation: "!=",
28531
- value: "Certifier",
28753
+ operation: "=",
28754
+ value: exports.CompanyRole.PROGRAMME_DEVELOPER,
28532
28755
  },
28533
28756
  ],
28534
28757
  sort: {
@@ -28733,7 +28956,7 @@ var css_248z$5 = ".ndc-action-body {\n display: flex;\n flex-direction: column
28733
28956
  styleInject(css_248z$5);
28734
28957
 
28735
28958
  var NdcActionBody = function (props) {
28736
- 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;
28959
+ 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;
28737
28960
  var t = translator.t;
28738
28961
  var userInfoState = useUserContext().userInfoState;
28739
28962
  var fileInputMonitoringRef = React.useRef(null);
@@ -29169,7 +29392,7 @@ var css_248z$4 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-vi
29169
29392
  styleInject(css_248z$4);
29170
29393
 
29171
29394
  var ProgrammeDocuments = function (props) {
29172
- 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;
29395
+ 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;
29173
29396
  var t = translator.t;
29174
29397
  var userInfoState = useUserContext().userInfoState;
29175
29398
  var _a = useConnection(); _a.delete; var post = _a.post;
@@ -29712,7 +29935,7 @@ var TimelineBody = function (props) {
29712
29935
  React.createElement("div", { className: "remark-body" }, remark)))));
29713
29936
  };
29714
29937
 
29715
- 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";
29938
+ 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";
29716
29939
  styleInject(css_248z$2);
29717
29940
 
29718
29941
  var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -30120,7 +30343,7 @@ var GHGUserActionConfirmationModel = function (props) {
30120
30343
  };
30121
30344
 
30122
30345
  var GHGEmissionsComponent = function (props) {
30123
- var t = props.t;
30346
+ var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
30124
30347
  var userInfoState = useUserContext().userInfoState;
30125
30348
  var _a = React.useState([]), data = _a[0], setData = _a[1];
30126
30349
  var _b = useConnection(), get = _b.get, post = _b.post;
@@ -30166,14 +30389,26 @@ var GHGEmissionsComponent = function (props) {
30166
30389
  var _17 = React.useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
30167
30390
  var _18 = React.useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
30168
30391
  var _19 = React.useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
30169
- var _20 = React.useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
30170
- var _21 = React.useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
30171
- var _22 = React.useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
30172
- var _23 = React.useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
30173
- var _24 = React.useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
30174
- var _25 = React.useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
30175
- var _26 = React.useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
30176
- var _27 = React.useState({}), actionInfo = _27[0], setActionInfo = _27[1];
30392
+ var _20 = React.useState({
30393
+ totalCo2WithoutLand_ch4: 0,
30394
+ totalCo2WithoutLand_co2: 0,
30395
+ totalCo2WithoutLand_n2o: 0,
30396
+ totalCo2WithoutLand_co2eq: 0
30397
+ }); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
30398
+ var _21 = React.useState({
30399
+ totalCo2WithLand_ch4: 0,
30400
+ totalCo2WithLand_co2: 0,
30401
+ totalCo2WithLand_n2o: 0,
30402
+ totalCo2WithLand_co2eq: 0
30403
+ }); _21[0]; _21[1];
30404
+ var _22 = React.useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
30405
+ var _23 = React.useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
30406
+ var _24 = React.useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
30407
+ var _25 = React.useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
30408
+ var _26 = React.useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
30409
+ var _27 = React.useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
30410
+ var _28 = React.useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
30411
+ var _29 = React.useState({}), actionInfo = _29[0], setActionInfo = _29[1];
30177
30412
  var Panel = antd.Collapse.Panel;
30178
30413
  var form = antd.Form.useForm()[0];
30179
30414
  var createSetFieldObject = function (obj, objName) {
@@ -31328,19 +31563,35 @@ var GHGEmissionsComponent = function (props) {
31328
31563
  return 0;
31329
31564
  }
31330
31565
  };
31566
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
31567
+ setTotalCo2WithoutLandEmissions(function (prevState) {
31568
+ var _a;
31569
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
31570
+ });
31571
+ };
31572
+ // Helper function to get form field value
31573
+ var getFieldValue = function (fieldName) {
31574
+ var formValues = form.getFieldsValue(true);
31575
+ var fieldValue = formValues[fieldName];
31576
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
31577
+ };
31331
31578
  var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
31332
31579
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
31333
31580
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
31334
31581
  React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
31335
31582
  React.createElement(antd.Row, { gutter: 16 },
31336
31583
  React.createElement(antd.Col, { xl: 6 },
31337
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading))))),
31584
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
31585
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
31338
31586
  React.createElement(antd.Col, { xl: 6 },
31339
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading))))),
31587
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
31588
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
31340
31589
  React.createElement(antd.Col, { xl: 6 },
31341
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading))))),
31590
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
31591
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
31342
31592
  React.createElement(antd.Col, { xl: 6 },
31343
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading))))))))); };
31593
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
31594
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
31344
31595
  var renderPanelHeaderView = function (panelHeading, tabData) {
31345
31596
  var emissionsObject = tabData[panelHeading];
31346
31597
  return (React.createElement(antd.Row, { gutter: 16 },
@@ -31349,13 +31600,17 @@ var GHGEmissionsComponent = function (props) {
31349
31600
  React.createElement(antd.Col, { xl: 9, md: 9 },
31350
31601
  React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
31351
31602
  React.createElement(antd.Col, { xl: 6 },
31352
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))))),
31603
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31604
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
31353
31605
  React.createElement(antd.Col, { xl: 6 },
31354
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4'))))),
31606
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31607
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
31355
31608
  React.createElement(antd.Col, { xl: 6 },
31356
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o'))))),
31609
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31610
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
31357
31611
  React.createElement(antd.Col, { xl: 6 },
31358
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq')))))))));
31612
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31613
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
31359
31614
  };
31360
31615
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
31361
31616
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31363,61 +31618,65 @@ var GHGEmissionsComponent = function (props) {
31363
31618
  React.createElement(antd.Col, { xl: 9, md: 9 },
31364
31619
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
31365
31620
  React.createElement(antd.Col, { xl: 6 },
31366
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31367
- {
31368
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31369
- return __generator(this, function (_a) {
31370
- if (value && value < 0) {
31371
- throw new Error();
31372
- }
31373
- return [2 /*return*/];
31374
- });
31375
- }); },
31376
- },
31377
- ] },
31378
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31621
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
31622
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31623
+ {
31624
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31625
+ return __generator(this, function (_a) {
31626
+ if (value && value < 0) {
31627
+ throw new Error();
31628
+ }
31629
+ return [2 /*return*/];
31630
+ });
31631
+ }); },
31632
+ },
31633
+ ] },
31634
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31379
31635
  React.createElement(antd.Col, { xl: 6 },
31380
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31381
- {
31382
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31383
- return __generator(this, function (_a) {
31384
- if (value && value < 0) {
31385
- throw new Error();
31386
- }
31387
- return [2 /*return*/];
31388
- });
31389
- }); },
31390
- },
31391
- ] },
31392
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31636
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
31637
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31638
+ {
31639
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31640
+ return __generator(this, function (_a) {
31641
+ if (value && value < 0) {
31642
+ throw new Error();
31643
+ }
31644
+ return [2 /*return*/];
31645
+ });
31646
+ }); },
31647
+ },
31648
+ ] },
31649
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31393
31650
  React.createElement(antd.Col, { xl: 6 },
31394
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31395
- {
31396
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31397
- return __generator(this, function (_a) {
31398
- if (value && value < 0) {
31399
- throw new Error();
31400
- }
31401
- return [2 /*return*/];
31402
- });
31403
- }); },
31404
- },
31405
- ] },
31406
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31651
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
31652
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31653
+ {
31654
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31655
+ return __generator(this, function (_a) {
31656
+ if (value && value < 0) {
31657
+ throw new Error();
31658
+ }
31659
+ return [2 /*return*/];
31660
+ });
31661
+ }); },
31662
+ },
31663
+ ] },
31664
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31407
31665
  React.createElement(antd.Col, { xl: 6 },
31408
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31409
- {
31410
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31411
- return __generator(this, function (_a) {
31412
- if (value && value < 0) {
31413
- throw new Error();
31414
- }
31415
- return [2 /*return*/];
31416
- });
31417
- }); },
31418
- },
31419
- ] },
31420
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))); };
31666
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
31667
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31668
+ {
31669
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31670
+ return __generator(this, function (_a) {
31671
+ if (value && value < 0) {
31672
+ throw new Error();
31673
+ }
31674
+ return [2 /*return*/];
31675
+ });
31676
+ }); },
31677
+ },
31678
+ ] },
31679
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
31421
31680
  var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
31422
31681
  return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
31423
31682
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31425,13 +31684,21 @@ var GHGEmissionsComponent = function (props) {
31425
31684
  React.createElement(antd.Col, { xl: 9, md: 9 },
31426
31685
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
31427
31686
  React.createElement(antd.Col, { xl: 6 },
31428
- React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })),
31687
+ React.createElement(antd.Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
31688
+ React.createElement("div", null,
31689
+ React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
31429
31690
  React.createElement(antd.Col, { xl: 6 },
31430
- React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })),
31691
+ React.createElement(antd.Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
31692
+ React.createElement("div", null,
31693
+ React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
31431
31694
  React.createElement(antd.Col, { xl: 6 },
31432
- React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })),
31695
+ React.createElement(antd.Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
31696
+ React.createElement("div", null,
31697
+ React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
31433
31698
  React.createElement(antd.Col, { xl: 6 },
31434
- React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))));
31699
+ React.createElement(antd.Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
31700
+ React.createElement("div", null,
31701
+ React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
31435
31702
  };
31436
31703
  var objectToCSV = function (dataToDownload) {
31437
31704
  var flattenObject = function (obj, prefix) {
@@ -31502,6 +31769,17 @@ var GHGEmissionsComponent = function (props) {
31502
31769
  }
31503
31770
  return false;
31504
31771
  };
31772
+ var displayEmptyView = function () {
31773
+ if (!data || data.length === 0) {
31774
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
31775
+ return true;
31776
+ }
31777
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
31778
+ return true;
31779
+ }
31780
+ }
31781
+ return false;
31782
+ };
31505
31783
  var canViewForm = function () {
31506
31784
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
31507
31785
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -31519,7 +31797,9 @@ var GHGEmissionsComponent = function (props) {
31519
31797
  React.createElement("div", { className: "title-bar" },
31520
31798
  React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
31521
31799
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
31522
- React.createElement("div", { className: "content-card add-emission" },
31800
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
31801
+ React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
31802
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
31523
31803
  React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
31524
31804
  (canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
31525
31805
  React.createElement("div", null,
@@ -31624,13 +31904,17 @@ var GHGEmissionsComponent = function (props) {
31624
31904
  React.createElement(antd.Col, { xl: 9, md: 9 },
31625
31905
  React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
31626
31906
  React.createElement(antd.Col, { xl: 6 },
31627
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2)))),
31907
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
31908
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
31628
31909
  React.createElement(antd.Col, { xl: 6 },
31629
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4)))),
31910
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
31911
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
31630
31912
  React.createElement(antd.Col, { xl: 6 },
31631
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o)))),
31913
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
31914
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
31632
31915
  React.createElement(antd.Col, { xl: 6 },
31633
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq))))))),
31916
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
31917
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
31634
31918
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
31635
31919
  var isActive = _a.isActive;
31636
31920
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -31655,122 +31939,130 @@ var GHGEmissionsComponent = function (props) {
31655
31939
  React.createElement(antd.Col, { xl: 9, md: 9 },
31656
31940
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31657
31941
  React.createElement(antd.Col, { xl: 6 },
31658
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
31659
- {
31660
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31661
- return __generator(this, function (_a) {
31662
- if (value && value < 0) {
31663
- throw new Error();
31664
- }
31665
- return [2 /*return*/];
31666
- });
31667
- }); },
31668
- },
31669
- ] },
31670
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31942
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
31943
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", 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(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31671
31956
  React.createElement(antd.Col, { xl: 6 },
31672
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
31673
- {
31674
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31675
- return __generator(this, function (_a) {
31676
- if (value && value < 0) {
31677
- throw new Error();
31678
- }
31679
- return [2 /*return*/];
31680
- });
31681
- }); },
31682
- },
31683
- ] },
31684
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31957
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
31958
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", 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(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31685
31971
  React.createElement(antd.Col, { xl: 6 },
31686
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31687
- {
31688
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31689
- return __generator(this, function (_a) {
31690
- if (value && value < 0) {
31691
- throw new Error();
31692
- }
31693
- return [2 /*return*/];
31694
- });
31695
- }); },
31696
- },
31697
- ] },
31698
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31972
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
31973
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31974
+ {
31975
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31976
+ return __generator(this, function (_a) {
31977
+ if (value && value < 0) {
31978
+ throw new Error();
31979
+ }
31980
+ return [2 /*return*/];
31981
+ });
31982
+ }); },
31983
+ },
31984
+ ] },
31985
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31699
31986
  React.createElement(antd.Col, { xl: 6 },
31700
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31701
- {
31702
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31703
- return __generator(this, function (_a) {
31704
- if (value && value < 0) {
31705
- throw new Error();
31706
- }
31707
- return [2 /*return*/];
31708
- });
31709
- }); },
31710
- },
31711
- ] },
31712
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
31987
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
31988
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31989
+ {
31990
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31991
+ return __generator(this, function (_a) {
31992
+ if (value && value < 0) {
31993
+ throw new Error();
31994
+ }
31995
+ return [2 /*return*/];
31996
+ });
31997
+ }); },
31998
+ },
31999
+ ] },
32000
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
31713
32001
  React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31714
32002
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31715
32003
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31716
32004
  React.createElement(antd.Col, { xl: 9, md: 9 },
31717
32005
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31718
32006
  React.createElement(antd.Col, { xl: 6 },
31719
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
31720
- {
31721
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31722
- return __generator(this, function (_a) {
31723
- if (value && value < 0) {
31724
- throw new Error();
31725
- }
31726
- return [2 /*return*/];
31727
- });
31728
- }); },
31729
- },
31730
- ] },
31731
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32007
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
32008
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
32009
+ {
32010
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32011
+ return __generator(this, function (_a) {
32012
+ if (value && value < 0) {
32013
+ throw new Error();
32014
+ }
32015
+ return [2 /*return*/];
32016
+ });
32017
+ }); },
32018
+ },
32019
+ ] },
32020
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31732
32021
  React.createElement(antd.Col, { xl: 6 },
31733
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
31734
- {
31735
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31736
- return __generator(this, function (_a) {
31737
- if (value && value < 0) {
31738
- throw new Error();
31739
- }
31740
- return [2 /*return*/];
31741
- });
31742
- }); },
31743
- },
31744
- ] },
31745
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32022
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
32023
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
32024
+ {
32025
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32026
+ return __generator(this, function (_a) {
32027
+ if (value && value < 0) {
32028
+ throw new Error();
32029
+ }
32030
+ return [2 /*return*/];
32031
+ });
32032
+ }); },
32033
+ },
32034
+ ] },
32035
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31746
32036
  React.createElement(antd.Col, { xl: 6 },
31747
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
31748
- {
31749
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31750
- return __generator(this, function (_a) {
31751
- if (value && value < 0) {
31752
- throw new Error();
31753
- }
31754
- return [2 /*return*/];
31755
- });
31756
- }); },
31757
- },
31758
- ] },
31759
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32037
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
32038
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
32039
+ {
32040
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32041
+ return __generator(this, function (_a) {
32042
+ if (value && value < 0) {
32043
+ throw new Error();
32044
+ }
32045
+ return [2 /*return*/];
32046
+ });
32047
+ }); },
32048
+ },
32049
+ ] },
32050
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31760
32051
  React.createElement(antd.Col, { xl: 6 },
31761
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
31762
- {
31763
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31764
- return __generator(this, function (_a) {
31765
- if (value && value < 0) {
31766
- throw new Error();
31767
- }
31768
- return [2 /*return*/];
31769
- });
31770
- }); },
31771
- },
31772
- ] },
31773
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
32052
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
32053
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
32054
+ {
32055
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32056
+ return __generator(this, function (_a) {
32057
+ if (value && value < 0) {
32058
+ throw new Error();
32059
+ }
32060
+ return [2 /*return*/];
32061
+ });
32062
+ }); },
32063
+ },
32064
+ ] },
32065
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
31774
32066
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
31775
32067
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
31776
32068
  (React.createElement("div", { className: "steps-actions" },
@@ -31779,7 +32071,7 @@ var GHGEmissionsComponent = function (props) {
31779
32071
  React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
31780
32072
  React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
31781
32073
  data.map(function (tabData) {
31782
- 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;
32074
+ 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;
31783
32075
  return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
31784
32076
  tabData.year,
31785
32077
  tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
@@ -31819,13 +32111,17 @@ var GHGEmissionsComponent = function (props) {
31819
32111
  React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
31820
32112
  React.createElement(antd.Row, { gutter: 16 },
31821
32113
  React.createElement(antd.Col, { xl: 6 },
31822
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))))),
32114
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
32115
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
31823
32116
  React.createElement(antd.Col, { xl: 6 },
31824
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))))),
32117
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
32118
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
31825
32119
  React.createElement(antd.Col, { xl: 6 },
31826
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))))),
32120
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
32121
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
31827
32122
  React.createElement(antd.Col, { xl: 6 },
31828
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq')))))))),
32123
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
32124
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
31829
32125
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
31830
32126
  var isActive = _a.isActive;
31831
32127
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -31880,49 +32176,81 @@ var GHGEmissionsComponent = function (props) {
31880
32176
  React.createElement(antd.Col, { xl: 9, md: 9 },
31881
32177
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31882
32178
  React.createElement(antd.Col, { xl: 6 },
31883
- React.createElement(antd.InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
32179
+ React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
31884
32180
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
31885
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2, disabled: true })),
32181
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
32182
+ React.createElement("div", null,
32183
+ React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
32184
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
32185
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
31886
32186
  React.createElement(antd.Col, { xl: 6 },
31887
- React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
31888
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
31889
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
32187
+ React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
32188
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
32189
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
32190
+ React.createElement("div", null,
32191
+ React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
32192
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
32193
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
31890
32194
  React.createElement(antd.Col, { xl: 6 },
31891
- React.createElement(antd.InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
31892
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
31893
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.n2o, disabled: true })),
32195
+ React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
32196
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
32197
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
32198
+ React.createElement("div", null,
32199
+ React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
32200
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
32201
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
31894
32202
  React.createElement(antd.Col, { xl: 6 },
31895
- React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
31896
- ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
31897
- : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.co2eq, disabled: true })))))),
32203
+ React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
32204
+ ? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
32205
+ : (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
32206
+ React.createElement("div", null,
32207
+ React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
32208
+ ? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
32209
+ : (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
31898
32210
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31899
32211
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31900
32212
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31901
32213
  React.createElement(antd.Col, { xl: 9, md: 9 },
31902
32214
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31903
32215
  React.createElement(antd.Col, { xl: 6 },
31904
- React.createElement(antd.InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
31905
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
31906
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.co2, disabled: true })),
32216
+ React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
32217
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
32218
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
32219
+ React.createElement("div", null,
32220
+ React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
32221
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
32222
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
31907
32223
  React.createElement(antd.Col, { xl: 6 },
31908
- React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
31909
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
31910
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.ch4, disabled: true })),
32224
+ React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
32225
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
32226
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
32227
+ React.createElement("div", null,
32228
+ React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
32229
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
32230
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
31911
32231
  React.createElement(antd.Col, { xl: 6 },
31912
- React.createElement(antd.InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
31913
- ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
31914
- : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.n2o, disabled: true })),
32232
+ React.createElement(antd.Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
32233
+ ? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
32234
+ : (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
32235
+ React.createElement("div", null,
32236
+ React.createElement(antd.InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
32237
+ ? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
32238
+ : (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
31915
32239
  React.createElement(antd.Col, { xl: 6 },
31916
- React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
31917
- ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
31918
- : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
31919
- })))),
32240
+ React.createElement(antd.Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
32241
+ ? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
32242
+ : (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
32243
+ React.createElement("div", null,
32244
+ React.createElement(antd.InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
32245
+ ? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
32246
+ : (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
32247
+ }))))),
31920
32248
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
31921
32249
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
31922
32250
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
31923
32251
  };
31924
32252
 
31925
- 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";
32253
+ 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";
31926
32254
  styleInject(css_248z$1);
31927
32255
 
31928
32256
  var ProjectionTypes = {
@@ -31932,7 +32260,7 @@ var ProjectionTypes = {
31932
32260
  };
31933
32261
 
31934
32262
  var GHGProjectionsComponent = function (props) {
31935
- var t = props.t;
32263
+ var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
31936
32264
  var userInfoState = useUserContext().userInfoState;
31937
32265
  var _a = React.useState([]), data = _a[0], setData = _a[1];
31938
32266
  var _b = useConnection(); _b.put; var get = _b.get, post = _b.post;
@@ -31969,14 +32297,24 @@ var GHGProjectionsComponent = function (props) {
31969
32297
  var _8 = React.useState(0), otherBau = _8[0], setOtherBau = _8[1];
31970
32298
  var _9 = React.useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
31971
32299
  var _10 = React.useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
31972
- var _11 = React.useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
31973
- var _12 = React.useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
31974
- var _13 = React.useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
31975
- var _14 = React.useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
31976
- var _15 = React.useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
31977
- var _16 = React.useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
31978
- var _17 = React.useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
31979
- var _18 = React.useState({}), actionInfo = _18[0], setActionInfo = _18[1];
32300
+ var _11 = React.useState({
32301
+ totalCo2WithoutLand_bau: 0,
32302
+ totalCo2WithoutLand_conditionalNdc: 0,
32303
+ totalCo2WithoutLand_unconditionalNdc: 0
32304
+ }); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
32305
+ var _12 = React.useState({
32306
+ totalCo2WithLand_bau: 0,
32307
+ totalCo2WithLand_conditionalNdc: 0,
32308
+ totalCo2WithLand_unconditionalNdc: 0
32309
+ }); _12[0]; _12[1];
32310
+ var _13 = React.useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
32311
+ var _14 = React.useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
32312
+ var _15 = React.useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
32313
+ var _16 = React.useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
32314
+ var _17 = React.useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
32315
+ var _18 = React.useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
32316
+ var _19 = React.useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
32317
+ var _20 = React.useState({}), actionInfo = _20[0], setActionInfo = _20[1];
31980
32318
  var Panel = antd.Collapse.Panel;
31981
32319
  var form = antd.Form.useForm()[0];
31982
32320
  var createSetFieldObject = function (obj, objName) {
@@ -33000,17 +33338,32 @@ var GHGProjectionsComponent = function (props) {
33000
33338
  }
33001
33339
  return 0;
33002
33340
  };
33341
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
33342
+ setTotalCo2WithoutLandEmissions(function (prevState) {
33343
+ var _a;
33344
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
33345
+ });
33346
+ };
33347
+ // Helper function to get form field value
33348
+ var getFieldValue = function (fieldName) {
33349
+ var formValues = form.getFieldsValue(true);
33350
+ var fieldValue = formValues[fieldName];
33351
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
33352
+ };
33003
33353
  var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
33004
33354
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
33005
33355
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
33006
33356
  React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
33007
33357
  React.createElement(antd.Row, { gutter: 16 },
33008
33358
  React.createElement(antd.Col, { xl: 7 },
33009
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading))))),
33359
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
33360
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
33010
33361
  React.createElement(antd.Col, { xl: 7 },
33011
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading))))),
33362
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
33363
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
33012
33364
  React.createElement(antd.Col, { xl: 7 },
33013
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading))))))))); };
33365
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
33366
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
33014
33367
  var renderPanelHeaderView = function (panelHeading, tabData) {
33015
33368
  var projectionObject = tabData[panelHeading];
33016
33369
  return (React.createElement(antd.Row, { gutter: 16 },
@@ -33019,11 +33372,14 @@ var GHGProjectionsComponent = function (props) {
33019
33372
  React.createElement(antd.Col, { xl: 9, md: 9 },
33020
33373
  React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
33021
33374
  React.createElement(antd.Col, { xl: 7 },
33022
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))))),
33375
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
33376
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
33023
33377
  React.createElement(antd.Col, { xl: 7 },
33024
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))))),
33378
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
33379
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
33025
33380
  React.createElement(antd.Col, { xl: 7 },
33026
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc')))))))));
33381
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
33382
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
33027
33383
  };
33028
33384
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
33029
33385
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -33031,47 +33387,50 @@ var GHGProjectionsComponent = function (props) {
33031
33387
  React.createElement(antd.Col, { xl: 9, md: 9 },
33032
33388
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
33033
33389
  React.createElement(antd.Col, { xl: 7 },
33034
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
33035
- {
33036
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33037
- return __generator(this, function (_a) {
33038
- if (value && value < 0) {
33039
- throw new Error();
33040
- }
33041
- return [2 /*return*/];
33042
- });
33043
- }); },
33044
- },
33045
- ] },
33046
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33390
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
33391
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
33392
+ {
33393
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33394
+ return __generator(this, function (_a) {
33395
+ if (value && value < 0) {
33396
+ throw new Error();
33397
+ }
33398
+ return [2 /*return*/];
33399
+ });
33400
+ }); },
33401
+ },
33402
+ ] },
33403
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33047
33404
  React.createElement(antd.Col, { xl: 7 },
33048
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
33049
- {
33050
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33051
- return __generator(this, function (_a) {
33052
- if (value && value < 0) {
33053
- throw new Error();
33054
- }
33055
- return [2 /*return*/];
33056
- });
33057
- }); },
33058
- },
33059
- ] },
33060
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33405
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
33406
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
33407
+ {
33408
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33409
+ return __generator(this, function (_a) {
33410
+ if (value && value < 0) {
33411
+ throw new Error();
33412
+ }
33413
+ return [2 /*return*/];
33414
+ });
33415
+ }); },
33416
+ },
33417
+ ] },
33418
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33061
33419
  React.createElement(antd.Col, { xl: 7 },
33062
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
33063
- {
33064
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33065
- return __generator(this, function (_a) {
33066
- if (value && value < 0) {
33067
- throw new Error();
33068
- }
33069
- return [2 /*return*/];
33070
- });
33071
- }); },
33072
- },
33073
- ] },
33074
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))); };
33420
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
33421
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
33422
+ {
33423
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33424
+ return __generator(this, function (_a) {
33425
+ if (value && value < 0) {
33426
+ throw new Error();
33427
+ }
33428
+ return [2 /*return*/];
33429
+ });
33430
+ }); },
33431
+ },
33432
+ ] },
33433
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
33075
33434
  var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
33076
33435
  return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
33077
33436
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -33079,11 +33438,17 @@ var GHGProjectionsComponent = function (props) {
33079
33438
  React.createElement(antd.Col, { xl: 9, md: 9 },
33080
33439
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
33081
33440
  React.createElement(antd.Col, { xl: 7 },
33082
- React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })),
33441
+ React.createElement(antd.Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
33442
+ React.createElement("div", null,
33443
+ React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
33083
33444
  React.createElement(antd.Col, { xl: 7 },
33084
- React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })),
33445
+ React.createElement(antd.Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
33446
+ React.createElement("div", null,
33447
+ React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
33085
33448
  React.createElement(antd.Col, { xl: 7 },
33086
- React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))));
33449
+ React.createElement(antd.Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
33450
+ React.createElement("div", null,
33451
+ React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
33087
33452
  };
33088
33453
  var objectToCSV = function (dataToDownload) {
33089
33454
  var flattenObject = function (obj, prefix) {
@@ -33152,6 +33517,17 @@ var GHGProjectionsComponent = function (props) {
33152
33517
  }
33153
33518
  return false;
33154
33519
  };
33520
+ var displayEmptyView = function () {
33521
+ if (!data || data.length === 0) {
33522
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
33523
+ return true;
33524
+ }
33525
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
33526
+ return true;
33527
+ }
33528
+ }
33529
+ return false;
33530
+ };
33155
33531
  var canViewForm = function () {
33156
33532
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
33157
33533
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -33169,7 +33545,9 @@ var GHGProjectionsComponent = function (props) {
33169
33545
  React.createElement("div", { className: "title-bar" },
33170
33546
  React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
33171
33547
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
33172
- React.createElement("div", { className: "content-card add-projection" },
33548
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
33549
+ React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
33550
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
33173
33551
  React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
33174
33552
  (canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
33175
33553
  React.createElement("div", null,
@@ -33262,11 +33640,14 @@ var GHGProjectionsComponent = function (props) {
33262
33640
  React.createElement(antd.Col, { xl: 9, md: 9 },
33263
33641
  React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
33264
33642
  React.createElement(antd.Col, { xl: 7 },
33265
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau)))),
33643
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalBau)) },
33644
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
33266
33645
  React.createElement(antd.Col, { xl: 7 },
33267
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc)))),
33646
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
33647
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
33268
33648
  React.createElement(antd.Col, { xl: 7 },
33269
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc))))))),
33649
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
33650
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
33270
33651
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
33271
33652
  var isActive = _a.isActive;
33272
33653
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -33293,94 +33674,100 @@ var GHGProjectionsComponent = function (props) {
33293
33674
  React.createElement(antd.Col, { xl: 9, md: 9 },
33294
33675
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33295
33676
  React.createElement(antd.Col, { xl: 7 },
33296
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33297
- {
33298
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33299
- return __generator(this, function (_a) {
33300
- if (value && value < 0) {
33301
- throw new Error();
33302
- }
33303
- return [2 /*return*/];
33304
- });
33305
- }); },
33306
- },
33307
- ] },
33308
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33677
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
33678
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33679
+ {
33680
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33681
+ return __generator(this, function (_a) {
33682
+ if (value && value < 0) {
33683
+ throw new Error();
33684
+ }
33685
+ return [2 /*return*/];
33686
+ });
33687
+ }); },
33688
+ },
33689
+ ] },
33690
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33309
33691
  React.createElement(antd.Col, { xl: 7 },
33310
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33311
- {
33312
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33313
- return __generator(this, function (_a) {
33314
- if (value && value < 0) {
33315
- throw new Error();
33316
- }
33317
- return [2 /*return*/];
33318
- });
33319
- }); },
33320
- },
33321
- ] },
33322
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33692
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
33693
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33694
+ {
33695
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33696
+ return __generator(this, function (_a) {
33697
+ if (value && value < 0) {
33698
+ throw new Error();
33699
+ }
33700
+ return [2 /*return*/];
33701
+ });
33702
+ }); },
33703
+ },
33704
+ ] },
33705
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33323
33706
  React.createElement(antd.Col, { xl: 7 },
33324
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
33325
- {
33326
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33327
- return __generator(this, function (_a) {
33328
- if (value && value < 0) {
33329
- throw new Error();
33330
- }
33331
- return [2 /*return*/];
33332
- });
33333
- }); },
33334
- },
33335
- ] },
33336
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
33707
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
33708
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
33709
+ {
33710
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33711
+ return __generator(this, function (_a) {
33712
+ if (value && value < 0) {
33713
+ throw new Error();
33714
+ }
33715
+ return [2 /*return*/];
33716
+ });
33717
+ }); },
33718
+ },
33719
+ ] },
33720
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
33337
33721
  React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
33338
33722
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33339
33723
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33340
33724
  React.createElement(antd.Col, { xl: 9, md: 9 },
33341
33725
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33342
33726
  React.createElement(antd.Col, { xl: 7 },
33343
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
33344
- {
33345
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33346
- return __generator(this, function (_a) {
33347
- if (value && value < 0) {
33348
- throw new Error();
33349
- }
33350
- return [2 /*return*/];
33351
- });
33352
- }); },
33353
- },
33354
- ] },
33355
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33727
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
33728
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
33729
+ {
33730
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33731
+ return __generator(this, function (_a) {
33732
+ if (value && value < 0) {
33733
+ throw new Error();
33734
+ }
33735
+ return [2 /*return*/];
33736
+ });
33737
+ }); },
33738
+ },
33739
+ ] },
33740
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33356
33741
  React.createElement(antd.Col, { xl: 7 },
33357
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33358
- {
33359
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33360
- return __generator(this, function (_a) {
33361
- if (value && value < 0) {
33362
- throw new Error();
33363
- }
33364
- return [2 /*return*/];
33365
- });
33366
- }); },
33367
- },
33368
- ] },
33369
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33742
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
33743
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33744
+ {
33745
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33746
+ return __generator(this, function (_a) {
33747
+ if (value && value < 0) {
33748
+ throw new Error();
33749
+ }
33750
+ return [2 /*return*/];
33751
+ });
33752
+ }); },
33753
+ },
33754
+ ] },
33755
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33370
33756
  React.createElement(antd.Col, { xl: 7 },
33371
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33372
- {
33373
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33374
- return __generator(this, function (_a) {
33375
- if (value && value < 0) {
33376
- throw new Error();
33377
- }
33378
- return [2 /*return*/];
33379
- });
33380
- }); },
33381
- },
33382
- ] },
33383
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
33757
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
33758
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33759
+ {
33760
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33761
+ return __generator(this, function (_a) {
33762
+ if (value && value < 0) {
33763
+ throw new Error();
33764
+ }
33765
+ return [2 /*return*/];
33766
+ });
33767
+ }); },
33768
+ },
33769
+ ] },
33770
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
33384
33771
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
33385
33772
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
33386
33773
  (React.createElement("div", { className: "steps-actions" },
@@ -33389,7 +33776,7 @@ var GHGProjectionsComponent = function (props) {
33389
33776
  React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
33390
33777
  React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
33391
33778
  data.map(function (tabData) {
33392
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
33779
+ 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;
33393
33780
  return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
33394
33781
  tabData.year,
33395
33782
  tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
@@ -33422,11 +33809,14 @@ var GHGProjectionsComponent = function (props) {
33422
33809
  React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
33423
33810
  React.createElement(antd.Row, { gutter: 16 },
33424
33811
  React.createElement(antd.Col, { xl: 7 },
33425
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))))),
33812
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
33813
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
33426
33814
  React.createElement(antd.Col, { xl: 7 },
33427
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))))),
33815
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
33816
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
33428
33817
  React.createElement(antd.Col, { xl: 7 },
33429
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc')))))))),
33818
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
33819
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
33430
33820
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
33431
33821
  var isActive = _a.isActive;
33432
33822
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -33479,41 +33869,65 @@ var GHGProjectionsComponent = function (props) {
33479
33869
  React.createElement(antd.Col, { xl: 9, md: 9 },
33480
33870
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33481
33871
  React.createElement(antd.Col, { xl: 7 },
33482
- React.createElement(antd.InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33872
+ React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33483
33873
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
33484
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau, disabled: true })),
33874
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
33875
+ React.createElement("div", null,
33876
+ React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
33877
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
33878
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
33485
33879
  React.createElement(antd.Col, { xl: 7 },
33486
- React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
33487
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
33488
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.conditionalNdc, disabled: true })),
33880
+ React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
33881
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
33882
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
33883
+ React.createElement("div", null,
33884
+ React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
33885
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
33886
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
33489
33887
  React.createElement(antd.Col, { xl: 7 },
33490
- React.createElement(antd.InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
33491
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
33492
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.unconditionalNdc, disabled: true })))))),
33888
+ React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
33889
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
33890
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
33891
+ React.createElement("div", null,
33892
+ React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33893
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33894
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
33493
33895
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
33494
33896
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33495
33897
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33496
33898
  React.createElement(antd.Col, { xl: 9, md: 9 },
33497
33899
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
33498
33900
  React.createElement(antd.Col, { xl: 7 },
33499
- React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
33500
- ? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
33501
- : (_m = tabData.totalCo2WithLand) === null || _m === void 0 ? void 0 : _m.bau, disabled: true })),
33901
+ React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
33902
+ ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
33903
+ : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
33904
+ React.createElement("div", null,
33905
+ React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
33906
+ ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
33907
+ : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
33502
33908
  React.createElement(antd.Col, { xl: 7 },
33503
- React.createElement(antd.InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
33504
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
33505
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.conditionalNdc, disabled: true })),
33909
+ React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
33910
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
33911
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
33912
+ React.createElement("div", null,
33913
+ React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
33914
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
33915
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
33506
33916
  React.createElement(antd.Col, { xl: 7 },
33507
- React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33508
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33509
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
33510
- })))),
33917
+ React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
33918
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
33919
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
33920
+ React.createElement("div", null,
33921
+ React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
33922
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
33923
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
33924
+ }))))),
33511
33925
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
33512
33926
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
33513
33927
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
33514
33928
  };
33515
33929
 
33516
- 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";
33930
+ 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";
33517
33931
  styleInject(css_248z);
33518
33932
 
33519
33933
  var BarChartEstimatedActualStatComponent = function (props) {
@@ -33694,7 +34108,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33694
34108
  position: 'bottom',
33695
34109
  horizontalAlign: 'center',
33696
34110
  floating: false,
33697
- fontSize: '12px',
34111
+ fontSize: '14px',
33698
34112
  fontFamily: 'Inter',
33699
34113
  fontWeight: 400,
33700
34114
  formatter: undefined,
@@ -33710,12 +34124,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33710
34124
  useSeriesColors: false,
33711
34125
  },
33712
34126
  markers: {
33713
- width: 8,
33714
- height: 8,
34127
+ width: 12,
34128
+ height: 12,
33715
34129
  strokeWidth: 0,
33716
34130
  strokeColor: '#fff',
33717
34131
  fillColors: chartColors,
33718
- radius: 0,
34132
+ radius: 12,
33719
34133
  customHTML: undefined,
33720
34134
  onClick: undefined,
33721
34135
  offsetX: 0,
@@ -33915,7 +34329,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33915
34329
  ],
33916
34330
  xaxis: {
33917
34331
  title: {
33918
- text: '',
34332
+ text: 'Year',
33919
34333
  style: {
33920
34334
  color: '#263238',
33921
34335
  fontSize: '12px',
@@ -34000,12 +34414,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
34000
34414
  useSeriesColors: false,
34001
34415
  },
34002
34416
  markers: {
34003
- width: [16, 16, 16, 33],
34004
- height: [16, 16, 16, 2],
34417
+ width: [12, 12, 12, 33],
34418
+ height: [12, 12, 12, 2],
34005
34419
  strokeWidth: 0,
34006
34420
  strokeColor: '#fff',
34007
34421
  fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
34008
- radius: 0,
34422
+ radius: 12,
34009
34423
  customHTML: undefined,
34010
34424
  onClick: undefined,
34011
34425
  offsetX: 0,
@@ -34027,7 +34441,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
34027
34441
 
34028
34442
  var RangePicker = antd.DatePicker.RangePicker;
34029
34443
  var GHGDashboardComponent = function (props) {
34030
- var t = props.t, Chart = props.Chart, ButtonGroup = props.ButtonGroup, Link = props.Link, isMultipleDashboardsVisible = props.isMultipleDashboardsVisible;
34444
+ var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, ButtonGroup = props.ButtonGroup, Link = props.Link, isMultipleDashboardsVisible = props.isMultipleDashboardsVisible;
34031
34445
  var _a = useConnection(); _a.get; var post = _a.post; _a.delete;
34032
34446
  var userInfoState = useUserContext().userInfoState;
34033
34447
  var _b = React.useState(moment().year()), endYear = _b[0], setEndYear = _b[1];
@@ -34045,7 +34459,6 @@ var GHGDashboardComponent = function (props) {
34045
34459
  [exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
34046
34460
  [exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
34047
34461
  ];
34048
- var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
34049
34462
  var handleResize = function () {
34050
34463
  setScreenWidth(window.innerWidth);
34051
34464
  };
@@ -34190,7 +34603,7 @@ var GHGDashboardComponent = function (props) {
34190
34603
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
34191
34604
  configs: {
34192
34605
  title: t('emissionsBySectorTitle'),
34193
- tooltip: t('emissionsBySectorTT' + TTSuffix),
34606
+ tooltip: t('emissionsBySectorTT'),
34194
34607
  colors: colors,
34195
34608
  chartColumnWidth: 12,
34196
34609
  chartWidth: 490,
@@ -34205,7 +34618,7 @@ var GHGDashboardComponent = function (props) {
34205
34618
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
34206
34619
  configs: {
34207
34620
  title: t('emissionsByGasTitle'),
34208
- tooltip: t('emissionsByGasTT' + TTSuffix),
34621
+ tooltip: t('emissionsByGasTT'),
34209
34622
  colors: colors,
34210
34623
  chartColumnWidth: 12,
34211
34624
  chartWidth: 490,
@@ -34219,7 +34632,7 @@ var GHGDashboardComponent = function (props) {
34219
34632
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
34220
34633
  configs: {
34221
34634
  title: t('emissionsMitigationPotentialBySectorTitle'),
34222
- tooltip: t('emissionsMitigationPotentialBySectorTT' + TTSuffix),
34635
+ tooltip: t('emissionsMitigationPotentialBySectorTT'),
34223
34636
  colors: colors,
34224
34637
  chartColumnWidth: 24,
34225
34638
  chartWidth: screenWidth * 0.72,
@@ -34233,7 +34646,7 @@ var GHGDashboardComponent = function (props) {
34233
34646
  aggType: exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
34234
34647
  configs: {
34235
34648
  title: t('emissionsReductionPercentageBySectorTitle'),
34236
- tooltip: t('emissionsReductionPercentageBySectorTT' + TTSuffix),
34649
+ tooltip: t('emissionsReductionPercentageBySectorTT'),
34237
34650
  colors: colors,
34238
34651
  chartColumnWidth: 24,
34239
34652
  chartWidth: screenWidth * 0.72,
@@ -34247,7 +34660,7 @@ var GHGDashboardComponent = function (props) {
34247
34660
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
34248
34661
  configs: {
34249
34662
  title: t('emissionsComparisonTitle'),
34250
- tooltip: t('emissionsComparisonTT' + TTSuffix),
34663
+ tooltip: t('emissionsComparisonTT'),
34251
34664
  colors: colorsComparison,
34252
34665
  chartColumnWidth: 24,
34253
34666
  chartWidth: screenWidth * 0.72,
@@ -34391,7 +34804,7 @@ var GHGDashboardComponent = function (props) {
34391
34804
  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 })));
34392
34805
  }
34393
34806
  };
34394
- return (React.createElement("div", { className: "dashboard-main-container" },
34807
+ return (React.createElement("div", { className: "ghg-dashboard-main-container" },
34395
34808
  isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
34396
34809
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
34397
34810
  React.createElement(Link, { to: "/dashboard" },
@@ -34419,7 +34832,6 @@ exports.CoBenifitsComponent = CoBenifitsComponent;
34419
34832
  exports.Company = Company;
34420
34833
  exports.CompanyManagementComponent = CompanyManagementComponent;
34421
34834
  exports.CompanyProfileComponent = CompanyProfileComponent;
34422
- exports.ConnectionContextProvider = ConnectionContextProvider;
34423
34835
  exports.CreditTransferComponent = CreditTransferComponent;
34424
34836
  exports.DevBGColor = DevBGColor;
34425
34837
  exports.DevColor = DevColor;
@@ -34467,8 +34879,6 @@ exports.RejectDocumentationConfirmationModel = RejectDocumentationConfirmationMo
34467
34879
  exports.RoleIcon = RoleIcon;
34468
34880
  exports.RootBGColor = RootBGColor;
34469
34881
  exports.RootColor = RootColor;
34470
- exports.SettingsContext = SettingsContext;
34471
- exports.SettingsContextProvider = SettingsContextProvider;
34472
34882
  exports.StasticCard = StasticCard;
34473
34883
  exports.SupportCreationComponent = SupportCreationComponent;
34474
34884
  exports.SupportManagementComponent = SupportManagementComponent;
@@ -34477,8 +34887,6 @@ exports.TooltipColor = TooltipColor;
34477
34887
  exports.TransferActionModel = TransferActionModel;
34478
34888
  exports.UnitField = UnitField;
34479
34889
  exports.User = User;
34480
- exports.UserContext = UserContext;
34481
- exports.UserInformationContextProvider = UserInformationContextProvider;
34482
34890
  exports.UserManagementComponent = UserManagementComponent;
34483
34891
  exports.UserProfileComponent = UserProfileComponent;
34484
34892
  exports.UserRoleIcon = UserRoleIcon;
@@ -34520,7 +34928,4 @@ exports.ndcActionTypeList = ndcActionTypeList;
34520
34928
  exports.sectorMitigationTypesListMapped = sectorMitigationTypesListMapped;
34521
34929
  exports.sumArray = sumArray;
34522
34930
  exports.titleList = titleList;
34523
- exports.useConnection = useConnection;
34524
- exports.useSettingsContext = useSettingsContext;
34525
- exports.useUserContext = useUserContext;
34526
34931
  //# sourceMappingURL=index.js.map