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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. package/dist/cjs/index.js +1777 -732
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/CoBenifits/coBenifits.d.ts +0 -1
  4. package/dist/cjs/types/Components/Common/Models/programmeRetireForm.d.ts +0 -1
  5. package/dist/cjs/types/Components/Common/Models/programmeTransferForm.d.ts +0 -1
  6. package/dist/cjs/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +0 -2
  7. package/dist/cjs/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +0 -2
  8. package/dist/cjs/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
  9. package/dist/cjs/types/Context/ConnectionContext/connectionContext.d.ts +8 -0
  10. package/dist/cjs/types/Context/SettingsContext/settingsContext.d.ts +10 -0
  11. package/dist/cjs/types/Context/UserInformationContext/userInformationContext.d.ts +6 -0
  12. package/dist/cjs/types/Context/index.d.ts +3 -0
  13. package/dist/cjs/types/Definitions/Definitions/connectionContext.definitions.d.ts +3 -0
  14. package/dist/cjs/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  15. package/dist/cjs/types/Definitions/Definitions/programme.definitions.d.ts +1 -1
  16. package/dist/cjs/types/Definitions/Enums/instrument.enum.d.ts +3 -0
  17. package/dist/cjs/types/Definitions/Enums/payback.enum.d.ts +8 -0
  18. package/dist/cjs/types/Storybook/AddNewCompanyComponent.stories.d.ts +12 -0
  19. package/dist/cjs/types/Storybook/AddNewUserComponent.stories.d.ts +12 -0
  20. package/dist/cjs/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts +2 -0
  21. package/dist/cjs/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts +2 -0
  22. package/dist/cjs/types/Storybook/Decorators/ConnectionContextDecorator.d.ts +2 -0
  23. package/dist/cjs/types/Storybook/Decorators/DashboardI18nDecorator.d.ts +2 -0
  24. package/dist/cjs/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts +2 -0
  25. package/dist/cjs/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts +2 -0
  26. package/dist/cjs/types/Storybook/InvestmentCreationComponent.stories.d.ts +12 -0
  27. package/dist/cjs/types/Storybook/MRVDashboard.stories.d.ts +12 -0
  28. package/dist/cjs/types/Storybook/ProgrammeCreationComponent.stories.d.ts +12 -0
  29. package/dist/cjs/types/Storybook/RegistryDashboard.stories.d.ts +12 -0
  30. package/dist/cjs/types/index.d.ts +1 -0
  31. package/dist/esm/index.js +1773 -736
  32. package/dist/esm/index.js.map +1 -1
  33. package/dist/esm/types/Components/Common/CoBenifits/coBenifits.d.ts +0 -1
  34. package/dist/esm/types/Components/Common/Models/programmeRetireForm.d.ts +0 -1
  35. package/dist/esm/types/Components/Common/Models/programmeTransferForm.d.ts +0 -1
  36. package/dist/esm/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +0 -2
  37. package/dist/esm/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +0 -2
  38. package/dist/esm/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
  39. package/dist/esm/types/Context/ConnectionContext/connectionContext.d.ts +8 -0
  40. package/dist/esm/types/Context/SettingsContext/settingsContext.d.ts +10 -0
  41. package/dist/esm/types/Context/UserInformationContext/userInformationContext.d.ts +6 -0
  42. package/dist/esm/types/Context/index.d.ts +3 -0
  43. package/dist/esm/types/Definitions/Definitions/connectionContext.definitions.d.ts +3 -0
  44. package/dist/esm/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  45. package/dist/esm/types/Definitions/Definitions/programme.definitions.d.ts +1 -1
  46. package/dist/esm/types/Definitions/Enums/instrument.enum.d.ts +3 -0
  47. package/dist/esm/types/Definitions/Enums/payback.enum.d.ts +8 -0
  48. package/dist/esm/types/Storybook/AddNewCompanyComponent.stories.d.ts +12 -0
  49. package/dist/esm/types/Storybook/AddNewUserComponent.stories.d.ts +12 -0
  50. package/dist/esm/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts +2 -0
  51. package/dist/esm/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts +2 -0
  52. package/dist/esm/types/Storybook/Decorators/ConnectionContextDecorator.d.ts +2 -0
  53. package/dist/esm/types/Storybook/Decorators/DashboardI18nDecorator.d.ts +2 -0
  54. package/dist/esm/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts +2 -0
  55. package/dist/esm/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts +2 -0
  56. package/dist/esm/types/Storybook/InvestmentCreationComponent.stories.d.ts +12 -0
  57. package/dist/esm/types/Storybook/MRVDashboard.stories.d.ts +12 -0
  58. package/dist/esm/types/Storybook/ProgrammeCreationComponent.stories.d.ts +12 -0
  59. package/dist/esm/types/Storybook/RegistryDashboard.stories.d.ts +12 -0
  60. package/dist/esm/types/index.d.ts +1 -0
  61. package/dist/index.d.ts +27 -9
  62. package/dist/locales/i18n/companyDetails/en.json +19 -0
  63. package/dist/locales/i18n/companyDetails/es.json +16 -0
  64. package/dist/locales/i18n/companyDetails/fr.json +16 -0
  65. package/dist/locales/i18n/companyProfile/en.json +1 -18
  66. package/dist/locales/i18n/companyProfile/es.json +0 -14
  67. package/dist/locales/i18n/companyProfile/fr.json +0 -13
  68. package/dist/locales/i18n/ghgInventory/en.json +3 -1
  69. package/dist/locales/i18n/login/en.json +1 -0
  70. package/dist/locales/i18n/ndc/en.json +2 -0
  71. package/dist/locales/i18n/programme/en.json +9 -1
  72. package/package.json +29 -2
package/dist/cjs/index.js CHANGED
@@ -5,6 +5,7 @@ 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');
8
9
  var PhoneInput = require('react-phone-number-input');
9
10
  var validator = require('validator');
10
11
  var classTransformer = require('class-transformer');
@@ -14,7 +15,6 @@ var mapboxgl = require('mapbox-gl');
14
15
  require('mapbox-gl/dist/mapbox-gl.css');
15
16
  require('antd/dist/antd.css');
16
17
  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));
@@ -284,8 +284,8 @@ var getStageTagType = function (stage) {
284
284
  return "error";
285
285
  case exports.ProgrammeStageR.Authorised:
286
286
  return "processing";
287
- case exports.ProgrammeStageR.Approved:
288
- return 'purple';
287
+ // case ProgrammeStageR.Transferred:
288
+ // return 'success';
289
289
  default:
290
290
  return "default";
291
291
  }
@@ -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,9 +513,317 @@ 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
+
516
824
  var Search$2 = antd.Input.Search;
517
825
  var CompanyManagementComponent = function (props) {
518
- var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
826
+ var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
519
827
  var _a = React.useState(), totalCompany = _a[0], setTotalCompany = _a[1];
520
828
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
521
829
  var _c = React.useState([]), tableData = _c[0], setTableData = _c[1];
@@ -528,7 +836,9 @@ var CompanyManagementComponent = function (props) {
528
836
  var _j = React.useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
529
837
  var _k = React.useState(""), sortOrder = _k[0], setSortOrder = _k[1];
530
838
  var _l = React.useState(""), sortField = _l[0], setSortField = _l[1];
839
+ var _m = React.useState(), dataQuery = _m[0], setDataQuery = _m[1];
531
840
  var ability = useAbilityContext();
841
+ var post = useConnection().post;
532
842
  document.addEventListener("mousedown", function (event) {
533
843
  var organisationFilterArea1 = document.querySelector(".filter-bar");
534
844
  var organisationFilterArea2 = document.querySelector(".filter-dropdown");
@@ -733,6 +1043,11 @@ var CompanyManagementComponent = function (props) {
733
1043
  setTableData(availableCompanies);
734
1044
  setTotalCompany((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
735
1045
  }
1046
+ setDataQuery({
1047
+ filterAnd: filterAnd(),
1048
+ filterOr: filterOr(),
1049
+ sort: sort(),
1050
+ });
736
1051
  setLoading(false);
737
1052
  return [3 /*break*/, 4];
738
1053
  case 3:
@@ -749,6 +1064,50 @@ var CompanyManagementComponent = function (props) {
749
1064
  }
750
1065
  });
751
1066
  }); };
1067
+ var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
1068
+ var response, url, a, error_2;
1069
+ var _a;
1070
+ return __generator(this, function (_b) {
1071
+ switch (_b.label) {
1072
+ case 0:
1073
+ setLoading(true);
1074
+ _b.label = 1;
1075
+ case 1:
1076
+ _b.trys.push([1, 3, , 4]);
1077
+ return [4 /*yield*/, post("national/organisation/download", {
1078
+ filterAnd: dataQuery.filterAnd,
1079
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
1080
+ sort: dataQuery.sort,
1081
+ })];
1082
+ case 2:
1083
+ response = _b.sent();
1084
+ if (response && response.data) {
1085
+ url = response.data.url;
1086
+ a = document.createElement('a');
1087
+ a.href = url;
1088
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
1089
+ document.body.appendChild(a);
1090
+ a.click();
1091
+ document.body.removeChild(a); // Clean up the created <a> element
1092
+ window.URL.revokeObjectURL(url);
1093
+ }
1094
+ setLoading(false);
1095
+ return [3 /*break*/, 4];
1096
+ case 3:
1097
+ error_2 = _b.sent();
1098
+ console.log("Error in exporting organisations", error_2);
1099
+ antd.message.open({
1100
+ type: "error",
1101
+ content: error_2.message,
1102
+ duration: 3,
1103
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
1104
+ });
1105
+ setLoading(false);
1106
+ return [3 /*break*/, 4];
1107
+ case 4: return [2 /*return*/];
1108
+ }
1109
+ });
1110
+ }); };
752
1111
  React.useEffect(function () {
753
1112
  getAllCompany();
754
1113
  }, [
@@ -836,7 +1195,13 @@ var CompanyManagementComponent = function (props) {
836
1195
  React.createElement(icons.FilterOutlined, { style: {
837
1196
  color: "rgba(58, 53, 65, 0.3)",
838
1197
  fontSize: "20px",
839
- } }))))))),
1198
+ } })))),
1199
+ React.createElement("div", { className: "download-data-btn company-data-download" },
1200
+ React.createElement("a", { onClick: downloadCompanyData },
1201
+ React.createElement(icons.DownloadOutlined, { style: {
1202
+ color: "rgba(58, 53, 65, 0.3)",
1203
+ fontSize: "20px",
1204
+ } })))))),
840
1205
  React.createElement(antd.Row, null,
841
1206
  React.createElement(antd.Col, { span: 24 },
842
1207
  React.createElement("div", { className: "userManagement-table-container" },
@@ -858,11 +1223,11 @@ var CompanyManagementComponent = function (props) {
858
1223
  } })))))));
859
1224
  };
860
1225
 
861
- 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";
862
- styleInject(css_248z$v);
1226
+ var css_248z$w = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n width: 100%; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n\n.hide {\n display: none !important; }\n";
1227
+ styleInject(css_248z$w);
863
1228
 
864
- var css_248z$u = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
865
- styleInject(css_248z$u);
1229
+ var css_248z$v = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n body .ant-menu {\n background-color: #f4f5fa; }\n body .ant-layout-header {\n background-color: #f4f5fa; }\n body .ant-layout {\n background-color: #f4f5fa; }\n body .ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n body .ant-menu-item {\n background-color: #f4f5fa; }\n body .ant-menu-sub {\n background-color: #f4f5fa; }\n body .ant-table-content {\n font-family: \"Inter\"; }\n body .ant-input {\n border-radius: 5px !important; }\n body .ant-btn {\n border-radius: 5px !important; }\n body .ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n body .ant-input-group .ant-input {\n width: 99% !important; }\n body .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n body .ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n body .ant-upload-list-picture .ant-upload-list-item-error,\n body .ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n body .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n body .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n body .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n body .ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n body .ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n body .ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n body .ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n body .ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n body .ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n body .space-container {\n width: 100%; }\n body .space-container .ant-space-item {\n width: 100%; }\n body .PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n body .PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n body .filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n body .ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n body .ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n body .PhoneInput .PhoneInputInput:focus-visible,\n body .PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n body .layout-content-container {\n padding-bottom: 100px; }\n body .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n body .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n body .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n body .content-container {\n padding: 0px 20px; }\n body .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n body .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n body .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n body .content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n body .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n body .content-card .action-bar button {\n width: fit-content; }\n body .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n body .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n body .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n body .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n body .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n body .layout-content-container .ant-btn {\n min-width: 50px !important; }\n body .table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n body .action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n body .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n body .action-menu .anticon-edit {\n color: #16b1ff; }\n body .action-menu .anticon-delete {\n color: #f25a29; }\n body .ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n body .ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n body .ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n body .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n body .ant-tag {\n border-radius: 20px; }\n body .clickable {\n cursor: pointer; }\n body .text-center {\n text-align: center; }\n body .float-left {\n float: left; }\n body .float-right {\n float: right; }\n body .apexcharts-canvas {\n font-family: \"Inter\" !important; }\n body .apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n body .ant-tag {\n padding: 1px 10px; }\n body .flex-display {\n display: flex; }\n body .ant-modal-footer {\n border-top: none;\n text-align: center; }\n body .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n body .ant-modal-header {\n border-radius: 15px;\n border: none; }\n body .ant-modal-content {\n border-radius: 15px;\n border: none; }\n body .ant-modal-header {\n border: none; }\n body .ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n body .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n body .ant-modal-body .form-label {\n text-align: left; }\n body .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n body .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n body .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n body .popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n body .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n body .popup-header img {\n height: 100px; }\n body .popup-success .icon {\n color: #5dc380; }\n body .popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-primary .icon {\n color: #16b1ff; }\n body .popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n body .popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n body .popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n body .ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n body .ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n body .filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n body .pull-right {\n float: right; }\n body .disabled {\n opacity: 0.5; }\n body .mg-left-3 {\n margin-left: 3rem; }\n body .mg-left-2 {\n margin-left: 2rem !important; }\n body .mg-left-1 {\n margin-left: 1rem; }\n body .mg-top-1 {\n margin-top: 1rem; }\n body .mg-top-2 {\n margin-top: 2rem; }\n body .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n body .transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n body .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n body .transfer-form .ant-row {\n align-items: unset; }\n body .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n body .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n body .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n body .transfer-form label {\n font-size: 0.8rem; }\n body .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n body .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n body .color-error {\n color: rgba(255, 77, 79, 0.8); }\n body .color-primary {\n color: #16b1ff; }\n body .ant-input-number-input {\n text-align: right; }\n body .text-left {\n text-align: left; }\n body .ant-form-item .ant-radio-group {\n text-align: left; }\n body .loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n body .ant-tag-purple {\n color: #976ed7; }\n body .ant-tag-orange {\n color: #ff8f56; }\n body .ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n body .ant-popover-inner {\n border-radius: 4px; }\n body .ant-input-number {\n border-radius: 5px; }\n body .ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n body .flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n body .b-icon {\n vertical-align: middle; }\n body .ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n body .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n body .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n body .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n body .ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n body .sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n body .search-filter {\n margin-right: 15px; }\n body .mg-bottom-0 {\n margin-bottom: 0px; }\n body .padding-bottom-0 {\n padding-bottom: 0px; }\n body .ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n body .nextline-overflow {\n overflow-wrap: break-word; }\n body .ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n body .download-data-btn {\n margin-left: 15px; }\n";
1230
+ styleInject(css_248z$v);
866
1231
 
867
1232
  exports.UserManagementColumns = void 0;
868
1233
  (function (UserManagementColumns) {
@@ -916,9 +1281,9 @@ var getStatusTagType = function (status) {
916
1281
  case exports.InvestmentStatus.REJECTED:
917
1282
  return "error";
918
1283
  case exports.InvestmentStatus.PENDING:
919
- return "success";
920
- case exports.InvestmentStatus.APPROVED:
921
1284
  return "processing";
1285
+ case exports.InvestmentStatus.APPROVED:
1286
+ return "success";
922
1287
  default:
923
1288
  return "default";
924
1289
  }
@@ -2043,6 +2408,9 @@ exports.Instrument = void 0;
2043
2408
  Instrument["EQUITY"] = "Equity";
2044
2409
  Instrument["GUARANTEE"] = "Guarantee";
2045
2410
  Instrument["INKIND"] = "In-Kind";
2411
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2412
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2413
+ Instrument["INSURANCE"] = "Insurance";
2046
2414
  Instrument["OTHER"] = "Other";
2047
2415
  })(exports.Instrument || (exports.Instrument = {}));
2048
2416
 
@@ -2061,9 +2429,9 @@ var getNdcActionStatusEnumVal$1 = function (value) {
2061
2429
  var getNdcStatusTagType = function (status) {
2062
2430
  switch (getNdcActionStatusEnumVal$1(status)) {
2063
2431
  case exports.NdcActionStatus.PENDING:
2064
- return "success";
2065
- case exports.NdcActionStatus.APPROVED:
2066
2432
  return "processing";
2433
+ case exports.NdcActionStatus.APPROVED:
2434
+ return "success";
2067
2435
  default:
2068
2436
  return "default";
2069
2437
  }
@@ -5827,7 +6195,7 @@ var Projection = /** @class */ (function () {
5827
6195
 
5828
6196
  var AddNewCompanyComponent = function (props) {
5829
6197
  var _a;
5830
- 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;
6198
+ 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;
5831
6199
  var formOne = antd.Form.useForm()[0];
5832
6200
  var formTwo = antd.Form.useForm()[0];
5833
6201
  var _b = React.useState(), stepOneData = _b[0], setStepOneData = _b[1];
@@ -5949,7 +6317,7 @@ var AddNewCompanyComponent = function (props) {
5949
6317
  _c.label = 1;
5950
6318
  case 1:
5951
6319
  _c.trys.push([1, 7, 8, 9]);
5952
- if (requestData.phoneNo) {
6320
+ if (requestData.phoneNo && requestData.phoneNo.length > 4) {
5953
6321
  requestData.phoneNo = PhoneInput.formatPhoneNumberIntl(requestData.phoneNo);
5954
6322
  }
5955
6323
  else {
@@ -6581,13 +6949,6 @@ var AddNewCompanyComponent = function (props) {
6581
6949
  ] }))))));
6582
6950
  };
6583
6951
 
6584
- var CompanyRoleIcon = function (props) {
6585
- var role = props.role;
6586
- return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6587
- 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 })),
6588
- role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6589
- };
6590
-
6591
6952
  var TextArea$2 = antd.Input.TextArea;
6592
6953
  var UserActionConfirmationModel = function (props) {
6593
6954
  var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
@@ -6612,11 +6973,115 @@ var UserActionConfirmationModel = function (props) {
6612
6973
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
6613
6974
  };
6614
6975
 
6976
+ var css_248z$u = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
6977
+ styleInject(css_248z$u);
6978
+
6979
+ var CompanyRoleIcon = function (props) {
6980
+ var role = props.role;
6981
+ return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6982
+ role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6983
+ role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6984
+ };
6985
+
6615
6986
  var css_248z$t = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
6616
6987
  styleInject(css_248z$t);
6617
6988
 
6989
+ var CompanyDetailsComponent = function (props) {
6990
+ var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
6991
+ var getEnumKeysFromValues = function (values) {
6992
+ var enumKeys = [];
6993
+ for (var key in exports.SectoralScope) {
6994
+ if (values.includes(exports.SectoralScope[key])) {
6995
+ enumKeys.push(key);
6996
+ }
6997
+ }
6998
+ return enumKeys;
6999
+ };
7000
+ return (React.createElement(antd.Card, { className: "card-container" },
7001
+ React.createElement("div", { className: "info-view" },
7002
+ React.createElement("div", { className: "title" },
7003
+ React.createElement("span", { className: "title-icon" },
7004
+ React.createElement(icons.BankOutlined, null)),
7005
+ React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
7006
+ React.createElement(antd.Skeleton, { loading: isLoading, active: true },
7007
+ React.createElement(antd.Row, { className: "field" },
7008
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
7009
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
7010
+ React.createElement(antd.Row, { className: "field" },
7011
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
7012
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
7013
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
7014
+ ? companyDetails.taxId
7015
+ : "-")),
7016
+ React.createElement(antd.Row, { className: "field" },
7017
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
7018
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
7019
+ ? companyDetails.paymentId
7020
+ : "-")),
7021
+ React.createElement(antd.Row, { className: "field" },
7022
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
7023
+ React.createElement(antd.Col, { span: 12, className: "field-value" },
7024
+ React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
7025
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
7026
+ React.createElement(antd.Row, { className: "field" },
7027
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
7028
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
7029
+ ? companyDetails.nameOfMinister
7030
+ : "-")),
7031
+ React.createElement(antd.Row, { className: "field" },
7032
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
7033
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
7034
+ ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
7035
+ : "-")))),
7036
+ React.createElement(antd.Row, { className: "field" },
7037
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
7038
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
7039
+ React.createElement(antd.Row, { className: "field" },
7040
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
7041
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
7042
+ React.createElement(antd.Row, { className: "field" },
7043
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
7044
+ React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
7045
+ React.createElement(antd.Row, { className: "field" },
7046
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
7047
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
7048
+ regionField && (React.createElement(antd.Row, { className: "field" },
7049
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
7050
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
7051
+ ? companyDetails.regions.join(", ")
7052
+ : "-"))),
7053
+ React.createElement(antd.Row, { className: "field" },
7054
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
7055
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
7056
+ ? companyDetails.programmeCount
7057
+ : "-")),
7058
+ React.createElement(antd.Row, { className: "field" },
7059
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
7060
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
7061
+ ? addCommSep(companyDetails.creditBalance)
7062
+ : "-")),
7063
+ parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
7064
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
7065
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
7066
+ ? companyDetails.remarks
7067
+ : "-"))) : (""),
7068
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
7069
+ systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
7070
+ React.createElement(antd.Row, { className: "field" },
7071
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
7072
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
7073
+ ? companyDetails.omgePercentage
7074
+ : "-")))),
7075
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
7076
+ React.createElement(antd.Row, { className: "field" },
7077
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
7078
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
7079
+ ? companyDetails.nationalSopValue
7080
+ : "-"))))))));
7081
+ };
7082
+
6618
7083
  var CompanyProfileComponent = function (props) {
6619
- var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField, systemType = props.systemType;
7084
+ var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit; props.regionField; var systemType = props.systemType;
6620
7085
  var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
6621
7086
  var _b = React.useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
6622
7087
  var _c = React.useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
@@ -6894,15 +7359,6 @@ var CompanyProfileComponent = function (props) {
6894
7359
  setErrorMsg("");
6895
7360
  setOpenRejectModal(true);
6896
7361
  };
6897
- var getEnumKeysFromValues = function (values) {
6898
- var enumKeys = [];
6899
- for (var key in exports.SectoralScope) {
6900
- if (values.includes(exports.SectoralScope[key])) {
6901
- enumKeys.push(key);
6902
- }
6903
- }
6904
- return enumKeys;
6905
- };
6906
7362
  return (React.createElement("div", { className: "content-container company-profile" },
6907
7363
  React.createElement("div", { className: "title-bar" },
6908
7364
  React.createElement("div", null,
@@ -6941,87 +7397,7 @@ var CompanyProfileComponent = function (props) {
6941
7397
  React.createElement(antd.Row, { justify: "center" },
6942
7398
  React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
6943
7399
  React.createElement(antd.Col, { md: 24, lg: 16 },
6944
- React.createElement(antd.Card, { className: "card-container" },
6945
- React.createElement("div", { className: "info-view" },
6946
- React.createElement("div", { className: "title" },
6947
- React.createElement("span", { className: "title-icon" },
6948
- React.createElement(icons.BankOutlined, null)),
6949
- React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
6950
- React.createElement(antd.Skeleton, { loading: isLoading, active: true },
6951
- React.createElement(antd.Row, { className: "field" },
6952
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
6953
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
6954
- React.createElement(antd.Row, { className: "field" },
6955
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
6956
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
6957
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
6958
- ? companyDetails.taxId
6959
- : "-")),
6960
- React.createElement(antd.Row, { className: "field" },
6961
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
6962
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
6963
- ? companyDetails.paymentId
6964
- : "-")),
6965
- React.createElement(antd.Row, { className: "field" },
6966
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
6967
- React.createElement(antd.Col, { span: 12, className: "field-value" },
6968
- React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
6969
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
6970
- React.createElement(antd.Row, { className: "field" },
6971
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
6972
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
6973
- ? companyDetails.nameOfMinister
6974
- : "-")),
6975
- React.createElement(antd.Row, { className: "field" },
6976
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
6977
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
6978
- ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
6979
- : "-")))),
6980
- React.createElement(antd.Row, { className: "field" },
6981
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
6982
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
6983
- React.createElement(antd.Row, { className: "field" },
6984
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
6985
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
6986
- React.createElement(antd.Row, { className: "field" },
6987
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
6988
- React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
6989
- React.createElement(antd.Row, { className: "field" },
6990
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
6991
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
6992
- regionField && (React.createElement(antd.Row, { className: "field" },
6993
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
6994
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
6995
- ? companyDetails.regions.join(", ")
6996
- : "-"))),
6997
- React.createElement(antd.Row, { className: "field" },
6998
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
6999
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
7000
- ? companyDetails.programmeCount
7001
- : "-")),
7002
- React.createElement(antd.Row, { className: "field" },
7003
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
7004
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
7005
- ? addCommSep(companyDetails.creditBalance)
7006
- : "-")),
7007
- parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
7008
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
7009
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
7010
- ? companyDetails.remarks
7011
- : "-"))) : (""),
7012
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
7013
- systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
7014
- React.createElement(antd.Row, { className: "field" },
7015
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
7016
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
7017
- ? companyDetails.omgePercentage
7018
- : "-")))),
7019
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
7020
- React.createElement(antd.Row, { className: "field" },
7021
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
7022
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
7023
- ? companyDetails.nationalSopValue
7024
- : "-"))))))),
7400
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
7025
7401
  ((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
7026
7402
  (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(antd.Card, { className: "card-container" },
7027
7403
  React.createElement("div", { className: "info-view" },
@@ -7049,7 +7425,7 @@ styleInject(css_248z$s);
7049
7425
 
7050
7426
  var Search$1 = antd.Input.Search;
7051
7427
  var ProgrammeManagementComponent = function (props) {
7052
- 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;
7428
+ var t = props.t, visibleColumns = props.visibleColumns, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
7053
7429
  var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
7054
7430
  var _b = React.useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
7055
7431
  var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
@@ -7066,14 +7442,15 @@ var ProgrammeManagementComponent = function (props) {
7066
7442
  var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
7067
7443
  var userInfoState = useUserContext().userInfoState;
7068
7444
  var ability = useAbilityContext();
7445
+ var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
7069
7446
  var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStageR;
7070
7447
  var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
7071
7448
  label: Object.values(stageObject)[index],
7072
7449
  value: k,
7073
7450
  }); });
7074
- var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
7075
- var _r = React.useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
7076
- var _s = React.useState(true), checkAll = _s[0], setCheckAll = _s[1];
7451
+ var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
7452
+ var _s = React.useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
7453
+ var _t = React.useState(true), checkAll = _t[0], setCheckAll = _t[1];
7077
7454
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
7078
7455
  return __generator(this, function (_a) {
7079
7456
  console.log(checkedValues);
@@ -7316,6 +7693,11 @@ var ProgrammeManagementComponent = function (props) {
7316
7693
  setTableData(response.data);
7317
7694
  setTotalProgramme(response.response.data.total);
7318
7695
  setLoading(false);
7696
+ setDataQuery({
7697
+ filterAnd: filter,
7698
+ filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
7699
+ sort: sort,
7700
+ });
7319
7701
  return [3 /*break*/, 4];
7320
7702
  case 3:
7321
7703
  error_1 = _a.sent();
@@ -7373,6 +7755,50 @@ var ProgrammeManagementComponent = function (props) {
7373
7755
  }
7374
7756
  });
7375
7757
  }); };
7758
+ var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
7759
+ var response, url, a, error_3;
7760
+ var _a;
7761
+ return __generator(this, function (_b) {
7762
+ switch (_b.label) {
7763
+ case 0:
7764
+ setLoading(true);
7765
+ _b.label = 1;
7766
+ case 1:
7767
+ _b.trys.push([1, 3, , 4]);
7768
+ return [4 /*yield*/, post("national/programme/download", {
7769
+ filterAnd: dataQuery.filterAnd,
7770
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
7771
+ sort: dataQuery.sort,
7772
+ })];
7773
+ case 2:
7774
+ response = _b.sent();
7775
+ if (response && response.data) {
7776
+ url = response.data.url;
7777
+ a = document.createElement('a');
7778
+ a.href = url;
7779
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
7780
+ document.body.appendChild(a);
7781
+ a.click();
7782
+ document.body.removeChild(a); // Clean up the created <a> element
7783
+ window.URL.revokeObjectURL(url);
7784
+ }
7785
+ setLoading(false);
7786
+ return [3 /*break*/, 4];
7787
+ case 3:
7788
+ error_3 = _b.sent();
7789
+ console.log("Error in exporting programmes", error_3);
7790
+ antd.message.open({
7791
+ type: "error",
7792
+ content: error_3.message,
7793
+ duration: 3,
7794
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7795
+ });
7796
+ setLoading(false);
7797
+ return [3 /*break*/, 4];
7798
+ case 4: return [2 /*return*/];
7799
+ }
7800
+ });
7801
+ }); };
7376
7802
  var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
7377
7803
  return __generator(this, function (_a) {
7378
7804
  setSearch(searchText);
@@ -7434,7 +7860,7 @@ var ProgrammeManagementComponent = function (props) {
7434
7860
  React.createElement("div", { className: "filter-section" },
7435
7861
  React.createElement("div", { className: "search-filter" },
7436
7862
  React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
7437
- if (userInfoState.companyRole === exports.CompanyRole.MINISTRY) {
7863
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
7438
7864
  if (v.target.checked) {
7439
7865
  setMinistryLevelFilter(true);
7440
7866
  }
@@ -7451,7 +7877,7 @@ var ProgrammeManagementComponent = function (props) {
7451
7877
  }
7452
7878
  : undefined);
7453
7879
  }
7454
- } }, userInfoState.companyRole === exports.CompanyRole.MINISTRY
7880
+ } }, (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY
7455
7881
  ? t("view:ministryLevel")
7456
7882
  : t("view:seeMine"))),
7457
7883
  React.createElement("div", { className: "search-bar" },
@@ -7461,7 +7887,13 @@ var ProgrammeManagementComponent = function (props) {
7461
7887
  return e.target.value === ""
7462
7888
  ? setSearch(e.target.value)
7463
7889
  : setSearchText(e.target.value);
7464
- }, onSearch: setSearch, style: { width: 265 } }))))),
7890
+ }, onSearch: setSearch, style: { width: 265 } })),
7891
+ React.createElement("div", { className: "download-data-btn" },
7892
+ React.createElement("a", { onClick: downloadProgrammeData },
7893
+ React.createElement(icons.DownloadOutlined, { style: {
7894
+ color: "rgba(58, 53, 65, 0.3)",
7895
+ fontSize: "20px",
7896
+ } })))))),
7465
7897
  React.createElement(antd.Row, null,
7466
7898
  React.createElement(antd.Col, { span: 24 },
7467
7899
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -13232,7 +13664,7 @@ var sectoralScopes = {
13232
13664
  };
13233
13665
  var ProgrammeCreationComponent = function (props) {
13234
13666
  var _a, _b, _c;
13235
- var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
13667
+ var useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
13236
13668
  var t = translator.t;
13237
13669
  var state = useLocation().state;
13238
13670
  var formOne = antd.Form.useForm()[0];
@@ -14297,7 +14729,7 @@ var ChangePasswordModel = function (props) {
14297
14729
 
14298
14730
  var AddNewUserComponent = function (props) {
14299
14731
  var _a, _b, _c, _d, _e, _f;
14300
- 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;
14732
+ var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
14301
14733
  var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
14302
14734
  var formOne = antd.Form.useForm()[0];
14303
14735
  var state = useLocation().state;
@@ -14359,7 +14791,7 @@ var AddNewUserComponent = function (props) {
14359
14791
  _a.label = 1;
14360
14792
  case 1:
14361
14793
  _a.trys.push([1, 3, 4, 5]);
14362
- if (values.phoneNo) {
14794
+ if (values.phoneNo && values.phoneNo.length > 4) {
14363
14795
  values.phoneNo = PhoneInput.formatPhoneNumberIntl(values.phoneNo);
14364
14796
  }
14365
14797
  else {
@@ -14715,7 +15147,7 @@ var LanguageSelection = function (props) {
14715
15147
  };
14716
15148
 
14717
15149
  var UserProfileComponent = function (props) {
14718
- var t = props.t, i18n = props.i18n, useConnection = props.useConnection, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin, useUserContext = props.useUserContext;
15150
+ var t = props.t, i18n = props.i18n, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin;
14719
15151
  var get = useConnection().get;
14720
15152
  var _a = React.useState(undefined), organisationDetails = _a[0], setOrganisationDetails = _a[1];
14721
15153
  var _b = React.useState(undefined), userDetails = _b[0], setUserDetails = _b[1];
@@ -14750,15 +15182,6 @@ var UserProfileComponent = function (props) {
14750
15182
  }
14751
15183
  });
14752
15184
  }); };
14753
- var getEnumKeysFromValues = function (values) {
14754
- var enumKeys = [];
14755
- for (var key in exports.SectoralScope) {
14756
- if (values.includes(exports.SectoralScope[key])) {
14757
- enumKeys.push(key);
14758
- }
14759
- }
14760
- return enumKeys;
14761
- };
14762
15185
  React.useEffect(function () {
14763
15186
  getUserProfileDetails();
14764
15187
  }, []);
@@ -14808,82 +15231,15 @@ var UserProfileComponent = function (props) {
14808
15231
  React.createElement(antd.Row, { className: "field" },
14809
15232
  React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
14810
15233
  React.createElement(antd.Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
14811
- React.createElement(antd.Card, { className: "card-container" },
14812
- React.createElement("div", { className: "info-view" },
14813
- React.createElement("div", { className: "title" },
14814
- React.createElement("span", { className: "title-icon" },
14815
- React.createElement(icons.BankOutlined, null)),
14816
- React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
14817
- React.createElement(antd.Skeleton, { loading: isLoading, active: true },
14818
- React.createElement(antd.Row, { className: "field" },
14819
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:name")),
14820
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.name
14821
- ? organisationDetails.name
14822
- : "-")),
14823
- React.createElement(antd.Row, { className: "field" },
14824
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
14825
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
14826
- organisationDetails.companyRole !==
14827
- exports.CompanyRole.GOVERNMENT
14828
- ? organisationDetails.taxId
14829
- : "-")),
14830
- React.createElement(antd.Row, { className: "field" },
14831
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
14832
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
14833
- ? organisationDetails.paymentId
14834
- : "-")),
14835
- React.createElement(antd.Row, { className: "field" },
14836
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
14837
- React.createElement(antd.Col, { span: 12, className: "field-value" },
14838
- React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
14839
- (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
14840
- exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
14841
- React.createElement(antd.Row, { className: "field" },
14842
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
14843
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
14844
- ? organisationDetails.nameOfMinister
14845
- : "-")),
14846
- React.createElement(antd.Row, { className: "field" },
14847
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
14848
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
14849
- ? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
14850
- : "-")))),
14851
- React.createElement(antd.Row, { className: "field" },
14852
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:email")),
14853
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
14854
- ? organisationDetails.email
14855
- : "-")),
14856
- React.createElement(antd.Row, { className: "field" },
14857
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
14858
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
14859
- ? organisationDetails.phoneNo
14860
- : "-")),
14861
- React.createElement(antd.Row, { className: "field" },
14862
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:website")),
14863
- React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
14864
- React.createElement(antd.Row, { className: "field" },
14865
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:address")),
14866
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.address
14867
- ? organisationDetails.address
14868
- : "-")),
14869
- React.createElement(antd.Row, { className: "field" },
14870
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
14871
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
14872
- ? organisationDetails.programmeCount
14873
- : "-")),
14874
- React.createElement(antd.Row, { className: "field" },
14875
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
14876
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
14877
- ? addCommSep(organisationDetails.creditBalance)
14878
- : "-")))))))))));
15234
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
14879
15235
  };
14880
15236
 
14881
- var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
15237
+ var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n\n.user-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
14882
15238
  styleInject(css_248z$n);
14883
15239
 
14884
15240
  var Search = antd.Input.Search;
14885
15241
  var UserManagementComponent = function (props) {
14886
- var t = props.t, useAbilityContext = props.useAbilityContext, useConnection = props.useConnection, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser, userInfoState = props.userInfoState;
15242
+ var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser;
14887
15243
  antd.Form.useForm()[0];
14888
15244
  var _a = useConnection(), post = _a.post, del = _a.delete;
14889
15245
  var _b = React.useState(), totalUser = _b[0], setTotalUser = _b[1];
@@ -14904,7 +15260,9 @@ var UserManagementComponent = function (props) {
14904
15260
  var _r = React.useState({}), actionInfo = _r[0], setActionInfo = _r[1];
14905
15261
  var _s = React.useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
14906
15262
  var _t = React.useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
15263
+ var _u = React.useState(), dataQuery = _u[0], setDataQuery = _u[1];
14907
15264
  var ability = useAbilityContext();
15265
+ var userInfoState = useUserContext().userInfoState;
14908
15266
  document.addEventListener("mousedown", function (event) {
14909
15267
  var userFilterArea1 = document.querySelector(".filter-bar");
14910
15268
  var userFilterArea2 = document.querySelector(".filter-dropdown");
@@ -15259,6 +15617,11 @@ var UserManagementComponent = function (props) {
15259
15617
  setTableData(availableUsers);
15260
15618
  setTotalUser((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
15261
15619
  }
15620
+ setDataQuery({
15621
+ filterAnd: filterAnd(),
15622
+ filterOr: filterOr(),
15623
+ sort: sort(),
15624
+ });
15262
15625
  setLoading(false);
15263
15626
  return [3 /*break*/, 4];
15264
15627
  case 3:
@@ -15276,6 +15639,50 @@ var UserManagementComponent = function (props) {
15276
15639
  }
15277
15640
  });
15278
15641
  }); };
15642
+ var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
15643
+ var response, url, a, error_3;
15644
+ var _a;
15645
+ return __generator(this, function (_b) {
15646
+ switch (_b.label) {
15647
+ case 0:
15648
+ setLoading(true);
15649
+ _b.label = 1;
15650
+ case 1:
15651
+ _b.trys.push([1, 3, , 4]);
15652
+ return [4 /*yield*/, post("national/user/download", {
15653
+ filterAnd: dataQuery.filterAnd,
15654
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
15655
+ sort: dataQuery.sort,
15656
+ })];
15657
+ case 2:
15658
+ response = _b.sent();
15659
+ if (response && response.data) {
15660
+ url = response.data.url;
15661
+ a = document.createElement('a');
15662
+ a.href = url;
15663
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
15664
+ document.body.appendChild(a);
15665
+ a.click();
15666
+ document.body.removeChild(a); // Clean up the created <a> element
15667
+ window.URL.revokeObjectURL(url);
15668
+ }
15669
+ setLoading(false);
15670
+ return [3 /*break*/, 4];
15671
+ case 3:
15672
+ error_3 = _b.sent();
15673
+ console.log("Error in exporting users", error_3);
15674
+ antd.message.open({
15675
+ type: "error",
15676
+ content: error_3.message,
15677
+ duration: 3,
15678
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15679
+ });
15680
+ setLoading(false);
15681
+ return [3 /*break*/, 4];
15682
+ case 4: return [2 /*return*/];
15683
+ }
15684
+ });
15685
+ }); };
15279
15686
  React.useEffect(function () {
15280
15687
  getAllUser();
15281
15688
  }, [
@@ -15398,7 +15805,13 @@ var UserManagementComponent = function (props) {
15398
15805
  React.createElement(icons.FilterOutlined, { style: {
15399
15806
  color: "rgba(58, 53, 65, 0.3)",
15400
15807
  fontSize: "20px",
15401
- } }))))))),
15808
+ } })))),
15809
+ React.createElement("div", { className: "download-data-btn user-data-download" },
15810
+ React.createElement("a", { onClick: downloadUserData },
15811
+ React.createElement(icons.DownloadOutlined, { style: {
15812
+ color: "rgba(58, 53, 65, 0.3)",
15813
+ fontSize: "20px",
15814
+ } })))))),
15402
15815
  React.createElement(antd.Row, null,
15403
15816
  React.createElement(antd.Col, { span: 24 },
15404
15817
  React.createElement("div", { className: "userManagement-table-container" },
@@ -15417,15 +15830,27 @@ var UserManagementComponent = function (props) {
15417
15830
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15418
15831
  };
15419
15832
 
15420
- var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n";
15833
+ var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
15421
15834
  styleInject(css_248z$m);
15422
15835
 
15423
15836
  var Loading = function () {
15424
15837
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
15425
15838
  };
15426
15839
 
15840
+ var GuaranteePayback;
15841
+ (function (GuaranteePayback) {
15842
+ GuaranteePayback["UPFORNT"] = "Upfront";
15843
+ GuaranteePayback["ANNUAL"] = "Annual";
15844
+ })(GuaranteePayback || (GuaranteePayback = {}));
15845
+ var InsurancePayback;
15846
+ (function (InsurancePayback) {
15847
+ InsurancePayback["LUMPSUM"] = "LumpSum";
15848
+ InsurancePayback["ANNUAL"] = "Annual";
15849
+ })(InsurancePayback || (InsurancePayback = {}));
15850
+
15851
+ var RangePicker$3 = antd.DatePicker.RangePicker;
15427
15852
  var InvestmentCreationComponent = function (props) {
15428
- var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15853
+ var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15429
15854
  var state = useLocation().state;
15430
15855
  var _a = React.useState(), data = _a[0], setData = _a[1];
15431
15856
  var formOne = antd.Form.useForm()[0];
@@ -15440,12 +15865,14 @@ var InvestmentCreationComponent = function (props) {
15440
15865
  var _h = React.useState([]), instrument = _h[0], setInstrument = _h[1];
15441
15866
  var _j = React.useState(), stepOneData = _j[0], setStepOneData = _j[1];
15442
15867
  var _k = React.useState(), govData = _k[0], setGovData = _k[1];
15868
+ var userInfoState = useUserContext().userInfoState;
15443
15869
  var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
15444
15870
  label: addSpaces(Object.values(exports.Instrument)[index]),
15445
15871
  value: Object.values(exports.Instrument)[index],
15446
15872
  }); });
15447
- var onInstrumentChange = function (value) {
15448
- setInstrument(value);
15873
+ var onInstrumentChange = function (e) {
15874
+ console.log("radio checked", e.target.value);
15875
+ setInstrument([e.target.value]);
15449
15876
  };
15450
15877
  var onPercentageChange = function (value) {
15451
15878
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15568,7 +15995,7 @@ var InvestmentCreationComponent = function (props) {
15568
15995
  if (!data) {
15569
15996
  return React.createElement(Loading, null);
15570
15997
  }
15571
- console.log('data', data);
15998
+ console.log("data", data);
15572
15999
  var companyName = {};
15573
16000
  if (data && Object.keys(data)[0] !== "ownership") {
15574
16001
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15603,6 +16030,16 @@ var InvestmentCreationComponent = function (props) {
15603
16030
  if (payload.paymentPerMetric) {
15604
16031
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15605
16032
  }
16033
+ if (payload.period) {
16034
+ payload.period[0] = moment(payload.period[0]).startOf("day").unix();
16035
+ payload.period[1] = moment(payload.period[1]).endOf("day").unix();
16036
+ }
16037
+ if (payload.startOfPayback) {
16038
+ payload.startOfPayback = moment(payload.startOfPayback)
16039
+ .startOf("day")
16040
+ .unix();
16041
+ }
16042
+ payload.instrument = [payload.instrument];
15606
16043
  payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
15607
16044
  payload.percentage = val.percentage;
15608
16045
  payload.toCompanyId = Number(payload.toCompanyId);
@@ -15648,7 +16085,7 @@ var InvestmentCreationComponent = function (props) {
15648
16085
  }
15649
16086
  };
15650
16087
  var onChangeTypeCreation = function (e) {
15651
- console.log('radio checked', e.target.value);
16088
+ console.log("radio checked", e.target.value);
15652
16089
  setTypeCreation(e.target.value);
15653
16090
  };
15654
16091
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15714,8 +16151,30 @@ var InvestmentCreationComponent = function (props) {
15714
16151
  React.createElement(antd.Input, { size: "large" }))))),
15715
16152
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15716
16153
  React.createElement(antd.Col, { xl: 24, md: 24 },
15717
- React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15718
- React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
16154
+ React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument",
16155
+ //wrapperCol={{ span: 24 }}
16156
+ required: true, className: "investment-radio-button", rules: [
16157
+ {
16158
+ required: true,
16159
+ message: "",
16160
+ },
16161
+ {
16162
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16163
+ return __generator(this, function (_a) {
16164
+ if (String(value).trim() === "" ||
16165
+ String(value).trim() === undefined ||
16166
+ value === null ||
16167
+ value === undefined) {
16168
+ throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
16169
+ }
16170
+ return [2 /*return*/];
16171
+ });
16172
+ }); },
16173
+ },
16174
+ ] },
16175
+ React.createElement(antd.Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
16176
+ return (React.createElement(antd.Radio, { value: e.value }, e.label));
16177
+ }))))),
15719
16178
  instrument &&
15720
16179
  instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15721
16180
  React.createElement(antd.Col, { xl: 8, md: 12 },
@@ -15746,6 +16205,160 @@ var InvestmentCreationComponent = function (props) {
15746
16205
  },
15747
16206
  ] },
15748
16207
  React.createElement(antd.Input, { size: "large" })))))),
16208
+ instrument &&
16209
+ (instrument.indexOf(exports.Instrument.CONLOAN) >= 0 ||
16210
+ instrument.indexOf(exports.Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
16211
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16212
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16213
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16214
+ {
16215
+ required: true,
16216
+ message: "",
16217
+ },
16218
+ {
16219
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16220
+ return __generator(this, function (_a) {
16221
+ if (String(value).trim() === "" ||
16222
+ String(value).trim() ===
16223
+ undefined ||
16224
+ value === null ||
16225
+ value === undefined) {
16226
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16227
+ }
16228
+ else if (!isNaN(value)) {
16229
+ return [2 /*return*/, Promise.resolve()];
16230
+ }
16231
+ else {
16232
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16233
+ }
16234
+ });
16235
+ }); },
16236
+ },
16237
+ ] },
16238
+ React.createElement(antd.Input, { size: "large" })))),
16239
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16240
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16241
+ React.createElement(antd.Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
16242
+ {
16243
+ required: true,
16244
+ message: "",
16245
+ },
16246
+ {
16247
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16248
+ return __generator(this, function (_a) {
16249
+ if (String(value).trim() === "" ||
16250
+ String(value).trim() ===
16251
+ undefined ||
16252
+ value === null ||
16253
+ value === undefined) {
16254
+ throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
16255
+ }
16256
+ return [2 /*return*/];
16257
+ });
16258
+ }); },
16259
+ },
16260
+ ] },
16261
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
16262
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16263
+ React.createElement(antd.Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
16264
+ {
16265
+ required: true,
16266
+ message: "",
16267
+ },
16268
+ {
16269
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16270
+ return __generator(this, function (_a) {
16271
+ if (String(value).trim() === "" ||
16272
+ String(value).trim() ===
16273
+ undefined ||
16274
+ value === null ||
16275
+ value === undefined) {
16276
+ throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
16277
+ }
16278
+ return [2 /*return*/];
16279
+ });
16280
+ }); },
16281
+ },
16282
+ ] },
16283
+ React.createElement(antd.DatePicker, { size: "large", disabledDate: function (currentDate) {
16284
+ return currentDate < moment().startOf("day");
16285
+ } })))))),
16286
+ instrument &&
16287
+ instrument.indexOf(exports.Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
16288
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16289
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16290
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
16291
+ {
16292
+ required: true,
16293
+ message: "",
16294
+ },
16295
+ {
16296
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16297
+ return __generator(this, function (_a) {
16298
+ if (String(value).trim() === "" ||
16299
+ String(value).trim() ===
16300
+ undefined ||
16301
+ value === null ||
16302
+ value === undefined) {
16303
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
16304
+ }
16305
+ else if (!isNaN(value)) {
16306
+ return [2 /*return*/, Promise.resolve()];
16307
+ }
16308
+ else {
16309
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
16310
+ }
16311
+ });
16312
+ }); },
16313
+ },
16314
+ ] },
16315
+ React.createElement(antd.Input, { size: "large" })))),
16316
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16317
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16318
+ React.createElement(antd.Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
16319
+ {
16320
+ required: true,
16321
+ message: "",
16322
+ },
16323
+ {
16324
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16325
+ return __generator(this, function (_a) {
16326
+ if (String(value).trim() === "" ||
16327
+ String(value).trim() ===
16328
+ undefined ||
16329
+ value === null ||
16330
+ value === undefined) {
16331
+ throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
16332
+ }
16333
+ return [2 /*return*/];
16334
+ });
16335
+ }); },
16336
+ },
16337
+ ] },
16338
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
16339
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16340
+ React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
16341
+ {
16342
+ required: true,
16343
+ message: "",
16344
+ },
16345
+ {
16346
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16347
+ return __generator(this, function (_a) {
16348
+ if (String(value).trim() === "" ||
16349
+ String(value).trim() ===
16350
+ undefined ||
16351
+ value === null ||
16352
+ value === undefined) {
16353
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16354
+ }
16355
+ return [2 /*return*/];
16356
+ });
16357
+ }); },
16358
+ },
16359
+ ] },
16360
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16361
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15749
16362
  instrument &&
15750
16363
  instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15751
16364
  React.createElement(antd.Col, { xl: 12, md: 24 },
@@ -15810,6 +16423,32 @@ var InvestmentCreationComponent = function (props) {
15810
16423
  },
15811
16424
  ] },
15812
16425
  React.createElement(antd.Input, { size: "large" })))))),
16426
+ instrument &&
16427
+ instrument.indexOf(exports.Instrument.INSURANCE) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16428
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16429
+ React.createElement("div", { className: "details-part-two" },
16430
+ React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
16431
+ {
16432
+ required: true,
16433
+ message: "",
16434
+ },
16435
+ {
16436
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16437
+ return __generator(this, function (_a) {
16438
+ if (String(value).trim() === "" ||
16439
+ String(value).trim() ===
16440
+ undefined ||
16441
+ value === null ||
16442
+ value === undefined) {
16443
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16444
+ }
16445
+ return [2 /*return*/];
16446
+ });
16447
+ }); },
16448
+ },
16449
+ ] },
16450
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16451
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15813
16452
  instrument &&
15814
16453
  instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15815
16454
  React.createElement(antd.Col, { xl: 12, md: 24 },
@@ -15835,7 +16474,7 @@ var InvestmentCreationComponent = function (props) {
15835
16474
  },
15836
16475
  ] },
15837
16476
  React.createElement(antd.Input, { size: "large" })))))),
15838
- React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
16477
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15839
16478
  React.createElement(antd.Col, { xl: 8, md: 12 },
15840
16479
  React.createElement(antd.Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
15841
16480
  {
@@ -15879,73 +16518,73 @@ var InvestmentCreationComponent = function (props) {
15879
16518
  React.createElement("div", { className: "step-count" }, "02"),
15880
16519
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
15881
16520
  description: current === 1 && (React.createElement("div", null,
15882
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
15883
- React.createElement("div", { className: "programme-sought-form" },
15884
- 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 :
15885
- data.companyId.map(function (companyId, index) {
15886
- return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15887
- React.createElement(antd.Col, { xl: 8, md: 15 },
15888
- React.createElement("div", { className: "label" },
15889
- companyName[companyId].name,
15890
- React.createElement("span", { className: "required-mark" }, "*"))),
15891
- React.createElement(antd.Col, { xl: 8, md: 9 },
15892
- React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15893
- {
15894
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15895
- message: "Percentage Should be a positive number",
15896
- },
15897
- {
15898
- required: true,
15899
- message: "Required field",
15900
- },
15901
- function (_a) {
15902
- var getFieldValue = _a.getFieldValue;
15903
- return ({
15904
- validator: function (rule, v) {
15905
- if (getFieldValue([
15906
- "percentage",
15907
- index,
15908
- ]) &&
15909
- parseFloat(getFieldValue([
15910
- "percentage",
15911
- index,
15912
- ])) > data.proponentPercentage[index]) {
15913
- // eslint-disable-next-line prefer-promise-reject-errors
15914
- return Promise.reject("Amount > Available");
15915
- }
15916
- return Promise.resolve();
15917
- },
15918
- });
15919
- },
15920
- ] },
15921
- React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15922
- // disabled={userInfoState?.companyId === Number(companyId)}
15923
- onKeyPress: function (event) {
15924
- if (!/[0-9\.]/.test(event.key)) {
15925
- event.preventDefault();
15926
- }
15927
- } })),
15928
- React.createElement("div", { className: "inline separator" }, "/"),
15929
- React.createElement(antd.Form.Item, { className: "inline" },
15930
- React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15931
- }),
15932
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16521
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16522
+ React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
16523
+ data.companyId.map(function (companyId, index) {
16524
+ return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15933
16525
  React.createElement(antd.Col, { xl: 8, md: 15 },
15934
- React.createElement("div", { className: "label" }, t("programme:total"))),
16526
+ React.createElement("div", { className: "label" },
16527
+ companyName[companyId].name,
16528
+ React.createElement("span", { className: "required-mark" }, "*"))),
15935
16529
  React.createElement(antd.Col, { xl: 8, md: 9 },
15936
- React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
15937
- React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16530
+ React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16531
+ {
16532
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16533
+ message: "Percentage Should be a positive number",
16534
+ },
16535
+ {
16536
+ required: true,
16537
+ message: "Required field",
16538
+ },
16539
+ function (_a) {
16540
+ var getFieldValue = _a.getFieldValue;
16541
+ return ({
16542
+ validator: function (rule, v) {
16543
+ if (getFieldValue([
16544
+ "percentage",
16545
+ index,
16546
+ ]) &&
16547
+ parseFloat(getFieldValue([
16548
+ "percentage",
16549
+ index,
16550
+ ])) >
16551
+ data.proponentPercentage[index]) {
16552
+ // eslint-disable-next-line prefer-promise-reject-errors
16553
+ return Promise.reject("Amount > Available");
16554
+ }
16555
+ return Promise.resolve();
16556
+ },
16557
+ });
16558
+ },
16559
+ ] },
16560
+ React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16561
+ // disabled={userInfoState?.companyId === Number(companyId)}
16562
+ onKeyPress: function (event) {
15938
16563
  if (!/[0-9\.]/.test(event.key)) {
15939
16564
  event.preventDefault();
15940
16565
  }
15941
16566
  } })),
15942
16567
  React.createElement("div", { className: "inline separator" }, "/"),
15943
16568
  React.createElement(antd.Form.Item, { className: "inline" },
15944
- React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
15945
- React.createElement(antd.Form.Item, null,
15946
- React.createElement("div", { className: "steps-actions" },
15947
- React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15948
- React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16569
+ React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16570
+ }),
16571
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16572
+ React.createElement(antd.Col, { xl: 8, md: 15 },
16573
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16574
+ React.createElement(antd.Col, { xl: 8, md: 9 },
16575
+ React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
16576
+ React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16577
+ if (!/[0-9\.]/.test(event.key)) {
16578
+ event.preventDefault();
16579
+ }
16580
+ } })),
16581
+ React.createElement("div", { className: "inline separator" }, "/"),
16582
+ React.createElement(antd.Form.Item, { className: "inline" },
16583
+ React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
16584
+ React.createElement(antd.Form.Item, null,
16585
+ React.createElement("div", { className: "steps-actions" },
16586
+ React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16587
+ React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
15949
16588
  },
15950
16589
  ] })))));
15951
16590
  };
@@ -16056,7 +16695,7 @@ var InvestmentActionModel = function (props) {
16056
16695
  };
16057
16696
 
16058
16697
  var InvestmentManagementComponent = function (props) {
16059
- var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
16698
+ var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
16060
16699
  var t = translator.t;
16061
16700
  var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
16062
16701
  label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
@@ -16084,6 +16723,7 @@ var InvestmentManagementComponent = function (props) {
16084
16723
  var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
16085
16724
  var _v = React.useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
16086
16725
  var _w = React.useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
16726
+ var _x = React.useState(), dataQuery = _x[0], setDataQuery = _x[1];
16087
16727
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
16088
16728
  return __generator(this, function (_a) {
16089
16729
  console.log(checkedValues);
@@ -16180,6 +16820,12 @@ var InvestmentManagementComponent = function (props) {
16180
16820
  console.log(response);
16181
16821
  setTableData(response.data);
16182
16822
  setTotalProgramme(response.response.data.total);
16823
+ setDataQuery({
16824
+ filterAnd: filter,
16825
+ filterOr: dataFilter,
16826
+ sort: sort,
16827
+ filterBy: filterBy,
16828
+ });
16183
16829
  setLoading(false);
16184
16830
  return [3 /*break*/, 4];
16185
16831
  case 3:
@@ -16197,8 +16843,53 @@ var InvestmentManagementComponent = function (props) {
16197
16843
  }
16198
16844
  });
16199
16845
  }); };
16846
+ var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
16847
+ var response, url, a, error_2;
16848
+ var _a;
16849
+ return __generator(this, function (_b) {
16850
+ switch (_b.label) {
16851
+ case 0:
16852
+ setLoading(true);
16853
+ _b.label = 1;
16854
+ case 1:
16855
+ _b.trys.push([1, 3, , 4]);
16856
+ return [4 /*yield*/, post("national/programme/investments/download", {
16857
+ filterAnd: dataQuery.filterAnd,
16858
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
16859
+ sort: dataQuery.sort,
16860
+ filterBy: dataQuery.filterBy,
16861
+ })];
16862
+ case 2:
16863
+ response = _b.sent();
16864
+ if (response && response.data) {
16865
+ url = response.data.url;
16866
+ a = document.createElement('a');
16867
+ a.href = url;
16868
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
16869
+ document.body.appendChild(a);
16870
+ a.click();
16871
+ document.body.removeChild(a); // Clean up the created <a> element
16872
+ window.URL.revokeObjectURL(url);
16873
+ }
16874
+ setLoading(false);
16875
+ return [3 /*break*/, 4];
16876
+ case 3:
16877
+ error_2 = _b.sent();
16878
+ console.log("Error in exporting investments", error_2);
16879
+ antd.message.open({
16880
+ type: "error",
16881
+ content: error_2.message,
16882
+ duration: 3,
16883
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
16884
+ });
16885
+ setLoading(false);
16886
+ return [3 /*break*/, 4];
16887
+ case 4: return [2 /*return*/];
16888
+ }
16889
+ });
16890
+ }); };
16200
16891
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
16201
- var response, error_2;
16892
+ var response, error_3;
16202
16893
  var _a, _b, _c, _d, _e, _f;
16203
16894
  return __generator(this, function (_g) {
16204
16895
  switch (_g.label) {
@@ -16230,8 +16921,8 @@ var InvestmentManagementComponent = function (props) {
16230
16921
  setLoading(false);
16231
16922
  return [3 /*break*/, 4];
16232
16923
  case 3:
16233
- error_2 = _g.sent();
16234
- console.log("Error in getting users", error_2);
16924
+ error_3 = _g.sent();
16925
+ console.log("Error in getting users", error_3);
16235
16926
  setLoading(false);
16236
16927
  return [3 /*break*/, 4];
16237
16928
  case 4: return [2 /*return*/];
@@ -16262,7 +16953,7 @@ var InvestmentManagementComponent = function (props) {
16262
16953
  ministryLevelFilter,
16263
16954
  ]);
16264
16955
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
16265
- var response, successMsg, error_3;
16956
+ var response, successMsg, error_4;
16266
16957
  return __generator(this, function (_a) {
16267
16958
  switch (_a.label) {
16268
16959
  case 0:
@@ -16292,10 +16983,10 @@ var InvestmentManagementComponent = function (props) {
16292
16983
  setModalVisible(false);
16293
16984
  return [3 /*break*/, 4];
16294
16985
  case 3:
16295
- error_3 = _a.sent();
16296
- console.log("Error in Cancelling transfer request", error_3);
16986
+ error_4 = _a.sent();
16987
+ console.log("Error in Cancelling transfer request", error_4);
16297
16988
  setLoading(false);
16298
- return [2 /*return*/, error_3.message];
16989
+ return [2 /*return*/, error_4.message];
16299
16990
  case 4: return [2 /*return*/];
16300
16991
  }
16301
16992
  });
@@ -16561,7 +17252,13 @@ var InvestmentManagementComponent = function (props) {
16561
17252
  return e.target.value === ""
16562
17253
  ? setSearch(e.target.value)
16563
17254
  : setSearchText(e.target.value);
16564
- }, onSearch: setSearch, style: { width: 265 } }))))),
17255
+ }, onSearch: setSearch, style: { width: 265 } })),
17256
+ React.createElement("div", { className: "download-data-btn" },
17257
+ React.createElement("a", { onClick: downloadInvestmentData },
17258
+ React.createElement(icons.DownloadOutlined, { style: {
17259
+ color: "rgba(58, 53, 65, 0.3)",
17260
+ fontSize: "20px",
17261
+ } })))))),
16565
17262
  React.createElement(antd.Row, null,
16566
17263
  React.createElement(antd.Col, { span: 24 },
16567
17264
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -16589,7 +17286,7 @@ var css_248z$l = ".steps-actions {\n display: flex;\n flex-direction: row-reve
16589
17286
  styleInject(css_248z$l);
16590
17287
 
16591
17288
  var SupportCreationComponent = function (props) {
16592
- var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
17289
+ var t = props.t, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
16593
17290
  useLocation().state;
16594
17291
  var _a = React.useState(); _a[0]; _a[1];
16595
17292
  var formOne = antd.Form.useForm()[0];
@@ -16602,6 +17299,7 @@ var SupportCreationComponent = function (props) {
16602
17299
  var _f = React.useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
16603
17300
  var _g = React.useState([]), instrument = _g[0], setInstrument = _g[1];
16604
17301
  var _h = React.useState(); _h[0]; var setStepOneData = _h[1];
17302
+ var userInfoState = useUserContext().userInfoState;
16605
17303
  var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
16606
17304
  label: addSpaces(Object.values(exports.Instrument)[index]),
16607
17305
  value: Object.values(exports.Instrument)[index],
@@ -16944,7 +17642,7 @@ var SupportCreationComponent = function (props) {
16944
17642
  };
16945
17643
 
16946
17644
  var SupportManagementComponent = function (props) {
16947
- var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
17645
+ var translator = props.translator; props.onNavigateToProgrammeView; var enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
16948
17646
  var t = translator.t;
16949
17647
  var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
16950
17648
  label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
@@ -17446,7 +18144,7 @@ var css_248z$k = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[valu
17446
18144
  styleInject(css_248z$k);
17447
18145
 
17448
18146
  var NdcActionManagementComponent = function (props) {
17449
- var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
18147
+ var t = props.t, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
17450
18148
  var _a = React.useState(true), checkAll = _a[0], setCheckAll = _a[1];
17451
18149
  var _b = React.useState([]), tableData = _b[0], setTableData = _b[1];
17452
18150
  var _c = React.useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
@@ -17461,6 +18159,7 @@ var NdcActionManagementComponent = function (props) {
17461
18159
  var _m = React.useState(), dataFilter = _m[0]; _m[1];
17462
18160
  var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
17463
18161
  var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
18162
+ var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
17464
18163
  var Search = antd.Input.Search;
17465
18164
  var post = useConnection().post;
17466
18165
  var userInfoState = useUserContext().userInfoState;
@@ -17468,7 +18167,7 @@ var NdcActionManagementComponent = function (props) {
17468
18167
  label: addSpaces(Object.values(exports.NdcActionStatus)[index]),
17469
18168
  value: Object.values(exports.NdcActionStatus)[index],
17470
18169
  }); });
17471
- var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
18170
+ var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
17472
18171
  var getNdcActionNames = function (action) {
17473
18172
  switch (action) {
17474
18173
  case exports.NdcActionTypes.Adaptation:
@@ -17650,6 +18349,11 @@ var NdcActionManagementComponent = function (props) {
17650
18349
  response = _a.sent();
17651
18350
  setTableData(response.data);
17652
18351
  setTotalProgramme(response.response.data.total);
18352
+ setDataQuery({
18353
+ filterAnd: filter,
18354
+ filterBy: filterBy,
18355
+ sort: sort,
18356
+ });
17653
18357
  setLoading(false);
17654
18358
  return [3 /*break*/, 4];
17655
18359
  case 3:
@@ -17708,6 +18412,49 @@ var NdcActionManagementComponent = function (props) {
17708
18412
  }
17709
18413
  });
17710
18414
  }); };
18415
+ var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
18416
+ var response, url, a, error_3;
18417
+ return __generator(this, function (_a) {
18418
+ switch (_a.label) {
18419
+ case 0:
18420
+ setLoading(true);
18421
+ _a.label = 1;
18422
+ case 1:
18423
+ _a.trys.push([1, 3, , 4]);
18424
+ return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
18425
+ filterAnd: dataQuery.filterAnd,
18426
+ filterBy: dataQuery.filterBy,
18427
+ sort: dataQuery.sort,
18428
+ })];
18429
+ case 2:
18430
+ response = _a.sent();
18431
+ if (response && response.data) {
18432
+ url = response.data.url;
18433
+ a = document.createElement('a');
18434
+ a.href = url;
18435
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
18436
+ document.body.appendChild(a);
18437
+ a.click();
18438
+ document.body.removeChild(a); // Clean up the created <a> element
18439
+ window.URL.revokeObjectURL(url);
18440
+ }
18441
+ setLoading(false);
18442
+ return [3 /*break*/, 4];
18443
+ case 3:
18444
+ error_3 = _a.sent();
18445
+ console.log("Error in exporting NDC Actions", error_3);
18446
+ antd.message.open({
18447
+ type: "error",
18448
+ content: error_3.message,
18449
+ duration: 3,
18450
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
18451
+ });
18452
+ setLoading(false);
18453
+ return [3 /*break*/, 4];
18454
+ case 4: return [2 /*return*/];
18455
+ }
18456
+ });
18457
+ }); };
17711
18458
  React.useEffect(function () {
17712
18459
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
17713
18460
  getUserDetails();
@@ -17803,7 +18550,13 @@ var NdcActionManagementComponent = function (props) {
17803
18550
  return e.target.value === ""
17804
18551
  ? setSearch(e.target.value)
17805
18552
  : setSearchText(e.target.value);
17806
- }, onSearch: setSearch, style: { width: 265 } }))))),
18553
+ }, onSearch: setSearch, style: { width: 265 } })),
18554
+ React.createElement("div", { className: "download-data-btn" },
18555
+ React.createElement("a", { onClick: downloadNdcData },
18556
+ React.createElement(icons.DownloadOutlined, { style: {
18557
+ color: "rgba(58, 53, 65, 0.3)",
18558
+ fontSize: "20px",
18559
+ } })))))),
17807
18560
  React.createElement(antd.Row, null,
17808
18561
  React.createElement(antd.Col, { span: 24 },
17809
18562
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -18805,7 +19558,7 @@ var GenderParity = function (props) {
18805
19558
  };
18806
19559
 
18807
19560
  var Assessment = function (props) {
18808
- var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, translator = props.translator;
19561
+ var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, translator = props.translator;
18809
19562
  translator.setDefaultNamespace("coBenifits");
18810
19563
  var t = translator.t;
18811
19564
  var form1 = antd.Form.useForm()[0];
@@ -21210,7 +21963,7 @@ var SocialEnvironmentalRisk = function (props) {
21210
21963
  };
21211
21964
 
21212
21965
  var CoBenifitsComponent = function (props) {
21213
- 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;
21966
+ 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;
21214
21967
  var _b = React.useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
21215
21968
  var _c = React.useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
21216
21969
  var _d = React.useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
@@ -21284,7 +22037,7 @@ var CoBenifitsComponent = function (props) {
21284
22037
  label: t("coBenifits:assessment"),
21285
22038
  key: "7",
21286
22039
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
21287
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
22040
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, translator: translator })),
21288
22041
  },
21289
22042
  {
21290
22043
  label: t("coBenifits:socialEnvironmentalRisk"),
@@ -21453,7 +22206,7 @@ var CoBenifitsComponent = function (props) {
21453
22206
  };
21454
22207
 
21455
22208
  var AddNdcActionComponent = function (props) {
21456
- var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
22209
+ var useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
21457
22210
  translator.setDefaultNamespace("ndcAction");
21458
22211
  var t = translator.t;
21459
22212
  var _a = React.useState(1), current = _a[0], setCurrent = _a[1];
@@ -21595,7 +22348,7 @@ var AddNdcActionComponent = function (props) {
21595
22348
  description: (React.createElement("div", { className: current !== 2 ? "hide" : "" },
21596
22349
  React.createElement(CoBenifitsComponent, { onClickedBackBtn: onClickBackCoBenefits, coBenefitsDetails: ndcActionDetails ? ndcActionDetails.coBenefitsProperties : {}, onFormSubmit: onCoBenefitsSubmit, submitButtonText: isProjectReportsVisible()
21597
22350
  ? t("ndcAction:next")
21598
- : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator }))),
22351
+ : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, translator: translator }))),
21599
22352
  },
21600
22353
  ];
21601
22354
  if (isProjectReportsVisible()) {
@@ -21732,7 +22485,7 @@ var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId
21732
22485
  var NdcActionViewComponent = function (props) {
21733
22486
  var _a;
21734
22487
  var _b, _c;
21735
- var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
22488
+ var useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
21736
22489
  translator.setDefaultNamespace("ndcAction");
21737
22490
  var t = translator.t;
21738
22491
  var userInfoState = useUserContext().userInfoState;
@@ -22231,13 +22984,13 @@ var NdcActionViewComponent = function (props) {
22231
22984
  React.createElement(antd.Card, { className: "card-container" },
22232
22985
  React.createElement("div", { className: "co-benifits-view" },
22233
22986
  React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
22234
- 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 })))))))));
22987
+ 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 })))))))));
22235
22988
  };
22236
22989
 
22237
22990
  var css_248z$e = ".credit-transfer-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .credit-transfer-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n margin-bottom: 0px; }\n .credit-transfer-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n margin-right: 10px; }\n .credit-transfer-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-modal-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 2rem 0 0 0;\n width: 100%; }\n .credit-transfer-modal-container .icon-credit {\n margin-bottom: 15px; }\n .credit-transfer-modal-container .credit-transfer-details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-bottom: 10px; }\n .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n font-family: 'Inter' !important;\n font-style: normal;\n font-weight: 600;\n font-size: 0.9rem;\n line-height: 1.3rem;\n padding: 0 1rem 0 1rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8) !important; }\n .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.8rem;\n line-height: 1.375rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-modal-container .remarks-credit-transfer {\n flex-direction: row;\n width: 100%;\n padding: 0.5rem 1rem 0 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n display: flex;\n flex-direction: row; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n width: 100%; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n font-size: 0.8rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n font-size: 0.75rem;\n font-weight: 600; }\n";
22238
22991
  styleInject(css_248z$e);
22239
22992
 
22240
- var css_248z$d = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
22993
+ var css_248z$d = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .ministry-level-filter-checkbox {\n margin-left: 0px !important; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
22241
22994
  styleInject(css_248z$d);
22242
22995
 
22243
22996
  function n(){return (n=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e]);}return a}).apply(this,arguments)}function t(a,n){if(null==a)return {};var t,e,r={},s=Object.keys(a);for(e=0;e<s.length;e++)n.indexOf(t=s[e])>=0||(r[t]=a[t]);return r}var e={ac:!0,ad:!0,ae:!0,af:!0,afar:!0,ag:!0,ai:!0,al:!0,am:!0,ao:!0,aq:!0,ar:!0,as:!0,at:!0,au:!0,"au-aboriginal":!0,"au-act":!0,"au-nsw":!0,"au-nt":!0,"au-qld":!0,"au-tas":!0,"au-vic":!0,"au-wa":!0,aw:!0,ax:!0,az:!0,ba:!0,bb:!0,bd:!0,be:!0,bf:!0,bg:!0,bh:!0,bi:!0,bj:!0,bl:!0,bm:!0,bn:!0,bo:!0,"bq-bo":!0,"bq-sa":!0,"bq-se":!0,bq:!0,br:!0,bs:!0,bt:!0,bv:!0,bw:!0,by:!0,bz:!0,"ca-bc":!0,ca:!0,cc:!0,cd:!0,cf:!0,cg:!0,"ch-gr":!0,ch:!0,ci:!0,ck:!0,cl:!0,cm:!0,"cn-xj":!0,cn:!0,co:!0,cp:!0,cq:!0,cr:!0,cu:!0,cv:!0,cw:!0,cx:!0,cy:!0,cz:!0,de:!0,dg:!0,dj:!0,dk:!0,dm:!0,do:!0,dz:!0,ea:!0,earth:!0,east_african_federation:!0,easter_island:!0,"ec-w":!0,ec:!0,ee:!0,eg:!0,eh:!0,er:!0,"es-ar":!0,"es-ce":!0,"es-cn":!0,"es-ct":!0,"es-ga":!0,"es-ib":!0,"es-ml":!0,"es-pv":!0,"es-variant":!0,es:!0,"et-or":!0,"et-ti":!0,et:!0,eu:!0,european_union:!0,ewe:!0,fi:!0,fj:!0,fk:!0,fm:!0,fo:!0,"fr-20r":!0,"fr-bre":!0,"fr-cp":!0,fr:!0,fx:!0,ga:!0,"gb-con":!0,"gb-eng":!0,"gb-nir":!0,"gb-ork":!0,"gb-sct":!0,"gb-wls":!0,gb:!0,gd:!0,"ge-ab":!0,ge:!0,gf:!0,gg:!0,gh:!0,gi:!0,gl:!0,gm:!0,gn:!0,gp:!0,gq:!0,gr:!0,gs:!0,gt:!0,gu:!0,guarani:!0,gw:!0,gy:!0,hausa:!0,hk:!0,hm:!0,hmong:!0,hn:!0,hr:!0,ht:!0,hu:!0,ic:!0,id:!0,"id-jb":!0,"id-jt":!0,ie:!0,il:!0,im:!0,"in-as":!0,"in-gj":!0,"in-ka":!0,"in-or":!0,"in-tn":!0,in:!0,io:!0,iq:!0,ir:!0,is:!0,"it-23":!0,"it-82":!0,"it-88":!0,it:!0,je:!0,jm:!0,jo:!0,jp:!0,kanuri:!0,ke:!0,kg:!0,kh:!0,ki:!0,kikuyu:!0,km:!0,kn:!0,kongo:!0,kp:!0,kr:!0,kurdistan:!0,kw:!0,ky:!0,kz:!0,la:!0,lb:!0,lc:!0,li:!0,lk:!0,lr:!0,ls:!0,lt:!0,lu:!0,lv:!0,ly:!0,ma:!0,malayali:!0,manipur:!0,maori:!0,mc:!0,md:!0,me:!0,mf:!0,mg:!0,mh:!0,mizoram:!0,mk:!0,ml:!0,mm:!0,mn:!0,mo:!0,mp:!0,mq:!0,mr:!0,ms:!0,mt:!0,mu:!0,mv:!0,mw:!0,mx:!0,my:!0,mz:!0,na:!0,nato:!0,nc:!0,ne:!0,nf:!0,ng:!0,ni:!0,"nl-fr":!0,nl:!0,no:!0,northern_cyprus:!0,np:!0,nr:!0,nu:!0,nz:!0,occitania:!0,olympics:!0,om:!0,otomi:!0,pa:!0,pe:!0,pf:!0,pg:!0,ph:!0,"pk-jk":!0,"pk-sd":!0,pk:!0,pl:!0,pm:!0,pn:!0,pr:!0,ps:!0,"pt-20":!0,"pt-30":!0,pt:!0,pw:!0,py:!0,qa:!0,quechua:!0,re:!0,ro:!0,rs:!0,ru:!0,"ru-ba":!0,"ru-ce":!0,"ru-cu":!0,"ru-da":!0,"ru-ko":!0,"ru-ta":!0,"ru-ud":!0,rw:!0,sa:!0,sami:!0,sb:!0,sc:!0,sd:!0,se:!0,sg:!0,"sh-ac":!0,"sh-hl":!0,"sh-ta":!0,sh:!0,si:!0,sj:!0,sk:!0,sl:!0,sm:!0,sn:!0,so:!0,somaliland:!0,south_ossetia:!0,soviet_union:!0,sr:!0,ss:!0,st:!0,su:!0,sv:!0,sx:!0,sy:!0,sz:!0,ta:!0,tc:!0,td:!0,tf:!0,tg:!0,th:!0,tibet:!0,tj:!0,tk:!0,tl:!0,tm:!0,tn:!0,to:!0,torres_strait_islands:!0,tr:!0,transnistria:!0,tt:!0,tv:!0,tw:!0,tz:!0,ua:!0,ug:!0,uk:!0,um:!0,un:!0,united_nations:!0,"us-hi":!0,us:!0,uy:!0,uz:!0,va:!0,vc:!0,ve:!0,vg:!0,vi:!0,vn:!0,vu:!0,wf:!0,wiphala:!0,ws:!0,xk:!0,xx:!0,ye:!0,yorubaland:!0,yt:!0,za:!0,zm:!0,zw:!0},s=["countryCode","cdnUrl"],c=function(a,t,e,r){return void 0===r&&(r=""),n({},e,{title:e.title||a,height:e.height||100,src:""+(t||"https://hatscripts.github.io/circle-flags/flags/")+r+a+".svg"})},u=function(r){var i=r.countryCode,u=r.cdnUrl,o=t(r,s);return React.createElement("img",n({"data-testid":"circle-country-flag"},c(function(a){return e[a]?a:"xx"}(i).toLowerCase(),u,o)))};
@@ -22384,7 +23137,7 @@ var TransferActionModel = function (props) {
22384
23137
  };
22385
23138
 
22386
23139
  var CreditTransferComponent = function (props) {
22387
- var useConnection = props.useConnection, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
23140
+ var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
22388
23141
  var userInfoState = useUserContext().userInfoState;
22389
23142
  var t = translator.t;
22390
23143
  var statusOptions = Object.keys(exports.CreditTransferStage).map(function (k, index) { return ({
@@ -22416,6 +23169,7 @@ var CreditTransferComponent = function (props) {
22416
23169
  var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
22417
23170
  var _z = React.useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
22418
23171
  var _0 = React.useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
23172
+ var _1 = React.useState(), dataQuery = _1[0], setDataQuery = _1[1];
22419
23173
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
22420
23174
  return __generator(this, function (_a) {
22421
23175
  console.log(checkedValues);
@@ -22519,6 +23273,12 @@ var CreditTransferComponent = function (props) {
22519
23273
  console.log(response);
22520
23274
  setTableData(response.data);
22521
23275
  setTotalProgramme(response.response.data.total);
23276
+ setDataQuery({
23277
+ filterAnd: filter,
23278
+ filterOr: dataFilter,
23279
+ sort: sort,
23280
+ filterBy: filterBy,
23281
+ });
22522
23282
  setLoading(false);
22523
23283
  return [3 /*break*/, 4];
22524
23284
  case 3:
@@ -22536,8 +23296,53 @@ var CreditTransferComponent = function (props) {
22536
23296
  }
22537
23297
  });
22538
23298
  }); };
23299
+ var downloadTransferData = function () { return __awaiter(void 0, void 0, void 0, function () {
23300
+ var response, url, a, error_2;
23301
+ var _a;
23302
+ return __generator(this, function (_b) {
23303
+ switch (_b.label) {
23304
+ case 0:
23305
+ setLoading(true);
23306
+ _b.label = 1;
23307
+ case 1:
23308
+ _b.trys.push([1, 3, , 4]);
23309
+ return [4 /*yield*/, post("national/programme/transfers/download", {
23310
+ filterAnd: dataQuery.filterAnd,
23311
+ filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
23312
+ sort: dataQuery.sort,
23313
+ filterBy: dataQuery.filterBy,
23314
+ })];
23315
+ case 2:
23316
+ response = _b.sent();
23317
+ if (response && response.data) {
23318
+ url = response.data.url;
23319
+ a = document.createElement('a');
23320
+ a.href = url;
23321
+ a.download = response.data.csvFile; // Specify the filename for the downloaded file
23322
+ document.body.appendChild(a);
23323
+ a.click();
23324
+ document.body.removeChild(a); // Clean up the created <a> element
23325
+ window.URL.revokeObjectURL(url);
23326
+ }
23327
+ setLoading(false);
23328
+ return [3 /*break*/, 4];
23329
+ case 3:
23330
+ error_2 = _b.sent();
23331
+ console.log("Error in exporting transfers", error_2);
23332
+ antd.message.open({
23333
+ type: "error",
23334
+ content: error_2.message,
23335
+ duration: 3,
23336
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
23337
+ });
23338
+ setLoading(false);
23339
+ return [3 /*break*/, 4];
23340
+ case 4: return [2 /*return*/];
23341
+ }
23342
+ });
23343
+ }); };
22539
23344
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
22540
- var response, error_2;
23345
+ var response, error_3;
22541
23346
  var _a, _b, _c, _d, _e, _f;
22542
23347
  return __generator(this, function (_g) {
22543
23348
  switch (_g.label) {
@@ -22569,8 +23374,8 @@ var CreditTransferComponent = function (props) {
22569
23374
  setLoading(false);
22570
23375
  return [3 /*break*/, 4];
22571
23376
  case 3:
22572
- error_2 = _g.sent();
22573
- console.log("Error in getting users", error_2);
23377
+ error_3 = _g.sent();
23378
+ console.log("Error in getting users", error_3);
22574
23379
  setLoading(false);
22575
23380
  return [3 /*break*/, 4];
22576
23381
  case 4: return [2 /*return*/];
@@ -22594,7 +23399,7 @@ var CreditTransferComponent = function (props) {
22594
23399
  }
22595
23400
  }, []);
22596
23401
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
22597
- var response, successMsg, error_3;
23402
+ var response, successMsg, error_4;
22598
23403
  return __generator(this, function (_a) {
22599
23404
  switch (_a.label) {
22600
23405
  case 0:
@@ -22624,10 +23429,10 @@ var CreditTransferComponent = function (props) {
22624
23429
  setModalVisible(false);
22625
23430
  return [3 /*break*/, 4];
22626
23431
  case 3:
22627
- error_3 = _a.sent();
22628
- console.log("Error in Cancelling transfer request", error_3);
23432
+ error_4 = _a.sent();
23433
+ console.log("Error in Cancelling transfer request", error_4);
22629
23434
  setLoading(false);
22630
- return [2 /*return*/, error_3.message];
23435
+ return [2 /*return*/, error_4.message];
22631
23436
  case 4: return [2 /*return*/];
22632
23437
  }
22633
23438
  });
@@ -22976,7 +23781,7 @@ var CreditTransferComponent = function (props) {
22976
23781
  ]
22977
23782
  : undefined);
22978
23783
  } }, t("view:seeMine")),
22979
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
23784
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(antd.Checkbox, { className: "label ministry-level-filter-checkbox", onChange: function (v) {
22980
23785
  if (v.target.checked) {
22981
23786
  setMinistryLevelFilter(true);
22982
23787
  }
@@ -22989,7 +23794,13 @@ var CreditTransferComponent = function (props) {
22989
23794
  return e.target.value === ""
22990
23795
  ? setSearch(e.target.value)
22991
23796
  : setSearchText(e.target.value);
22992
- }, onSearch: setSearch, style: { width: 265 } }))))),
23797
+ }, onSearch: setSearch, style: { width: 265 } })),
23798
+ React.createElement("div", { className: "download-data-btn" },
23799
+ React.createElement("a", { onClick: downloadTransferData },
23800
+ React.createElement(icons.DownloadOutlined, { style: {
23801
+ color: "rgba(58, 53, 65, 0.3)",
23802
+ fontSize: "20px",
23803
+ } })))))),
22993
23804
  React.createElement(antd.Row, null,
22994
23805
  React.createElement(antd.Col, { span: 24 },
22995
23806
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -23319,8 +24130,8 @@ var MapStatsComponent = function (props) {
23319
24130
 
23320
24131
  var RangePicker$2 = antd.DatePicker.RangePicker;
23321
24132
  var MrvDashboardComponent = function (props) {
23322
- 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;
23323
- var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
24133
+ var Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
24134
+ var _b = useConnection(); _b.get; var post = _b.post; _b.delete; var statServerUrl = _b.statServerUrl;
23324
24135
  var _c = React.useState({}), data = _c[0], setData = _c[1];
23325
24136
  var _e = React.useState(false), loading = _e[0], setLoading = _e[1];
23326
24137
  var userInfoState = useUserContext().userInfoState;
@@ -23803,7 +24614,7 @@ var MrvDashboardComponent = function (props) {
23803
24614
  _e.label = 1;
23804
24615
  case 1:
23805
24616
  _e.trys.push([1, 3, 4, 5]);
23806
- return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, process.env.REACT_APP_STAT_URL)];
24617
+ return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, statServerUrl)];
23807
24618
  case 2:
23808
24619
  response = _e.sent();
23809
24620
  console.log("Response", response);
@@ -25054,8 +25865,8 @@ var RegistryBarChartsStatComponent = function (props) {
25054
25865
 
25055
25866
  var RangePicker$1 = antd.DatePicker.RangePicker;
25056
25867
  var RegistryDashboardComponent = function (props) {
25057
- 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;
25058
- var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
25868
+ var Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
25869
+ var _b = useConnection(); _b.get; var post = _b.post; _b.delete; var statServerUrl = _b.statServerUrl;
25059
25870
  var userInfoState = useUserContext().userInfoState;
25060
25871
  var _c = React.useState(false), loadingWithoutTimeRange = _c[0], setLoadingWithoutTimeRange = _c[1];
25061
25872
  var _e = React.useState(false), loading = _e[0], setLoading = _e[1];
@@ -25502,7 +26313,7 @@ var RegistryDashboardComponent = function (props) {
25502
26313
  _253.label = 1;
25503
26314
  case 1:
25504
26315
  _253.trys.push([1, 3, 4, 5]);
25505
- return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, process.env.REACT_APP_STAT_URL)];
26316
+ return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, statServerUrl)];
25506
26317
  case 2:
25507
26318
  response = _253.sent();
25508
26319
  totalCreditsCertifiedStats = void 0;
@@ -25779,7 +26590,7 @@ var RegistryDashboardComponent = function (props) {
25779
26590
  _77.label = 1;
25780
26591
  case 1:
25781
26592
  _77.trys.push([1, 3, 4, 5]);
25782
- return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, process.env.REACT_APP_STAT_URL)];
26593
+ return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, statServerUrl)];
25783
26594
  case 2:
25784
26595
  response = _77.sent();
25785
26596
  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;
@@ -25872,7 +26683,7 @@ var RegistryDashboardComponent = function (props) {
25872
26683
  _188.label = 1;
25873
26684
  case 1:
25874
26685
  _188.trys.push([1, 3, 4, 5]);
25875
- return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, process.env.REACT_APP_STAT_URL)];
26686
+ return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, statServerUrl)];
25876
26687
  case 2:
25877
26688
  response = _188.sent();
25878
26689
  programmeByStatusAuthAggregationResponse = void 0;
@@ -26775,7 +27586,21 @@ var EditableCell = function (_a) {
26775
27586
  }); },
26776
27587
  },
26777
27588
  ] },
26778
- React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27589
+ React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
27590
+ {
27591
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
27592
+ var trimValue;
27593
+ return __generator(this, function (_a) {
27594
+ trimValue = typeof value === "string" ? value.trim() : value;
27595
+ if (!trimValue) {
27596
+ throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
27597
+ }
27598
+ return [2 /*return*/];
27599
+ });
27600
+ }); },
27601
+ },
27602
+ ] },
27603
+ React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26779
27604
  {
26780
27605
  validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26781
27606
  var trimValue;
@@ -26839,7 +27664,7 @@ var getNdcActionStatusTagType = function (status) {
26839
27664
  };
26840
27665
 
26841
27666
  var NdcDetailsComponent = function (props) {
26842
- var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext;
27667
+ var t = props.t;
26843
27668
  var RangePicker = antd.DatePicker.RangePicker;
26844
27669
  var _a = React.useState([]), ndcActionsList = _a[0], setNdcActionsList = _a[1];
26845
27670
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
@@ -26882,11 +27707,13 @@ var NdcDetailsComponent = function (props) {
26882
27707
  : undefined;
26883
27708
  var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
26884
27709
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
26885
- var isMainNdcActionsEditable = !selectedPeriod.finalized &&
27710
+ var isMainNdcActionsEditable = selectedPeriod &&
27711
+ !selectedPeriod.finalized &&
26886
27712
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
26887
27713
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
26888
27714
  var isSubNdcActionsEditable = function (record) {
26889
- return (!selectedPeriod.finalized &&
27715
+ return (selectedPeriod &&
27716
+ !selectedPeriod.finalized &&
26890
27717
  record.status !== NdcDetailsActionStatus.Approved &&
26891
27718
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
26892
27719
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
@@ -26894,7 +27721,8 @@ var NdcDetailsComponent = function (props) {
26894
27721
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
26895
27722
  };
26896
27723
  var checkSubNdcActionCreatePermission = function () {
26897
- return (!selectedPeriod.finalized &&
27724
+ return (selectedPeriod &&
27725
+ !selectedPeriod.finalized &&
26898
27726
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
26899
27727
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) &&
26900
27728
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
@@ -26907,7 +27735,7 @@ var NdcDetailsComponent = function (props) {
26907
27735
  return isSubNdcActionsEditable(record);
26908
27736
  }
26909
27737
  };
26910
- var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
27738
+ var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
26911
27739
  ? ndcActionsList.filter(function (ndcDetail) {
26912
27740
  return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
26913
27741
  ndcDetail.actionType === NdcDetailsActionType.MainAction);
@@ -26923,6 +27751,7 @@ var NdcDetailsComponent = function (props) {
26923
27751
  actionType: NdcDetailsActionType.SubAction,
26924
27752
  nationalPlanObjective: "",
26925
27753
  kpi: "",
27754
+ kpiUnit: "",
26926
27755
  ministryName: loginMinistry,
26927
27756
  status: NdcDetailsActionStatus.New,
26928
27757
  parentActionId: mainActionId,
@@ -26934,6 +27763,7 @@ var NdcDetailsComponent = function (props) {
26934
27763
  form.setFieldsValue({
26935
27764
  nationalPlanObjective: "",
26936
27765
  kpi: "",
27766
+ kpiUnit: "",
26937
27767
  });
26938
27768
  }
26939
27769
  setSubNdcActionsForPeriod(subNdcDetails);
@@ -26975,6 +27805,7 @@ var NdcDetailsComponent = function (props) {
26975
27805
  return [2 /*return*/];
26976
27806
  }
26977
27807
  else if (updatedFields.kpi === row.kpi &&
27808
+ updatedFields.kpiUnit === row.kpiUnit &&
26978
27809
  updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
26979
27810
  ClearEditMode();
26980
27811
  return [2 /*return*/];
@@ -26988,13 +27819,13 @@ var NdcDetailsComponent = function (props) {
26988
27819
  else {
26989
27820
  updatedItem.status = NdcDetailsActionStatus.Pending;
26990
27821
  }
26991
- return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27822
+ return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
26992
27823
  case 5:
26993
27824
  _a.sent();
26994
27825
  return [3 /*break*/, 8];
26995
27826
  case 6:
26996
27827
  updatedItem.status = NdcDetailsActionStatus.Pending;
26997
- return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27828
+ return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
26998
27829
  case 7:
26999
27830
  _a.sent();
27000
27831
  _a.label = 8;
@@ -27019,6 +27850,7 @@ var NdcDetailsComponent = function (props) {
27019
27850
  var actionMenu = function (record) {
27020
27851
  if (record.status === NdcDetailsActionStatus.Pending &&
27021
27852
  isGovernmentUser &&
27853
+ selectedPeriod &&
27022
27854
  !selectedPeriod.finalized) {
27023
27855
  return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
27024
27856
  {
@@ -27078,7 +27910,17 @@ var NdcDetailsComponent = function (props) {
27078
27910
  width: 100,
27079
27911
  editable: true,
27080
27912
  render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpi ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27081
- React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: "Enter Kpi" })))); },
27913
+ React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
27914
+ },
27915
+ {
27916
+ title: t("ndc:ndcColumnsKpiUnit"),
27917
+ dataIndex: "kpiUnit",
27918
+ key: "kpiUnit",
27919
+ align: "left",
27920
+ width: 100,
27921
+ editable: true,
27922
+ render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpiUnit ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27923
+ React.createElement("span", null, record.kpiUnit))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
27082
27924
  },
27083
27925
  {
27084
27926
  title: t("ndc:ndcColumnsMinistry"),
@@ -27142,6 +27984,7 @@ var NdcDetailsComponent = function (props) {
27142
27984
  form.setFieldsValue({
27143
27985
  nationalPlanObjective: "",
27144
27986
  kpi: "",
27987
+ kpiUnit: "",
27145
27988
  });
27146
27989
  periodId = parseInt(selectedPeriod.key);
27147
27990
  newData_1 = {
@@ -27149,6 +27992,7 @@ var NdcDetailsComponent = function (props) {
27149
27992
  actionType: NdcDetailsActionType.MainAction,
27150
27993
  nationalPlanObjective: "",
27151
27994
  kpi: "",
27995
+ kpiUnit: "",
27152
27996
  ministryName: loginMinistry,
27153
27997
  periodId: periodId,
27154
27998
  status: NdcDetailsActionStatus.New,
@@ -27287,10 +28131,11 @@ var NdcDetailsComponent = function (props) {
27287
28131
  };
27288
28132
  }, footer: function () {
27289
28133
  return isGovernmentUser &&
28134
+ selectedPeriod &&
27290
28135
  !selectedPeriod.finalized && (React.createElement(antd.Row, { justify: "center" },
27291
28136
  React.createElement(antd.Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
27292
28137
  } })))),
27293
- isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
28138
+ isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
27294
28139
  React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
27295
28140
  React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
27296
28141
  React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -27638,10 +28483,12 @@ var NdcDetailsComponent = function (props) {
27638
28483
  React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
27639
28484
  React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
27640
28485
  React.createElement("div", null,
27641
- React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
27642
- React.createElement("div", null, selectedPeriod.key === "add_new"
27643
- ? addNewPeriodContent()
27644
- : mainNdcActionTableContent()),
28486
+ React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
28487
+ React.createElement("div", null, selectedPeriod
28488
+ ? selectedPeriod.key === "add_new"
28489
+ ? addNewPeriodContent()
28490
+ : mainNdcActionTableContent()
28491
+ : ""),
27645
28492
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
27646
28493
  };
27647
28494
 
@@ -27814,7 +28661,7 @@ var ProgrammeIssueForm = function (props) {
27814
28661
  };
27815
28662
 
27816
28663
  var ProgrammeRetireForm = function (props) {
27817
- 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;
28664
+ 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;
27818
28665
  var t = translator.t;
27819
28666
  var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
27820
28667
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
@@ -28190,7 +29037,7 @@ var ProgrammeRevokeForm = function (props) {
28190
29037
  };
28191
29038
 
28192
29039
  var ProgrammeTransferForm = function (props) {
28193
- 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;
29040
+ 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;
28194
29041
  var t = translator.t;
28195
29042
  var _b = React.useState(undefined), popupError = _b[0], setPopupError = _b[1];
28196
29043
  var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
@@ -28215,8 +29062,8 @@ var ProgrammeTransferForm = function (props) {
28215
29062
  },
28216
29063
  {
28217
29064
  key: "companyRole",
28218
- operation: "!=",
28219
- value: "Certifier",
29065
+ operation: "=",
29066
+ value: exports.CompanyRole.PROGRAMME_DEVELOPER,
28220
29067
  },
28221
29068
  ],
28222
29069
  sort: {
@@ -28421,7 +29268,7 @@ var css_248z$5 = ".ndc-action-body {\n display: flex;\n flex-direction: column
28421
29268
  styleInject(css_248z$5);
28422
29269
 
28423
29270
  var NdcActionBody = function (props) {
28424
- 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;
29271
+ 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;
28425
29272
  var t = translator.t;
28426
29273
  var userInfoState = useUserContext().userInfoState;
28427
29274
  var fileInputMonitoringRef = React.useRef(null);
@@ -28857,7 +29704,7 @@ var css_248z$4 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-vi
28857
29704
  styleInject(css_248z$4);
28858
29705
 
28859
29706
  var ProgrammeDocuments = function (props) {
28860
- 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;
29707
+ 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;
28861
29708
  var t = translator.t;
28862
29709
  var userInfoState = useUserContext().userInfoState;
28863
29710
  var _a = useConnection(); _a.delete; var post = _a.post;
@@ -29400,7 +30247,7 @@ var TimelineBody = function (props) {
29400
30247
  React.createElement("div", { className: "remark-body" }, remark)))));
29401
30248
  };
29402
30249
 
29403
- var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 5px !important;\n height: 50px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 50px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 50px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 50px;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 50px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 600;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 5px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 20px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 16px;\n font-weight: 500;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 50px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
30250
+ var css_248z$2 = ".emission-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.empty-emission-container {\n padding-top: 5%;\n padding-bottom: 5%; }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 700;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 3px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
29404
30251
  styleInject(css_248z$2);
29405
30252
 
29406
30253
  var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -29808,7 +30655,7 @@ var GHGUserActionConfirmationModel = function (props) {
29808
30655
  };
29809
30656
 
29810
30657
  var GHGEmissionsComponent = function (props) {
29811
- var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
30658
+ var t = props.t;
29812
30659
  var userInfoState = useUserContext().userInfoState;
29813
30660
  var _a = React.useState([]), data = _a[0], setData = _a[1];
29814
30661
  var _b = useConnection(), get = _b.get, post = _b.post;
@@ -29854,14 +30701,26 @@ var GHGEmissionsComponent = function (props) {
29854
30701
  var _17 = React.useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
29855
30702
  var _18 = React.useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
29856
30703
  var _19 = React.useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
29857
- var _20 = React.useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
29858
- var _21 = React.useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
29859
- var _22 = React.useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
29860
- var _23 = React.useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
29861
- var _24 = React.useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
29862
- var _25 = React.useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
29863
- var _26 = React.useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
29864
- var _27 = React.useState({}), actionInfo = _27[0], setActionInfo = _27[1];
30704
+ var _20 = React.useState({
30705
+ totalCo2WithoutLand_ch4: 0,
30706
+ totalCo2WithoutLand_co2: 0,
30707
+ totalCo2WithoutLand_n2o: 0,
30708
+ totalCo2WithoutLand_co2eq: 0
30709
+ }); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
30710
+ var _21 = React.useState({
30711
+ totalCo2WithLand_ch4: 0,
30712
+ totalCo2WithLand_co2: 0,
30713
+ totalCo2WithLand_n2o: 0,
30714
+ totalCo2WithLand_co2eq: 0
30715
+ }); _21[0]; _21[1];
30716
+ var _22 = React.useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
30717
+ var _23 = React.useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
30718
+ var _24 = React.useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
30719
+ var _25 = React.useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
30720
+ var _26 = React.useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
30721
+ var _27 = React.useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
30722
+ var _28 = React.useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
30723
+ var _29 = React.useState({}), actionInfo = _29[0], setActionInfo = _29[1];
29865
30724
  var Panel = antd.Collapse.Panel;
29866
30725
  var form = antd.Form.useForm()[0];
29867
30726
  var createSetFieldObject = function (obj, objName) {
@@ -31016,19 +31875,35 @@ var GHGEmissionsComponent = function (props) {
31016
31875
  return 0;
31017
31876
  }
31018
31877
  };
31878
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
31879
+ setTotalCo2WithoutLandEmissions(function (prevState) {
31880
+ var _a;
31881
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
31882
+ });
31883
+ };
31884
+ // Helper function to get form field value
31885
+ var getFieldValue = function (fieldName) {
31886
+ var formValues = form.getFieldsValue(true);
31887
+ var fieldValue = formValues[fieldName];
31888
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
31889
+ };
31019
31890
  var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
31020
31891
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
31021
31892
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
31022
31893
  React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
31023
31894
  React.createElement(antd.Row, { gutter: 16 },
31024
31895
  React.createElement(antd.Col, { xl: 6 },
31025
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading))))),
31896
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
31897
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
31026
31898
  React.createElement(antd.Col, { xl: 6 },
31027
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading))))),
31899
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
31900
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
31028
31901
  React.createElement(antd.Col, { xl: 6 },
31029
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading))))),
31902
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
31903
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
31030
31904
  React.createElement(antd.Col, { xl: 6 },
31031
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading))))))))); };
31905
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
31906
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
31032
31907
  var renderPanelHeaderView = function (panelHeading, tabData) {
31033
31908
  var emissionsObject = tabData[panelHeading];
31034
31909
  return (React.createElement(antd.Row, { gutter: 16 },
@@ -31037,13 +31912,17 @@ var GHGEmissionsComponent = function (props) {
31037
31912
  React.createElement(antd.Col, { xl: 9, md: 9 },
31038
31913
  React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
31039
31914
  React.createElement(antd.Col, { xl: 6 },
31040
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))))),
31915
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31916
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
31041
31917
  React.createElement(antd.Col, { xl: 6 },
31042
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4'))))),
31918
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31919
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
31043
31920
  React.createElement(antd.Col, { xl: 6 },
31044
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o'))))),
31921
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31922
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
31045
31923
  React.createElement(antd.Col, { xl: 6 },
31046
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq')))))))));
31924
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31925
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
31047
31926
  };
31048
31927
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
31049
31928
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31051,61 +31930,65 @@ var GHGEmissionsComponent = function (props) {
31051
31930
  React.createElement(antd.Col, { xl: 9, md: 9 },
31052
31931
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
31053
31932
  React.createElement(antd.Col, { xl: 6 },
31054
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31055
- {
31056
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31057
- return __generator(this, function (_a) {
31058
- if (value && value < 0) {
31059
- throw new Error();
31060
- }
31061
- return [2 /*return*/];
31062
- });
31063
- }); },
31064
- },
31065
- ] },
31066
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31933
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
31934
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31935
+ {
31936
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31937
+ return __generator(this, function (_a) {
31938
+ if (value && value < 0) {
31939
+ throw new Error();
31940
+ }
31941
+ return [2 /*return*/];
31942
+ });
31943
+ }); },
31944
+ },
31945
+ ] },
31946
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31067
31947
  React.createElement(antd.Col, { xl: 6 },
31068
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31069
- {
31070
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31071
- return __generator(this, function (_a) {
31072
- if (value && value < 0) {
31073
- throw new Error();
31074
- }
31075
- return [2 /*return*/];
31076
- });
31077
- }); },
31078
- },
31079
- ] },
31080
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31948
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
31949
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31950
+ {
31951
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31952
+ return __generator(this, function (_a) {
31953
+ if (value && value < 0) {
31954
+ throw new Error();
31955
+ }
31956
+ return [2 /*return*/];
31957
+ });
31958
+ }); },
31959
+ },
31960
+ ] },
31961
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31081
31962
  React.createElement(antd.Col, { xl: 6 },
31082
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31083
- {
31084
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31085
- return __generator(this, function (_a) {
31086
- if (value && value < 0) {
31087
- throw new Error();
31088
- }
31089
- return [2 /*return*/];
31090
- });
31091
- }); },
31092
- },
31093
- ] },
31094
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31963
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
31964
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31965
+ {
31966
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31967
+ return __generator(this, function (_a) {
31968
+ if (value && value < 0) {
31969
+ throw new Error();
31970
+ }
31971
+ return [2 /*return*/];
31972
+ });
31973
+ }); },
31974
+ },
31975
+ ] },
31976
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31095
31977
  React.createElement(antd.Col, { xl: 6 },
31096
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31097
- {
31098
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31099
- return __generator(this, function (_a) {
31100
- if (value && value < 0) {
31101
- throw new Error();
31102
- }
31103
- return [2 /*return*/];
31104
- });
31105
- }); },
31106
- },
31107
- ] },
31108
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))); };
31978
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
31979
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31980
+ {
31981
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31982
+ return __generator(this, function (_a) {
31983
+ if (value && value < 0) {
31984
+ throw new Error();
31985
+ }
31986
+ return [2 /*return*/];
31987
+ });
31988
+ }); },
31989
+ },
31990
+ ] },
31991
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
31109
31992
  var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
31110
31993
  return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
31111
31994
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31113,13 +31996,21 @@ var GHGEmissionsComponent = function (props) {
31113
31996
  React.createElement(antd.Col, { xl: 9, md: 9 },
31114
31997
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
31115
31998
  React.createElement(antd.Col, { xl: 6 },
31116
- React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })),
31999
+ React.createElement(antd.Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
32000
+ React.createElement("div", null,
32001
+ React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
31117
32002
  React.createElement(antd.Col, { xl: 6 },
31118
- React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })),
32003
+ React.createElement(antd.Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
32004
+ React.createElement("div", null,
32005
+ React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
31119
32006
  React.createElement(antd.Col, { xl: 6 },
31120
- React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })),
32007
+ React.createElement(antd.Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
32008
+ React.createElement("div", null,
32009
+ React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
31121
32010
  React.createElement(antd.Col, { xl: 6 },
31122
- React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))));
32011
+ React.createElement(antd.Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
32012
+ React.createElement("div", null,
32013
+ React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
31123
32014
  };
31124
32015
  var objectToCSV = function (dataToDownload) {
31125
32016
  var flattenObject = function (obj, prefix) {
@@ -31190,6 +32081,17 @@ var GHGEmissionsComponent = function (props) {
31190
32081
  }
31191
32082
  return false;
31192
32083
  };
32084
+ var displayEmptyView = function () {
32085
+ if (!data || data.length === 0) {
32086
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
32087
+ return true;
32088
+ }
32089
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
32090
+ return true;
32091
+ }
32092
+ }
32093
+ return false;
32094
+ };
31193
32095
  var canViewForm = function () {
31194
32096
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
31195
32097
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -31207,7 +32109,9 @@ var GHGEmissionsComponent = function (props) {
31207
32109
  React.createElement("div", { className: "title-bar" },
31208
32110
  React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
31209
32111
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
31210
- React.createElement("div", { className: "content-card add-emission" },
32112
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
32113
+ React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
32114
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
31211
32115
  React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
31212
32116
  (canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
31213
32117
  React.createElement("div", null,
@@ -31312,13 +32216,17 @@ var GHGEmissionsComponent = function (props) {
31312
32216
  React.createElement(antd.Col, { xl: 9, md: 9 },
31313
32217
  React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
31314
32218
  React.createElement(antd.Col, { xl: 6 },
31315
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2)))),
32219
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
32220
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
31316
32221
  React.createElement(antd.Col, { xl: 6 },
31317
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4)))),
32222
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
32223
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
31318
32224
  React.createElement(antd.Col, { xl: 6 },
31319
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o)))),
32225
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
32226
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
31320
32227
  React.createElement(antd.Col, { xl: 6 },
31321
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq))))))),
32228
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
32229
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
31322
32230
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
31323
32231
  var isActive = _a.isActive;
31324
32232
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -31343,122 +32251,130 @@ var GHGEmissionsComponent = function (props) {
31343
32251
  React.createElement(antd.Col, { xl: 9, md: 9 },
31344
32252
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31345
32253
  React.createElement(antd.Col, { xl: 6 },
31346
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
31347
- {
31348
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31349
- return __generator(this, function (_a) {
31350
- if (value && value < 0) {
31351
- throw new Error();
31352
- }
31353
- return [2 /*return*/];
31354
- });
31355
- }); },
31356
- },
31357
- ] },
31358
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32254
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
32255
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
32256
+ {
32257
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32258
+ return __generator(this, function (_a) {
32259
+ if (value && value < 0) {
32260
+ throw new Error();
32261
+ }
32262
+ return [2 /*return*/];
32263
+ });
32264
+ }); },
32265
+ },
32266
+ ] },
32267
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31359
32268
  React.createElement(antd.Col, { xl: 6 },
31360
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
31361
- {
31362
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31363
- return __generator(this, function (_a) {
31364
- if (value && value < 0) {
31365
- throw new Error();
31366
- }
31367
- return [2 /*return*/];
31368
- });
31369
- }); },
31370
- },
31371
- ] },
31372
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32269
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
32270
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
32271
+ {
32272
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32273
+ return __generator(this, function (_a) {
32274
+ if (value && value < 0) {
32275
+ throw new Error();
32276
+ }
32277
+ return [2 /*return*/];
32278
+ });
32279
+ }); },
32280
+ },
32281
+ ] },
32282
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31373
32283
  React.createElement(antd.Col, { xl: 6 },
31374
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31375
- {
31376
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31377
- return __generator(this, function (_a) {
31378
- if (value && value < 0) {
31379
- throw new Error();
31380
- }
31381
- return [2 /*return*/];
31382
- });
31383
- }); },
31384
- },
31385
- ] },
31386
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32284
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
32285
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
32286
+ {
32287
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32288
+ return __generator(this, function (_a) {
32289
+ if (value && value < 0) {
32290
+ throw new Error();
32291
+ }
32292
+ return [2 /*return*/];
32293
+ });
32294
+ }); },
32295
+ },
32296
+ ] },
32297
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31387
32298
  React.createElement(antd.Col, { xl: 6 },
31388
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31389
- {
31390
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31391
- return __generator(this, function (_a) {
31392
- if (value && value < 0) {
31393
- throw new Error();
31394
- }
31395
- return [2 /*return*/];
31396
- });
31397
- }); },
31398
- },
31399
- ] },
31400
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
32299
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
32300
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
32301
+ {
32302
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32303
+ return __generator(this, function (_a) {
32304
+ if (value && value < 0) {
32305
+ throw new Error();
32306
+ }
32307
+ return [2 /*return*/];
32308
+ });
32309
+ }); },
32310
+ },
32311
+ ] },
32312
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
31401
32313
  React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31402
32314
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31403
32315
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31404
32316
  React.createElement(antd.Col, { xl: 9, md: 9 },
31405
32317
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31406
32318
  React.createElement(antd.Col, { xl: 6 },
31407
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
31408
- {
31409
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31410
- return __generator(this, function (_a) {
31411
- if (value && value < 0) {
31412
- throw new Error();
31413
- }
31414
- return [2 /*return*/];
31415
- });
31416
- }); },
31417
- },
31418
- ] },
31419
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32319
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
32320
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
32321
+ {
32322
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32323
+ return __generator(this, function (_a) {
32324
+ if (value && value < 0) {
32325
+ throw new Error();
32326
+ }
32327
+ return [2 /*return*/];
32328
+ });
32329
+ }); },
32330
+ },
32331
+ ] },
32332
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31420
32333
  React.createElement(antd.Col, { xl: 6 },
31421
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
31422
- {
31423
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31424
- return __generator(this, function (_a) {
31425
- if (value && value < 0) {
31426
- throw new Error();
31427
- }
31428
- return [2 /*return*/];
31429
- });
31430
- }); },
31431
- },
31432
- ] },
31433
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32334
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
32335
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
32336
+ {
32337
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32338
+ return __generator(this, function (_a) {
32339
+ if (value && value < 0) {
32340
+ throw new Error();
32341
+ }
32342
+ return [2 /*return*/];
32343
+ });
32344
+ }); },
32345
+ },
32346
+ ] },
32347
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31434
32348
  React.createElement(antd.Col, { xl: 6 },
31435
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
31436
- {
31437
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31438
- return __generator(this, function (_a) {
31439
- if (value && value < 0) {
31440
- throw new Error();
31441
- }
31442
- return [2 /*return*/];
31443
- });
31444
- }); },
31445
- },
31446
- ] },
31447
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32349
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
32350
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
32351
+ {
32352
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32353
+ return __generator(this, function (_a) {
32354
+ if (value && value < 0) {
32355
+ throw new Error();
32356
+ }
32357
+ return [2 /*return*/];
32358
+ });
32359
+ }); },
32360
+ },
32361
+ ] },
32362
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31448
32363
  React.createElement(antd.Col, { xl: 6 },
31449
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
31450
- {
31451
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31452
- return __generator(this, function (_a) {
31453
- if (value && value < 0) {
31454
- throw new Error();
31455
- }
31456
- return [2 /*return*/];
31457
- });
31458
- }); },
31459
- },
31460
- ] },
31461
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
32364
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
32365
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
32366
+ {
32367
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32368
+ return __generator(this, function (_a) {
32369
+ if (value && value < 0) {
32370
+ throw new Error();
32371
+ }
32372
+ return [2 /*return*/];
32373
+ });
32374
+ }); },
32375
+ },
32376
+ ] },
32377
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
31462
32378
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
31463
32379
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
31464
32380
  (React.createElement("div", { className: "steps-actions" },
@@ -31467,7 +32383,7 @@ var GHGEmissionsComponent = function (props) {
31467
32383
  React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
31468
32384
  React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
31469
32385
  data.map(function (tabData) {
31470
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
32386
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
31471
32387
  return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
31472
32388
  tabData.year,
31473
32389
  tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
@@ -31507,13 +32423,17 @@ var GHGEmissionsComponent = function (props) {
31507
32423
  React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
31508
32424
  React.createElement(antd.Row, { gutter: 16 },
31509
32425
  React.createElement(antd.Col, { xl: 6 },
31510
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))))),
32426
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
32427
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
31511
32428
  React.createElement(antd.Col, { xl: 6 },
31512
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))))),
32429
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
32430
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
31513
32431
  React.createElement(antd.Col, { xl: 6 },
31514
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))))),
32432
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
32433
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
31515
32434
  React.createElement(antd.Col, { xl: 6 },
31516
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq')))))))),
32435
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
32436
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
31517
32437
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
31518
32438
  var isActive = _a.isActive;
31519
32439
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -31568,49 +32488,81 @@ var GHGEmissionsComponent = function (props) {
31568
32488
  React.createElement(antd.Col, { xl: 9, md: 9 },
31569
32489
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31570
32490
  React.createElement(antd.Col, { xl: 6 },
31571
- React.createElement(antd.InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
32491
+ React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
31572
32492
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
31573
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2, disabled: true })),
32493
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
32494
+ React.createElement("div", null,
32495
+ React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
32496
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
32497
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
31574
32498
  React.createElement(antd.Col, { xl: 6 },
31575
- React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
31576
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
31577
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
32499
+ React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
32500
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
32501
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
32502
+ React.createElement("div", null,
32503
+ React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
32504
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
32505
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
31578
32506
  React.createElement(antd.Col, { xl: 6 },
31579
- React.createElement(antd.InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
31580
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
31581
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.n2o, disabled: true })),
32507
+ React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
32508
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
32509
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
32510
+ React.createElement("div", null,
32511
+ React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
32512
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
32513
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
31582
32514
  React.createElement(antd.Col, { xl: 6 },
31583
- React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
31584
- ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
31585
- : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.co2eq, disabled: true })))))),
32515
+ React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
32516
+ ? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
32517
+ : (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
32518
+ React.createElement("div", null,
32519
+ React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
32520
+ ? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
32521
+ : (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
31586
32522
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31587
32523
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31588
32524
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31589
32525
  React.createElement(antd.Col, { xl: 9, md: 9 },
31590
32526
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31591
32527
  React.createElement(antd.Col, { xl: 6 },
31592
- React.createElement(antd.InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
31593
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
31594
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.co2, disabled: true })),
32528
+ React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
32529
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
32530
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
32531
+ React.createElement("div", null,
32532
+ React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
32533
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
32534
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
31595
32535
  React.createElement(antd.Col, { xl: 6 },
31596
- React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
31597
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
31598
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.ch4, disabled: true })),
32536
+ React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
32537
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
32538
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
32539
+ React.createElement("div", null,
32540
+ React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
32541
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
32542
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
31599
32543
  React.createElement(antd.Col, { xl: 6 },
31600
- React.createElement(antd.InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
31601
- ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
31602
- : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.n2o, disabled: true })),
32544
+ React.createElement(antd.Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
32545
+ ? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
32546
+ : (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
32547
+ React.createElement("div", null,
32548
+ React.createElement(antd.InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
32549
+ ? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
32550
+ : (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
31603
32551
  React.createElement(antd.Col, { xl: 6 },
31604
- React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
31605
- ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
31606
- : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
31607
- })))),
32552
+ React.createElement(antd.Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
32553
+ ? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
32554
+ : (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
32555
+ React.createElement("div", null,
32556
+ React.createElement(antd.InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
32557
+ ? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
32558
+ : (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
32559
+ }))))),
31608
32560
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
31609
32561
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
31610
32562
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
31611
32563
  };
31612
32564
 
31613
- var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 5px !important;\n height: 50px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 50px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 50px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 50px;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 50px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 5px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 20px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 16px;\n font-weight: 500;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 50px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
32565
+ var css_248z$1 = ".projection-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 700;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 3px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
31614
32566
  styleInject(css_248z$1);
31615
32567
 
31616
32568
  var ProjectionTypes = {
@@ -31620,7 +32572,7 @@ var ProjectionTypes = {
31620
32572
  };
31621
32573
 
31622
32574
  var GHGProjectionsComponent = function (props) {
31623
- var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
32575
+ var t = props.t;
31624
32576
  var userInfoState = useUserContext().userInfoState;
31625
32577
  var _a = React.useState([]), data = _a[0], setData = _a[1];
31626
32578
  var _b = useConnection(); _b.put; var get = _b.get, post = _b.post;
@@ -31657,14 +32609,24 @@ var GHGProjectionsComponent = function (props) {
31657
32609
  var _8 = React.useState(0), otherBau = _8[0], setOtherBau = _8[1];
31658
32610
  var _9 = React.useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
31659
32611
  var _10 = React.useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
31660
- var _11 = React.useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
31661
- var _12 = React.useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
31662
- var _13 = React.useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
31663
- var _14 = React.useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
31664
- var _15 = React.useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
31665
- var _16 = React.useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
31666
- var _17 = React.useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
31667
- var _18 = React.useState({}), actionInfo = _18[0], setActionInfo = _18[1];
32612
+ var _11 = React.useState({
32613
+ totalCo2WithoutLand_bau: 0,
32614
+ totalCo2WithoutLand_conditionalNdc: 0,
32615
+ totalCo2WithoutLand_unconditionalNdc: 0
32616
+ }); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
32617
+ var _12 = React.useState({
32618
+ totalCo2WithLand_bau: 0,
32619
+ totalCo2WithLand_conditionalNdc: 0,
32620
+ totalCo2WithLand_unconditionalNdc: 0
32621
+ }); _12[0]; _12[1];
32622
+ var _13 = React.useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
32623
+ var _14 = React.useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
32624
+ var _15 = React.useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
32625
+ var _16 = React.useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
32626
+ var _17 = React.useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
32627
+ var _18 = React.useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
32628
+ var _19 = React.useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
32629
+ var _20 = React.useState({}), actionInfo = _20[0], setActionInfo = _20[1];
31668
32630
  var Panel = antd.Collapse.Panel;
31669
32631
  var form = antd.Form.useForm()[0];
31670
32632
  var createSetFieldObject = function (obj, objName) {
@@ -32688,17 +33650,32 @@ var GHGProjectionsComponent = function (props) {
32688
33650
  }
32689
33651
  return 0;
32690
33652
  };
33653
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
33654
+ setTotalCo2WithoutLandEmissions(function (prevState) {
33655
+ var _a;
33656
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
33657
+ });
33658
+ };
33659
+ // Helper function to get form field value
33660
+ var getFieldValue = function (fieldName) {
33661
+ var formValues = form.getFieldsValue(true);
33662
+ var fieldValue = formValues[fieldName];
33663
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
33664
+ };
32691
33665
  var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
32692
33666
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
32693
33667
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
32694
33668
  React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
32695
33669
  React.createElement(antd.Row, { gutter: 16 },
32696
33670
  React.createElement(antd.Col, { xl: 7 },
32697
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading))))),
33671
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
33672
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
32698
33673
  React.createElement(antd.Col, { xl: 7 },
32699
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading))))),
33674
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
33675
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
32700
33676
  React.createElement(antd.Col, { xl: 7 },
32701
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading))))))))); };
33677
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
33678
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
32702
33679
  var renderPanelHeaderView = function (panelHeading, tabData) {
32703
33680
  var projectionObject = tabData[panelHeading];
32704
33681
  return (React.createElement(antd.Row, { gutter: 16 },
@@ -32707,11 +33684,14 @@ var GHGProjectionsComponent = function (props) {
32707
33684
  React.createElement(antd.Col, { xl: 9, md: 9 },
32708
33685
  React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
32709
33686
  React.createElement(antd.Col, { xl: 7 },
32710
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))))),
33687
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
33688
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
32711
33689
  React.createElement(antd.Col, { xl: 7 },
32712
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))))),
33690
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
33691
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
32713
33692
  React.createElement(antd.Col, { xl: 7 },
32714
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc')))))))));
33693
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
33694
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
32715
33695
  };
32716
33696
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
32717
33697
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32719,47 +33699,50 @@ var GHGProjectionsComponent = function (props) {
32719
33699
  React.createElement(antd.Col, { xl: 9, md: 9 },
32720
33700
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
32721
33701
  React.createElement(antd.Col, { xl: 7 },
32722
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
32723
- {
32724
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32725
- return __generator(this, function (_a) {
32726
- if (value && value < 0) {
32727
- throw new Error();
32728
- }
32729
- return [2 /*return*/];
32730
- });
32731
- }); },
32732
- },
32733
- ] },
32734
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33702
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
33703
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
33704
+ {
33705
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33706
+ return __generator(this, function (_a) {
33707
+ if (value && value < 0) {
33708
+ throw new Error();
33709
+ }
33710
+ return [2 /*return*/];
33711
+ });
33712
+ }); },
33713
+ },
33714
+ ] },
33715
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32735
33716
  React.createElement(antd.Col, { xl: 7 },
32736
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
32737
- {
32738
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32739
- return __generator(this, function (_a) {
32740
- if (value && value < 0) {
32741
- throw new Error();
32742
- }
32743
- return [2 /*return*/];
32744
- });
32745
- }); },
32746
- },
32747
- ] },
32748
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33717
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
33718
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
33719
+ {
33720
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33721
+ return __generator(this, function (_a) {
33722
+ if (value && value < 0) {
33723
+ throw new Error();
33724
+ }
33725
+ return [2 /*return*/];
33726
+ });
33727
+ }); },
33728
+ },
33729
+ ] },
33730
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32749
33731
  React.createElement(antd.Col, { xl: 7 },
32750
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
32751
- {
32752
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32753
- return __generator(this, function (_a) {
32754
- if (value && value < 0) {
32755
- throw new Error();
32756
- }
32757
- return [2 /*return*/];
32758
- });
32759
- }); },
32760
- },
32761
- ] },
32762
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))); };
33732
+ React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
33733
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
33734
+ {
33735
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33736
+ return __generator(this, function (_a) {
33737
+ if (value && value < 0) {
33738
+ throw new Error();
33739
+ }
33740
+ return [2 /*return*/];
33741
+ });
33742
+ }); },
33743
+ },
33744
+ ] },
33745
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
32763
33746
  var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
32764
33747
  return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
32765
33748
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32767,11 +33750,17 @@ var GHGProjectionsComponent = function (props) {
32767
33750
  React.createElement(antd.Col, { xl: 9, md: 9 },
32768
33751
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
32769
33752
  React.createElement(antd.Col, { xl: 7 },
32770
- React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })),
33753
+ React.createElement(antd.Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
33754
+ React.createElement("div", null,
33755
+ React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
32771
33756
  React.createElement(antd.Col, { xl: 7 },
32772
- React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })),
33757
+ React.createElement(antd.Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
33758
+ React.createElement("div", null,
33759
+ React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
32773
33760
  React.createElement(antd.Col, { xl: 7 },
32774
- React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))));
33761
+ React.createElement(antd.Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
33762
+ React.createElement("div", null,
33763
+ React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
32775
33764
  };
32776
33765
  var objectToCSV = function (dataToDownload) {
32777
33766
  var flattenObject = function (obj, prefix) {
@@ -32840,6 +33829,17 @@ var GHGProjectionsComponent = function (props) {
32840
33829
  }
32841
33830
  return false;
32842
33831
  };
33832
+ var displayEmptyView = function () {
33833
+ if (!data || data.length === 0) {
33834
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
33835
+ return true;
33836
+ }
33837
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
33838
+ return true;
33839
+ }
33840
+ }
33841
+ return false;
33842
+ };
32843
33843
  var canViewForm = function () {
32844
33844
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
32845
33845
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -32857,7 +33857,9 @@ var GHGProjectionsComponent = function (props) {
32857
33857
  React.createElement("div", { className: "title-bar" },
32858
33858
  React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
32859
33859
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
32860
- React.createElement("div", { className: "content-card add-projection" },
33860
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
33861
+ React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
33862
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
32861
33863
  React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
32862
33864
  (canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
32863
33865
  React.createElement("div", null,
@@ -32950,11 +33952,14 @@ var GHGProjectionsComponent = function (props) {
32950
33952
  React.createElement(antd.Col, { xl: 9, md: 9 },
32951
33953
  React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
32952
33954
  React.createElement(antd.Col, { xl: 7 },
32953
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau)))),
33955
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalBau)) },
33956
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
32954
33957
  React.createElement(antd.Col, { xl: 7 },
32955
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc)))),
33958
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
33959
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
32956
33960
  React.createElement(antd.Col, { xl: 7 },
32957
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc))))))),
33961
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
33962
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
32958
33963
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
32959
33964
  var isActive = _a.isActive;
32960
33965
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -32981,94 +33986,100 @@ var GHGProjectionsComponent = function (props) {
32981
33986
  React.createElement(antd.Col, { xl: 9, md: 9 },
32982
33987
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32983
33988
  React.createElement(antd.Col, { xl: 7 },
32984
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
32985
- {
32986
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32987
- return __generator(this, function (_a) {
32988
- if (value && value < 0) {
32989
- throw new Error();
32990
- }
32991
- return [2 /*return*/];
32992
- });
32993
- }); },
32994
- },
32995
- ] },
32996
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33989
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
33990
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33991
+ {
33992
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33993
+ return __generator(this, function (_a) {
33994
+ if (value && value < 0) {
33995
+ throw new Error();
33996
+ }
33997
+ return [2 /*return*/];
33998
+ });
33999
+ }); },
34000
+ },
34001
+ ] },
34002
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32997
34003
  React.createElement(antd.Col, { xl: 7 },
32998
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
32999
- {
33000
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33001
- return __generator(this, function (_a) {
33002
- if (value && value < 0) {
33003
- throw new Error();
33004
- }
33005
- return [2 /*return*/];
33006
- });
33007
- }); },
33008
- },
33009
- ] },
33010
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
34004
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
34005
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
34006
+ {
34007
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34008
+ return __generator(this, function (_a) {
34009
+ if (value && value < 0) {
34010
+ throw new Error();
34011
+ }
34012
+ return [2 /*return*/];
34013
+ });
34014
+ }); },
34015
+ },
34016
+ ] },
34017
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33011
34018
  React.createElement(antd.Col, { xl: 7 },
33012
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
33013
- {
33014
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33015
- return __generator(this, function (_a) {
33016
- if (value && value < 0) {
33017
- throw new Error();
33018
- }
33019
- return [2 /*return*/];
33020
- });
33021
- }); },
33022
- },
33023
- ] },
33024
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
34019
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
34020
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
34021
+ {
34022
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34023
+ return __generator(this, function (_a) {
34024
+ if (value && value < 0) {
34025
+ throw new Error();
34026
+ }
34027
+ return [2 /*return*/];
34028
+ });
34029
+ }); },
34030
+ },
34031
+ ] },
34032
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
33025
34033
  React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
33026
34034
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33027
34035
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33028
34036
  React.createElement(antd.Col, { xl: 9, md: 9 },
33029
34037
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33030
34038
  React.createElement(antd.Col, { xl: 7 },
33031
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
33032
- {
33033
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33034
- return __generator(this, function (_a) {
33035
- if (value && value < 0) {
33036
- throw new Error();
33037
- }
33038
- return [2 /*return*/];
33039
- });
33040
- }); },
33041
- },
33042
- ] },
33043
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
34039
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
34040
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
34041
+ {
34042
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34043
+ return __generator(this, function (_a) {
34044
+ if (value && value < 0) {
34045
+ throw new Error();
34046
+ }
34047
+ return [2 /*return*/];
34048
+ });
34049
+ }); },
34050
+ },
34051
+ ] },
34052
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33044
34053
  React.createElement(antd.Col, { xl: 7 },
33045
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33046
- {
33047
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33048
- return __generator(this, function (_a) {
33049
- if (value && value < 0) {
33050
- throw new Error();
33051
- }
33052
- return [2 /*return*/];
33053
- });
33054
- }); },
33055
- },
33056
- ] },
33057
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
34054
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
34055
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
34056
+ {
34057
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34058
+ return __generator(this, function (_a) {
34059
+ if (value && value < 0) {
34060
+ throw new Error();
34061
+ }
34062
+ return [2 /*return*/];
34063
+ });
34064
+ }); },
34065
+ },
34066
+ ] },
34067
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33058
34068
  React.createElement(antd.Col, { xl: 7 },
33059
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33060
- {
33061
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33062
- return __generator(this, function (_a) {
33063
- if (value && value < 0) {
33064
- throw new Error();
33065
- }
33066
- return [2 /*return*/];
33067
- });
33068
- }); },
33069
- },
33070
- ] },
33071
- React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
34069
+ React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
34070
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
34071
+ {
34072
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
34073
+ return __generator(this, function (_a) {
34074
+ if (value && value < 0) {
34075
+ throw new Error();
34076
+ }
34077
+ return [2 /*return*/];
34078
+ });
34079
+ }); },
34080
+ },
34081
+ ] },
34082
+ React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
33072
34083
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
33073
34084
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
33074
34085
  (React.createElement("div", { className: "steps-actions" },
@@ -33077,7 +34088,7 @@ var GHGProjectionsComponent = function (props) {
33077
34088
  React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
33078
34089
  React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
33079
34090
  data.map(function (tabData) {
33080
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
34091
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
33081
34092
  return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
33082
34093
  tabData.year,
33083
34094
  tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
@@ -33110,11 +34121,14 @@ var GHGProjectionsComponent = function (props) {
33110
34121
  React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
33111
34122
  React.createElement(antd.Row, { gutter: 16 },
33112
34123
  React.createElement(antd.Col, { xl: 7 },
33113
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))))),
34124
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
34125
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
33114
34126
  React.createElement(antd.Col, { xl: 7 },
33115
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))))),
34127
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
34128
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
33116
34129
  React.createElement(antd.Col, { xl: 7 },
33117
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc')))))))),
34130
+ React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
34131
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
33118
34132
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
33119
34133
  var isActive = _a.isActive;
33120
34134
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -33167,41 +34181,65 @@ var GHGProjectionsComponent = function (props) {
33167
34181
  React.createElement(antd.Col, { xl: 9, md: 9 },
33168
34182
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33169
34183
  React.createElement(antd.Col, { xl: 7 },
33170
- React.createElement(antd.InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
34184
+ React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33171
34185
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
33172
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau, disabled: true })),
34186
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
34187
+ React.createElement("div", null,
34188
+ React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
34189
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
34190
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
33173
34191
  React.createElement(antd.Col, { xl: 7 },
33174
- React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
33175
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
33176
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.conditionalNdc, disabled: true })),
34192
+ React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
34193
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
34194
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
34195
+ React.createElement("div", null,
34196
+ React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
34197
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
34198
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
33177
34199
  React.createElement(antd.Col, { xl: 7 },
33178
- React.createElement(antd.InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
33179
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
33180
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.unconditionalNdc, disabled: true })))))),
34200
+ React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
34201
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
34202
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
34203
+ React.createElement("div", null,
34204
+ React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
34205
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
34206
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
33181
34207
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
33182
34208
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33183
34209
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33184
34210
  React.createElement(antd.Col, { xl: 9, md: 9 },
33185
34211
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
33186
34212
  React.createElement(antd.Col, { xl: 7 },
33187
- React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
33188
- ? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
33189
- : (_m = tabData.totalCo2WithLand) === null || _m === void 0 ? void 0 : _m.bau, disabled: true })),
34213
+ React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
34214
+ ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
34215
+ : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
34216
+ React.createElement("div", null,
34217
+ React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
34218
+ ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
34219
+ : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
33190
34220
  React.createElement(antd.Col, { xl: 7 },
33191
- React.createElement(antd.InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
33192
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
33193
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.conditionalNdc, disabled: true })),
34221
+ React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
34222
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
34223
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
34224
+ React.createElement("div", null,
34225
+ React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
34226
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
34227
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
33194
34228
  React.createElement(antd.Col, { xl: 7 },
33195
- React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33196
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33197
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
33198
- })))),
34229
+ React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
34230
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
34231
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
34232
+ React.createElement("div", null,
34233
+ React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
34234
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
34235
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
34236
+ }))))),
33199
34237
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
33200
34238
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
33201
34239
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
33202
34240
  };
33203
34241
 
33204
- var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
34242
+ var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.ghg-dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .ghg-dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .ghg-dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .ghg-dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .ghg-dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .ghg-dashboard-main-container .apx-legend-position-bottom {\n height: 35px !important; }\n .ghg-dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .ghg-dashboard-main-container .height-map-rem {\n height: 510px; }\n .ghg-dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 700;\n height: 50px;\n font-size: 18px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .ghg-dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .ghg-dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
33205
34243
  styleInject(css_248z);
33206
34244
 
33207
34245
  var BarChartEstimatedActualStatComponent = function (props) {
@@ -33382,7 +34420,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33382
34420
  position: 'bottom',
33383
34421
  horizontalAlign: 'center',
33384
34422
  floating: false,
33385
- fontSize: '12px',
34423
+ fontSize: '14px',
33386
34424
  fontFamily: 'Inter',
33387
34425
  fontWeight: 400,
33388
34426
  formatter: undefined,
@@ -33398,12 +34436,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33398
34436
  useSeriesColors: false,
33399
34437
  },
33400
34438
  markers: {
33401
- width: 8,
33402
- height: 8,
34439
+ width: 12,
34440
+ height: 12,
33403
34441
  strokeWidth: 0,
33404
34442
  strokeColor: '#fff',
33405
34443
  fillColors: chartColors,
33406
- radius: 0,
34444
+ radius: 12,
33407
34445
  customHTML: undefined,
33408
34446
  onClick: undefined,
33409
34447
  offsetX: 0,
@@ -33603,7 +34641,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33603
34641
  ],
33604
34642
  xaxis: {
33605
34643
  title: {
33606
- text: '',
34644
+ text: 'Year',
33607
34645
  style: {
33608
34646
  color: '#263238',
33609
34647
  fontSize: '12px',
@@ -33688,12 +34726,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33688
34726
  useSeriesColors: false,
33689
34727
  },
33690
34728
  markers: {
33691
- width: [16, 16, 16, 33],
33692
- height: [16, 16, 16, 2],
34729
+ width: [12, 12, 12, 33],
34730
+ height: [12, 12, 12, 2],
33693
34731
  strokeWidth: 0,
33694
34732
  strokeColor: '#fff',
33695
34733
  fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
33696
- radius: 0,
34734
+ radius: 12,
33697
34735
  customHTML: undefined,
33698
34736
  onClick: undefined,
33699
34737
  offsetX: 0,
@@ -33715,7 +34753,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33715
34753
 
33716
34754
  var RangePicker = antd.DatePicker.RangePicker;
33717
34755
  var GHGDashboardComponent = function (props) {
33718
- var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, ButtonGroup = props.ButtonGroup, Link = props.Link, isMultipleDashboardsVisible = props.isMultipleDashboardsVisible;
34756
+ var t = props.t, Chart = props.Chart, ButtonGroup = props.ButtonGroup, Link = props.Link, isMultipleDashboardsVisible = props.isMultipleDashboardsVisible;
33719
34757
  var _a = useConnection(); _a.get; var post = _a.post; _a.delete;
33720
34758
  var userInfoState = useUserContext().userInfoState;
33721
34759
  var _b = React.useState(moment().year()), endYear = _b[0], setEndYear = _b[1];
@@ -33733,7 +34771,6 @@ var GHGDashboardComponent = function (props) {
33733
34771
  [exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
33734
34772
  [exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
33735
34773
  ];
33736
- var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
33737
34774
  var handleResize = function () {
33738
34775
  setScreenWidth(window.innerWidth);
33739
34776
  };
@@ -33878,7 +34915,7 @@ var GHGDashboardComponent = function (props) {
33878
34915
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
33879
34916
  configs: {
33880
34917
  title: t('emissionsBySectorTitle'),
33881
- tooltip: t('emissionsBySectorTT' + TTSuffix),
34918
+ tooltip: t('emissionsBySectorTT'),
33882
34919
  colors: colors,
33883
34920
  chartColumnWidth: 12,
33884
34921
  chartWidth: 490,
@@ -33893,7 +34930,7 @@ var GHGDashboardComponent = function (props) {
33893
34930
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
33894
34931
  configs: {
33895
34932
  title: t('emissionsByGasTitle'),
33896
- tooltip: t('emissionsByGasTT' + TTSuffix),
34933
+ tooltip: t('emissionsByGasTT'),
33897
34934
  colors: colors,
33898
34935
  chartColumnWidth: 12,
33899
34936
  chartWidth: 490,
@@ -33907,7 +34944,7 @@ var GHGDashboardComponent = function (props) {
33907
34944
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
33908
34945
  configs: {
33909
34946
  title: t('emissionsMitigationPotentialBySectorTitle'),
33910
- tooltip: t('emissionsMitigationPotentialBySectorTT' + TTSuffix),
34947
+ tooltip: t('emissionsMitigationPotentialBySectorTT'),
33911
34948
  colors: colors,
33912
34949
  chartColumnWidth: 24,
33913
34950
  chartWidth: screenWidth * 0.72,
@@ -33921,7 +34958,7 @@ var GHGDashboardComponent = function (props) {
33921
34958
  aggType: exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
33922
34959
  configs: {
33923
34960
  title: t('emissionsReductionPercentageBySectorTitle'),
33924
- tooltip: t('emissionsReductionPercentageBySectorTT' + TTSuffix),
34961
+ tooltip: t('emissionsReductionPercentageBySectorTT'),
33925
34962
  colors: colors,
33926
34963
  chartColumnWidth: 24,
33927
34964
  chartWidth: screenWidth * 0.72,
@@ -33935,7 +34972,7 @@ var GHGDashboardComponent = function (props) {
33935
34972
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
33936
34973
  configs: {
33937
34974
  title: t('emissionsComparisonTitle'),
33938
- tooltip: t('emissionsComparisonTT' + TTSuffix),
34975
+ tooltip: t('emissionsComparisonTT'),
33939
34976
  colors: colorsComparison,
33940
34977
  chartColumnWidth: 24,
33941
34978
  chartWidth: screenWidth * 0.72,
@@ -34079,7 +35116,7 @@ var GHGDashboardComponent = function (props) {
34079
35116
  React.createElement(BarChartEstimatedActualStatComponent, { id: obj.aggType, title: obj.configs.title, estimateOptions: estimateData ? getChartOptions(d.data[2], getColorsForPercentageCharts(estimateData), obj.aggType) : [], actualOptions: actualData ? getChartOptions(d.data[3], getColorsForPercentageCharts(actualData), obj.aggType) : [], actualSeries: d.data[1], estimatedSeries: d.data[0], loading: loadingCharts, toolTipText: obj.configs.tooltip, Chart: Chart, lastUpdateEstimate: d.data[4], lastUpdateActual: d.data[5], width: obj.configs.chartWidth })));
34080
35117
  }
34081
35118
  };
34082
- return (React.createElement("div", { className: "dashboard-main-container" },
35119
+ return (React.createElement("div", { className: "ghg-dashboard-main-container" },
34083
35120
  isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
34084
35121
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
34085
35122
  React.createElement(Link, { to: "/dashboard" },
@@ -34107,6 +35144,7 @@ exports.CoBenifitsComponent = CoBenifitsComponent;
34107
35144
  exports.Company = Company;
34108
35145
  exports.CompanyManagementComponent = CompanyManagementComponent;
34109
35146
  exports.CompanyProfileComponent = CompanyProfileComponent;
35147
+ exports.ConnectionContextProvider = ConnectionContextProvider;
34110
35148
  exports.CreditTransferComponent = CreditTransferComponent;
34111
35149
  exports.DevBGColor = DevBGColor;
34112
35150
  exports.DevColor = DevColor;
@@ -34154,6 +35192,8 @@ exports.RejectDocumentationConfirmationModel = RejectDocumentationConfirmationMo
34154
35192
  exports.RoleIcon = RoleIcon;
34155
35193
  exports.RootBGColor = RootBGColor;
34156
35194
  exports.RootColor = RootColor;
35195
+ exports.SettingsContext = SettingsContext;
35196
+ exports.SettingsContextProvider = SettingsContextProvider;
34157
35197
  exports.StasticCard = StasticCard;
34158
35198
  exports.SupportCreationComponent = SupportCreationComponent;
34159
35199
  exports.SupportManagementComponent = SupportManagementComponent;
@@ -34162,6 +35202,8 @@ exports.TooltipColor = TooltipColor;
34162
35202
  exports.TransferActionModel = TransferActionModel;
34163
35203
  exports.UnitField = UnitField;
34164
35204
  exports.User = User;
35205
+ exports.UserContext = UserContext;
35206
+ exports.UserInformationContextProvider = UserInformationContextProvider;
34165
35207
  exports.UserManagementComponent = UserManagementComponent;
34166
35208
  exports.UserProfileComponent = UserProfileComponent;
34167
35209
  exports.UserRoleIcon = UserRoleIcon;
@@ -34203,4 +35245,7 @@ exports.ndcActionTypeList = ndcActionTypeList;
34203
35245
  exports.sectorMitigationTypesListMapped = sectorMitigationTypesListMapped;
34204
35246
  exports.sumArray = sumArray;
34205
35247
  exports.titleList = titleList;
35248
+ exports.useConnection = useConnection;
35249
+ exports.useSettingsContext = useSettingsContext;
35250
+ exports.useUserContext = useUserContext;
34206
35251
  //# sourceMappingURL=index.js.map