@undp/carbon-library 1.0.124-CARBON-325.0 → 1.0.124-CARBON-323.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (28) hide show
  1. package/dist/cjs/index.js +1962 -519
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/AntComponents/antTableComponents.d.ts +21 -0
  4. package/dist/cjs/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +0 -2
  5. package/dist/cjs/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +1 -2
  6. package/dist/cjs/types/Components/Ndc/ndcDetailsComponent.d.ts +3 -0
  7. package/dist/cjs/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +3 -0
  8. package/dist/cjs/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +4 -0
  9. package/dist/cjs/types/Components/index.d.ts +3 -0
  10. package/dist/cjs/types/Definitions/Enums/company.management.columns.enum.d.ts +1 -1
  11. package/dist/cjs/types/Definitions/Enums/enablementTypes.enum.d.ts +2 -3
  12. package/dist/cjs/types/Definitions/Enums/investment.enum.d.ts +4 -0
  13. package/dist/cjs/types/Utils/documentsPermission.d.ts +3 -0
  14. package/dist/esm/index.js +1962 -522
  15. package/dist/esm/index.js.map +1 -1
  16. package/dist/esm/types/Components/Common/AntComponents/antTableComponents.d.ts +21 -0
  17. package/dist/esm/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +0 -2
  18. package/dist/esm/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +1 -2
  19. package/dist/esm/types/Components/Ndc/ndcDetailsComponent.d.ts +3 -0
  20. package/dist/esm/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +3 -0
  21. package/dist/esm/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +4 -0
  22. package/dist/esm/types/Components/index.d.ts +3 -0
  23. package/dist/esm/types/Definitions/Enums/company.management.columns.enum.d.ts +1 -1
  24. package/dist/esm/types/Definitions/Enums/enablementTypes.enum.d.ts +2 -3
  25. package/dist/esm/types/Definitions/Enums/investment.enum.d.ts +4 -0
  26. package/dist/esm/types/Utils/documentsPermission.d.ts +3 -0
  27. package/dist/index.d.ts +13 -6
  28. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -147,14 +147,14 @@ function styleInject(css, ref) {
147
147
  }
148
148
  }
149
149
 
150
- var css_248z$v = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
151
- styleInject(css_248z$v);
150
+ var css_248z$x = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
151
+ styleInject(css_248z$x);
152
152
 
153
- var css_248z$u = ".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";
154
- styleInject(css_248z$u);
153
+ var css_248z$w = ".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";
154
+ styleInject(css_248z$w);
155
155
 
156
- var css_248z$t = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
157
- styleInject(css_248z$t);
156
+ var css_248z$v = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
157
+ styleInject(css_248z$v);
158
158
 
159
159
  var RoleIcon = function (props) {
160
160
  var icon = props.icon, bg = props.bg, color = props.color;
@@ -334,7 +334,7 @@ var getGeneralFields = function (programme, system) {
334
334
  title: programme.title,
335
335
  serialNo: programme.serialNo,
336
336
  currentStatus: programme.currentStage,
337
- applicationType: "Programme Developer",
337
+ applicationType: "Project Developer",
338
338
  sector: programme.sector,
339
339
  sectoralScope: Object.keys(exports.SectoralScope)[Object.values(exports.SectoralScope).indexOf(programme.sectoralScope)],
340
340
  startDate: luxon.DateTime.fromSeconds(Number(programme.startTime)),
@@ -445,11 +445,11 @@ exports.CompanyManagementColumns = void 0;
445
445
  CompanyManagementColumns["companyRole"] = "companyRole";
446
446
  CompanyManagementColumns["programmeCount"] = "programmeCount";
447
447
  CompanyManagementColumns["creditBalance"] = "creditBalance";
448
- CompanyManagementColumns["companyState"] = "state";
448
+ CompanyManagementColumns["companyState"] = "status";
449
449
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
450
450
 
451
- var css_248z$s = ".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";
452
- styleInject(css_248z$s);
451
+ var css_248z$u = ".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";
452
+ styleInject(css_248z$u);
453
453
 
454
454
  var isBase64 = function (str) {
455
455
  if (!str || str === '' || str.trim() === '') {
@@ -489,8 +489,8 @@ exports.CompanyRole = void 0;
489
489
  CompanyRole["API"] = "API";
490
490
  })(exports.CompanyRole || (exports.CompanyRole = {}));
491
491
 
492
- var css_248z$r = ".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: 110px;\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: 110px;\n text-align: center;\n outline-style: solid;\n outline-width: thin; }\n";
493
- styleInject(css_248z$r);
492
+ var css_248z$t = ".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";
493
+ styleInject(css_248z$t);
494
494
 
495
495
  var OrganisationStatus = function (props) {
496
496
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -524,7 +524,6 @@ var CompanyManagementComponent = function (props) {
524
524
  var _j = React.useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
525
525
  var _k = React.useState(""), sortOrder = _k[0], setSortOrder = _k[1];
526
526
  var _l = React.useState(""), sortField = _l[0], setSortField = _l[1];
527
- var _m = React.useState(), dataQuery = _m[0], setDataQuery = _m[1];
528
527
  var ability = useAbilityContext();
529
528
  document.addEventListener("mousedown", function (event) {
530
529
  var organisationFilterArea1 = document.querySelector(".filter-bar");
@@ -635,7 +634,7 @@ var CompanyManagementComponent = function (props) {
635
634
  dataIndex: "state",
636
635
  key: exports.CompanyManagementColumns.companyState,
637
636
  sorter: true,
638
- align: "left",
637
+ align: "center",
639
638
  render: function (item) {
640
639
  return getCompanyStateComponent(item);
641
640
  },
@@ -730,11 +729,6 @@ var CompanyManagementComponent = function (props) {
730
729
  setTableData(availableCompanies);
731
730
  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);
732
731
  }
733
- setDataQuery({
734
- filterAnd: filterAnd(),
735
- filterOr: filterOr(),
736
- sort: sort(),
737
- });
738
732
  setLoading(false);
739
733
  return [3 /*break*/, 4];
740
734
  case 3:
@@ -751,44 +745,6 @@ var CompanyManagementComponent = function (props) {
751
745
  }
752
746
  });
753
747
  }); };
754
- var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
755
- var response, url, a, error_2;
756
- var _a;
757
- return __generator(this, function (_b) {
758
- switch (_b.label) {
759
- case 0:
760
- setLoading(true);
761
- _b.label = 1;
762
- case 1:
763
- _b.trys.push([1, 3, , 4]);
764
- return [4 /*yield*/, post("national/organisation/download", {
765
- filterAnd: dataQuery.filterAnd,
766
- filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
767
- sort: dataQuery.sort,
768
- })];
769
- case 2:
770
- response = _b.sent();
771
- if (response && response.data) {
772
- url = response.data.url;
773
- a = document.createElement('a');
774
- a.href = url;
775
- a.download = response.data.csvFile; // Specify the filename for the downloaded file
776
- document.body.appendChild(a);
777
- a.click();
778
- document.body.removeChild(a); // Clean up the created <a> element
779
- window.URL.revokeObjectURL(url);
780
- }
781
- setLoading(false);
782
- return [3 /*break*/, 4];
783
- case 3:
784
- error_2 = _b.sent();
785
- console.log("Error in downloading company data", error_2);
786
- setLoading(false);
787
- return [3 /*break*/, 4];
788
- case 4: return [2 /*return*/];
789
- }
790
- });
791
- }); };
792
748
  React.useEffect(function () {
793
749
  getAllCompany();
794
750
  }, [
@@ -876,13 +832,7 @@ var CompanyManagementComponent = function (props) {
876
832
  React.createElement(icons.FilterOutlined, { style: {
877
833
  color: "rgba(58, 53, 65, 0.3)",
878
834
  fontSize: "20px",
879
- } })))),
880
- React.createElement("div", { className: "download-data-btn" },
881
- React.createElement("a", { onClick: downloadCompanyData },
882
- React.createElement(icons.DownloadOutlined, { style: {
883
- color: "rgba(58, 53, 65, 0.3)",
884
- fontSize: "20px",
885
- } })))))),
835
+ } }))))))),
886
836
  React.createElement(antd.Row, null,
887
837
  React.createElement(antd.Col, { span: 24 },
888
838
  React.createElement("div", { className: "userManagement-table-container" },
@@ -904,11 +854,11 @@ var CompanyManagementComponent = function (props) {
904
854
  } })))))));
905
855
  };
906
856
 
907
- var css_248z$q = ".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-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\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";
908
- styleInject(css_248z$q);
857
+ var css_248z$s = ".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-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\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";
858
+ styleInject(css_248z$s);
909
859
 
910
- var css_248z$p = "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-tooltip-inner {\n border-radius: 5px !important;\n background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !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.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 .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.download-data-btn {\n margin-left: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
911
- styleInject(css_248z$p);
860
+ var css_248z$r = "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-tooltip-inner {\n border-radius: 5px !important;\n background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !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.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 .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";
861
+ styleInject(css_248z$r);
912
862
 
913
863
  exports.UserManagementColumns = void 0;
914
864
  (function (UserManagementColumns) {
@@ -974,6 +924,11 @@ exports.InvestmentType = void 0;
974
924
  InvestmentType["PUBLIC"] = "Public";
975
925
  InvestmentType["PRIVATE"] = "Private";
976
926
  })(exports.InvestmentType || (exports.InvestmentType = {}));
927
+ exports.InvestmentCreationType = void 0;
928
+ (function (InvestmentCreationType) {
929
+ InvestmentCreationType["EXISTING"] = "Existing";
930
+ InvestmentCreationType["NEW"] = "New";
931
+ })(exports.InvestmentCreationType || (exports.InvestmentCreationType = {}));
977
932
  exports.InvestmentStream = void 0;
978
933
  (function (InvestmentStream) {
979
934
  InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
@@ -5097,7 +5052,7 @@ var AddNewCompanyComponent = function (props) {
5097
5052
  message: "Role ".concat(t("isRequired")),
5098
5053
  },
5099
5054
  ] },
5100
- React.createElement(antd.Radio.Group, { size: "large", disabled: isUpdate, onChange: onChangeCompanyRole }, isUpdate ? (React.createElement("div", { className: "".concat(companyRoleClassName, "-radio-container") },
5055
+ React.createElement(antd.Radio.Group, { size: "large", disabled: isUpdate, onChange: onChangeCompanyRole, style: isGuest && { justifyContent: "start" } }, isUpdate ? (React.createElement("div", { className: "".concat(companyRoleClassName, "-radio-container") },
5101
5056
  React.createElement(antd.Radio.Button, { className: companyRoleClassName, value: companyRole },
5102
5057
  companyRole === exports.CompanyRole.CERTIFIER ? (React.createElement(icons.SafetyOutlined, { className: "role-icons" })) : companyRole ===
5103
5058
  exports.CompanyRole.PROGRAMME_DEVELOPER ? (React.createElement(icons.ExperimentOutlined, { className: "role-icons" })) : companyRole === exports.CompanyRole.MINISTRY ? (React.createElement(icons.AuditOutlined, { className: "role-icons" })) : (React.createElement(icons.BankOutlined, { className: "role-icons" })),
@@ -5116,16 +5071,17 @@ var AddNewCompanyComponent = function (props) {
5116
5071
  exports.CompanyRole.MINISTRY
5117
5072
  ? {
5118
5073
  width: "45%",
5074
+ marginLeft: isGuest ? "30px" : 0,
5119
5075
  }
5120
- : {} },
5076
+ : { marginLeft: isGuest ? "30px" : 0, } },
5121
5077
  React.createElement(antd.Tooltip, { placement: "top", title: "Permitted to own programmes and transfer carbon credits" },
5122
5078
  React.createElement(antd.Radio.Button, { className: "dev", value: "ProgrammeDeveloper" },
5123
5079
  React.createElement(icons.ExperimentOutlined, { className: "role-icons" }),
5124
5080
  "Developer"))),
5125
5081
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
5126
- exports.CompanyRole.MINISTRY) && (React.createElement("div", { className: "minister-radio-container" },
5082
+ exports.CompanyRole.MINISTRY) && !isGuest && (React.createElement("div", { className: "minister-radio-container" },
5127
5083
  React.createElement(antd.Tooltip, { placement: "top", title: "Permitted to perform all programme-related actions within the Ministry" },
5128
- React.createElement(antd.Radio.Button, { className: "minister", value: "Ministry", disabled: isGuest },
5084
+ React.createElement(antd.Radio.Button, { className: "minister", value: "Ministry" },
5129
5085
  React.createElement(icons.AuditOutlined, { className: "role-icons" }),
5130
5086
  "Ministry")))))))),
5131
5087
  companyRole === exports.CompanyRole.MINISTRY && (React.createElement(antd.Form.Item, { label: "Name of the Minister", name: "nameOfMinister", initialValue: (_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.nameOfMinister, rules: [
@@ -5343,8 +5299,8 @@ var UserActionConfirmationModel = function (props) {
5343
5299
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
5344
5300
  };
5345
5301
 
5346
- var css_248z$o = ".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";
5347
- styleInject(css_248z$o);
5302
+ var css_248z$q = ".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";
5303
+ styleInject(css_248z$q);
5348
5304
 
5349
5305
  var CompanyProfileComponent = function (props) {
5350
5306
  var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField;
@@ -5402,6 +5358,11 @@ var CompanyProfileComponent = function (props) {
5402
5358
  operation: "=",
5403
5359
  value: companyId,
5404
5360
  },
5361
+ {
5362
+ key: "isPending",
5363
+ operation: "=",
5364
+ value: true,
5365
+ },
5405
5366
  ],
5406
5367
  })];
5407
5368
  case 2:
@@ -5647,11 +5608,11 @@ var CompanyProfileComponent = function (props) {
5647
5608
  (parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 2) &&
5648
5609
  ability.can(exports.Action.Reject, classTransformer.plainToClass(Company, companyDetails)) &&
5649
5610
  !isLoading &&
5650
- companyDetails && (React.createElement(antd.Button, { className: "mg-left-1 btn-reject", type: "primary", onClick: onRejectOrganisation }, t("common:reject"))),
5611
+ companyDetails && (React.createElement(antd.Button, { className: "btn-danger", onClick: onRejectOrganisation }, t("common:reject"))),
5651
5612
  (parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 2 || parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 3) &&
5652
5613
  ability.can(exports.Action.Approve, classTransformer.plainToClass(Company, companyDetails)) &&
5653
5614
  !isLoading &&
5654
- companyDetails && (React.createElement(antd.Button, { className: "mg-left-1 btn-approve", type: "primary", onClick: onApproveOrganisation }, t("common:approve"))))),
5615
+ companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onApproveOrganisation }, t("common:approve"))))),
5655
5616
  !companyDetails && (React.createElement("div", { className: "content-body" },
5656
5617
  React.createElement(antd.Skeleton, { active: true, loading: true }))),
5657
5618
  companyDetails && (React.createElement("div", { className: "content-body" },
@@ -5745,6 +5706,11 @@ var CompanyProfileComponent = function (props) {
5745
5706
  React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:adminEmail")),
5746
5707
  React.createElement(antd.Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email)
5747
5708
  ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.email
5709
+ : "-")),
5710
+ React.createElement(antd.Row, { className: "field" },
5711
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:adminPhone")),
5712
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.phoneNo)
5713
+ ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.phoneNo
5748
5714
  : "-")))))))),
5749
5715
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeauthoriseOrgConfirmed, onActionCanceled: onDeauthoriseOrgCanceled, openModal: openDeauthorisationModal, errorMsg: errorMsg, loading: isLoading }),
5750
5716
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading }),
@@ -5752,8 +5718,8 @@ var CompanyProfileComponent = function (props) {
5752
5718
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onRejectOrgConfirmed, onActionCanceled: onRejectOrgCanceled, openModal: openRejectModal, errorMsg: errorMsg, loading: isLoading })));
5753
5719
  };
5754
5720
 
5755
- var css_248z$n = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .org-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .org-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-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.programme-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.programme-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.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\n border: none; }\n\n.programme-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";
5756
- styleInject(css_248z$n);
5721
+ var css_248z$p = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .org-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .org-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-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.programme-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.programme-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.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\n border: none; }\n\n.programme-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";
5722
+ styleInject(css_248z$p);
5757
5723
 
5758
5724
  var Search$1 = antd.Input.Search;
5759
5725
  var ProgrammeManagementComponent = function (props) {
@@ -5774,15 +5740,14 @@ var ProgrammeManagementComponent = function (props) {
5774
5740
  var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
5775
5741
  var userInfoState = useUserContext().userInfoState;
5776
5742
  var ability = useAbilityContext();
5777
- var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
5778
5743
  var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStageR;
5779
5744
  var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
5780
5745
  label: Object.values(stageObject)[index],
5781
5746
  value: k,
5782
5747
  }); });
5783
- var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
5784
- var _s = React.useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
5785
- var _t = React.useState(true), checkAll = _t[0], setCheckAll = _t[1];
5748
+ var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
5749
+ var _r = React.useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
5750
+ var _s = React.useState(true), checkAll = _s[0], setCheckAll = _s[1];
5786
5751
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
5787
5752
  return __generator(this, function (_a) {
5788
5753
  console.log(checkedValues);
@@ -6025,11 +5990,6 @@ var ProgrammeManagementComponent = function (props) {
6025
5990
  setTableData(response.data);
6026
5991
  setTotalProgramme(response.response.data.total);
6027
5992
  setLoading(false);
6028
- setDataQuery({
6029
- filterAnd: filter,
6030
- filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
6031
- sort: sort,
6032
- });
6033
5993
  return [3 /*break*/, 4];
6034
5994
  case 3:
6035
5995
  error_1 = _a.sent();
@@ -6087,44 +6047,6 @@ var ProgrammeManagementComponent = function (props) {
6087
6047
  }
6088
6048
  });
6089
6049
  }); };
6090
- var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
6091
- var response, url, a, error_3;
6092
- var _a;
6093
- return __generator(this, function (_b) {
6094
- switch (_b.label) {
6095
- case 0:
6096
- setLoading(true);
6097
- _b.label = 1;
6098
- case 1:
6099
- _b.trys.push([1, 3, , 4]);
6100
- return [4 /*yield*/, post("national/programme/download", {
6101
- filterAnd: dataQuery.filterAnd,
6102
- filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
6103
- sort: dataQuery.sort,
6104
- })];
6105
- case 2:
6106
- response = _b.sent();
6107
- if (response && response.data) {
6108
- url = response.data.url;
6109
- a = document.createElement('a');
6110
- a.href = url;
6111
- a.download = response.data.csvFile; // Specify the filename for the downloaded file
6112
- document.body.appendChild(a);
6113
- a.click();
6114
- document.body.removeChild(a); // Clean up the created <a> element
6115
- window.URL.revokeObjectURL(url);
6116
- }
6117
- setLoading(false);
6118
- return [3 /*break*/, 4];
6119
- case 3:
6120
- error_3 = _b.sent();
6121
- console.log("Error in downloading programme data", error_3);
6122
- setLoading(false);
6123
- return [3 /*break*/, 4];
6124
- case 4: return [2 /*return*/];
6125
- }
6126
- });
6127
- }); };
6128
6050
  var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
6129
6051
  return __generator(this, function (_a) {
6130
6052
  setSearch(searchText);
@@ -6213,10 +6135,7 @@ var ProgrammeManagementComponent = function (props) {
6213
6135
  return e.target.value === ""
6214
6136
  ? setSearch(e.target.value)
6215
6137
  : setSearchText(e.target.value);
6216
- }, onSearch: setSearch, style: { width: 265 } })),
6217
- React.createElement("div", { className: "download-data-btn" },
6218
- React.createElement("a", { onClick: downloadProgrammeData },
6219
- React.createElement(icons.DownloadOutlined, null)))))),
6138
+ }, onSearch: setSearch, style: { width: 265 } }))))),
6220
6139
  React.createElement(antd.Row, null,
6221
6140
  React.createElement(antd.Col, { span: 24 },
6222
6141
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -6238,8 +6157,8 @@ var ProgrammeManagementComponent = function (props) {
6238
6157
  } })))))));
6239
6158
  };
6240
6159
 
6241
- var css_248z$m = ".programme-details-form-container,\n.programme-sought-form-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form,\n .programme-details-form-container .programme-sought-form,\n .programme-sought-form-container .programme-details-form,\n .programme-sought-form-container .programme-sought-form {\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover {\n border-color: #ff4d4f !important; }\n .programme-details-form-container .programme-details-form .ant-picker-large,\n .programme-details-form-container .programme-sought-form .ant-picker-large,\n .programme-sought-form-container .programme-details-form .ant-picker-large,\n .programme-sought-form-container .programme-sought-form .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n color: #16b1ff; }\n .programme-details-form-container .programme-details-form .steps-actions,\n .programme-details-form-container .programme-sought-form .steps-actions,\n .programme-sought-form-container .programme-details-form .steps-actions,\n .programme-sought-form-container .programme-sought-form .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-sought-form .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 .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .options-programme,\n .programme-details-form-container .programme-sought-form .options-programme,\n .programme-sought-form-container .programme-details-form .options-programme,\n .programme-sought-form-container .programme-sought-form .options-programme {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n width: 50%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n width: 30%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row,\n .programme-details-form-container .programme-sought-form .row,\n .programme-sought-form-container .programme-details-form .row,\n .programme-sought-form-container .programme-sought-form .row {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .website .ant-input,\n .programme-details-form-container .programme-sought-form .row .website .ant-input,\n .programme-sought-form-container .programme-details-form .row .website .ant-input,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .design-upload-section,\n .programme-details-form-container .programme-sought-form .row .design-upload-section,\n .programme-sought-form-container .programme-details-form .row .design-upload-section,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n width: 20%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n display: flex;\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n width: 60%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n width: 35%;\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n width: 80%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n width: 250px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n border-radius: 4px;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row-org,\n .programme-details-form-container .programme-sought-form .row-org,\n .programme-sought-form-container .programme-details-form .row-org,\n .programme-sought-form-container .programme-sought-form .row-org {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row,\n .programme-details-form-container .programme-sought-form .selection-details-row,\n .programme-sought-form-container .programme-details-form .selection-details-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row {\n width: 100%;\n margin-bottom: 1rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .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 .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n width: 45%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\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-programme-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-programme-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-programme-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-programme-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-programme-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-programme-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-programme-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-programme-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-programme-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-programme-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";
6242
- styleInject(css_248z$m);
6160
+ var css_248z$o = ".programme-details-form-container,\n.programme-sought-form-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form,\n .programme-details-form-container .programme-sought-form,\n .programme-sought-form-container .programme-details-form,\n .programme-sought-form-container .programme-sought-form {\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover {\n border-color: #ff4d4f !important; }\n .programme-details-form-container .programme-details-form .ant-picker-large,\n .programme-details-form-container .programme-sought-form .ant-picker-large,\n .programme-sought-form-container .programme-details-form .ant-picker-large,\n .programme-sought-form-container .programme-sought-form .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n color: #16b1ff; }\n .programme-details-form-container .programme-details-form .steps-actions,\n .programme-details-form-container .programme-sought-form .steps-actions,\n .programme-sought-form-container .programme-details-form .steps-actions,\n .programme-sought-form-container .programme-sought-form .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-sought-form .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 .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .options-programme,\n .programme-details-form-container .programme-sought-form .options-programme,\n .programme-sought-form-container .programme-details-form .options-programme,\n .programme-sought-form-container .programme-sought-form .options-programme {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n width: 50%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n width: 30%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row,\n .programme-details-form-container .programme-sought-form .row,\n .programme-sought-form-container .programme-details-form .row,\n .programme-sought-form-container .programme-sought-form .row {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .website .ant-input,\n .programme-details-form-container .programme-sought-form .row .website .ant-input,\n .programme-sought-form-container .programme-details-form .row .website .ant-input,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .design-upload-section,\n .programme-details-form-container .programme-sought-form .row .design-upload-section,\n .programme-sought-form-container .programme-details-form .row .design-upload-section,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n width: 20%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document {\n display: flex; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info {\n position: absolute;\n margin-left: 130px;\n margin-top: 1.1px; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n display: flex;\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n width: 60%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n width: 35%;\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n width: 80%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n width: 250px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n border-radius: 4px;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row-org,\n .programme-details-form-container .programme-sought-form .row-org,\n .programme-sought-form-container .programme-details-form .row-org,\n .programme-sought-form-container .programme-sought-form .row-org {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row,\n .programme-details-form-container .programme-sought-form .selection-details-row,\n .programme-sought-form-container .programme-details-form .selection-details-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row {\n width: 100%;\n margin-bottom: 1rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .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 .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n width: 45%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\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-programme-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-programme-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-programme-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-programme-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-programme-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-programme-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-programme-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-programme-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-programme-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-programme-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";
6161
+ styleInject(css_248z$o);
6243
6162
 
6244
6163
  function commonjsRequire(path) {
6245
6164
  throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -11944,6 +11863,7 @@ var allowedFileTypes = [
11944
11863
  var environmentalImpactAssessmentAllowedTypes = [
11945
11864
  "application/pdf",
11946
11865
  "application/msword",
11866
+ "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
11947
11867
  "image/png",
11948
11868
  "image/jpeg"
11949
11869
  ];
@@ -12308,13 +12228,14 @@ var ProgrammeCreationComponent = function (props) {
12308
12228
  ndcScope: (values === null || values === void 0 ? void 0 : values.ndcScope) === "true" ? true : false,
12309
12229
  })), (includedInNDC !== undefined &&
12310
12230
  includedInNDC !== null && { includedInNdc: includedInNDC })),
12311
- environmentalAssessmentRegistrationNo: values === null || values === void 0 ? void 0 : values.environmentalAssessmentRegistrationNo
12231
+ environmentalAssessmentRegistrationNo: values === null || values === void 0 ? void 0 : values.environmentalAssessmentRegistrationNo,
12312
12232
  };
12313
12233
  if ((logoBase64 === null || logoBase64 === void 0 ? void 0 : logoBase64.length) > 0) {
12314
12234
  programmeDetails.designDocument = logoBase64;
12315
12235
  }
12316
12236
  if ((environmentalImpactAssessmentData === null || environmentalImpactAssessmentData === void 0 ? void 0 : environmentalImpactAssessmentData.length) > 0) {
12317
- programmeDetails.environmentalImpactAssessment = environmentalImpactAssessmentData;
12237
+ programmeDetails.environmentalImpactAssessment =
12238
+ environmentalImpactAssessmentData;
12318
12239
  }
12319
12240
  setLoading(false);
12320
12241
  console.log(programmeDetails);
@@ -12586,35 +12507,39 @@ var ProgrammeCreationComponent = function (props) {
12586
12507
  React.createElement(antd.Select.Option, { value: "SF6" },
12587
12508
  "SF",
12588
12509
  React.createElement("sub", null, "6")))),
12589
- React.createElement(antd.Form.Item, { label: t("addProgramme:designDoc"), name: "designDocument", valuePropName: "fileList", getValueFromEvent: normFile, required: true, rules: [
12590
- {
12591
- required: true,
12592
- message: "".concat(t("addProgramme:designDoc"), " ").concat(t("addProgramme:isRequired")),
12593
- },
12594
- {
12595
- validator: function (rule, file) { return __awaiter(void 0, void 0, void 0, function () {
12596
- var _a, _b;
12597
- return __generator(this, function (_c) {
12598
- if ((file === null || file === void 0 ? void 0 : file.length) > 0) {
12599
- if (!isValidateFileType((_a = file[0]) === null || _a === void 0 ? void 0 : _a.type)) {
12600
- throw new Error("".concat(t("addProgramme:invalidFileFormat")));
12601
- }
12602
- else if (((_b = file[0]) === null || _b === void 0 ? void 0 : _b.size) > maximumImageSize) {
12603
- // default size format of files would be in bytes -> 1MB = 1000000bytes
12604
- throw new Error("".concat(t("common:maxSizeVal")));
12510
+ React.createElement("div", { className: "add-Document" },
12511
+ React.createElement(antd.Form.Item, { label: t("addProgramme:designDoc"), name: "designDocument", valuePropName: "fileList", getValueFromEvent: normFile, required: true, labelCol: { span: 30 }, rules: [
12512
+ {
12513
+ required: true,
12514
+ message: "".concat(t("addProgramme:designDoc"), " ").concat(t("addProgramme:isRequired")),
12515
+ },
12516
+ {
12517
+ validator: function (rule, file) { return __awaiter(void 0, void 0, void 0, function () {
12518
+ var _a, _b;
12519
+ return __generator(this, function (_c) {
12520
+ if ((file === null || file === void 0 ? void 0 : file.length) > 0) {
12521
+ if (!isValidateFileType((_a = file[0]) === null || _a === void 0 ? void 0 : _a.type)) {
12522
+ throw new Error("".concat(t("addProgramme:invalidFileFormat")));
12523
+ }
12524
+ else if (((_b = file[0]) === null || _b === void 0 ? void 0 : _b.size) > maximumImageSize) {
12525
+ // default size format of files would be in bytes -> 1MB = 1000000bytes
12526
+ throw new Error("".concat(t("common:maxSizeVal")));
12527
+ }
12605
12528
  }
12606
- }
12607
- return [2 /*return*/];
12608
- });
12609
- }); },
12610
- },
12611
- ] },
12612
- React.createElement(antd.Upload, { accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", beforeUpload: function (file) {
12613
- return false;
12614
- }, className: "design-upload-section", name: "design", action: "/upload.do", listType: "picture", multiple: false,
12615
- // defaultFileList={fileList}
12616
- maxCount: 1 },
12617
- React.createElement(antd.Button, { className: "upload-doc", size: "large", icon: React.createElement(icons.UploadOutlined, null) }, "Upload"))),
12529
+ return [2 /*return*/];
12530
+ });
12531
+ }); },
12532
+ },
12533
+ ] },
12534
+ React.createElement(antd.Upload, { accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", beforeUpload: function (file) {
12535
+ return false;
12536
+ }, className: "design-upload-section", name: "design", action: "/upload.do", listType: "picture", multiple: false,
12537
+ // defaultFileList={fileList}
12538
+ maxCount: 1 },
12539
+ React.createElement(antd.Button, { className: "upload-doc", size: "large", icon: React.createElement(icons.UploadOutlined, null) }, "Upload"))),
12540
+ React.createElement("div", { className: "addDoc-info" },
12541
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "topLeft", trigger: "hover", title: React.createElement("a", { style: { color: "#fff" }, href: "https://app-eff78ffabc4efb.app.unfccc.org/tools/cdm/testprodspt3/UNFCCC_CDM/Pages/PDDnew.aspx?t=pdd", target: "_blank" }, t("addProgramme:designDocTooltip")), overlayClassName: "custom-tooltip" },
12542
+ React.createElement(Icon.InfoCircle, { color: "#000000", size: 12 })))),
12618
12543
  React.createElement(antd.Form.Item, { label: t("addProgramme:buyerCountryEligibility"), name: "buyerCountryEligibility", initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.name, rules: [
12619
12544
  {
12620
12545
  required: false,
@@ -12908,8 +12833,8 @@ var ProgrammeCreationComponent = function (props) {
12908
12833
  ] })))));
12909
12834
  };
12910
12835
 
12911
- var css_248z$l = ".mg-left-1 {\n margin-left: 1rem; }\n\n.add-user-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-user-main-container .title-container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n border-radius: 5px; }\n .add-user-main-container .title-container .titles {\n display: flex;\n flex-direction: column;\n width: 50%; }\n .add-user-main-container .title-container .titles .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-user-main-container .title-container .titles .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-user-main-container .title-container .actions {\n display: flex;\n flex-direction: row;\n align-items: end;\n justify-content: end;\n width: 50%; }\n .add-user-main-container .title-container .actions .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n\n.user-content-card {\n width: 100%;\n padding: 2.5rem 2rem 1rem 2rem;\n margin-top: 1rem; }\n\n.content-card .PhoneInputInput .input {\n border-radius: 5px !important; }\n\n.content-card .user-details-form .actions {\n display: flex;\n flex-direction: row-reverse; }\n\n.content-card .user-details-form .row .details-part-two .role-group .admin-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .admin-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #d12800 !important;\n border-color: #d12800 !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .admin-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #d12800; }\n\n.content-card .user-details-form .row .details-part-two .role-group .manager-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .manager-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #75009e !important;\n border-color: #75009e !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .manager-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #75009e; }\n\n.content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only-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 .content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n\n.content-card .user-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.content-card .user-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n\n.content-card .user-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n\n.content-card .user-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n\n.content-card .user-details-form .row .details-part-two .role-group .admin {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .admin .ant-radio-button-checked {\n background: rgba(255, 166, 166, 0.42); }\n\n.content-card .user-details-form .row .details-part-two .role-group .manager {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .manager .ant-radio-button-checked {\n background: rgba(96, 27, 209, 0.13); }\n\n.content-card .user-details-form .row .details-part-two .role-group .view-only {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23); }\n\n.content-card .create-user-container {\n padding: 30px 10px;\n background-color: #ffffff; }\n .content-card .create-user-container .ant-row {\n margin-bottom: 0.5vw; }\n .content-card .create-user-container .create-user-btn-container {\n margin-top: 1.5vw;\n margin-bottom: 0; }\n .content-card .create-user-container .create-user-btn-container .ant-btn-primary {\n background-color: #d12800;\n color: #ffffff;\n font-family: \"Inter-Regular\";\n border: none;\n height: 40px;\n font-size: 0.9rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 170px; }\n .content-card .create-user-container .create-user-image-upload {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-label {\n margin-right: 2vw; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-label .create-user-image-upload-txt {\n font-family: \"Inter-Regular\";\n font-size: 1.1rem; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container .create-user-image-upload-btn {\n margin-right: 1vw; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container .create-user-image-upload-error-txt {\n font-family: \"Inter-Regular\";\n font-size: 1rem;\n color: rgba(255, 77, 79, 0.8); }\n";
12912
- styleInject(css_248z$l);
12836
+ var css_248z$n = ".mg-left-1 {\n margin-left: 1rem; }\n\n.add-user-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-user-main-container .title-container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n border-radius: 5px; }\n .add-user-main-container .title-container .titles {\n display: flex;\n flex-direction: column;\n width: 50%; }\n .add-user-main-container .title-container .titles .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-user-main-container .title-container .titles .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-user-main-container .title-container .actions {\n display: flex;\n flex-direction: row;\n align-items: end;\n justify-content: end;\n width: 50%; }\n .add-user-main-container .title-container .actions .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n\n.user-content-card {\n width: 100%;\n padding: 2.5rem 2rem 1rem 2rem;\n margin-top: 1rem; }\n\n.content-card .PhoneInputInput .input {\n border-radius: 5px !important; }\n\n.content-card .user-details-form .actions {\n display: flex;\n flex-direction: row-reverse; }\n\n.content-card .user-details-form .row .details-part-two .role-group .admin-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .admin-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #d12800 !important;\n border-color: #d12800 !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .admin-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #d12800; }\n\n.content-card .user-details-form .row .details-part-two .role-group .manager-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .manager-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #75009e !important;\n border-color: #75009e !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .manager-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #75009e; }\n\n.content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only-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 .content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n\n.content-card .user-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.content-card .user-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n\n.content-card .user-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n\n.content-card .user-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n\n.content-card .user-details-form .row .details-part-two .role-group .admin {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .admin .ant-radio-button-checked {\n background: rgba(255, 166, 166, 0.42); }\n\n.content-card .user-details-form .row .details-part-two .role-group .manager {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .manager .ant-radio-button-checked {\n background: rgba(96, 27, 209, 0.13); }\n\n.content-card .user-details-form .row .details-part-two .role-group .view-only {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23); }\n\n.content-card .create-user-container {\n padding: 30px 10px;\n background-color: #ffffff; }\n .content-card .create-user-container .ant-row {\n margin-bottom: 0.5vw; }\n .content-card .create-user-container .create-user-btn-container {\n margin-top: 1.5vw;\n margin-bottom: 0; }\n .content-card .create-user-container .create-user-btn-container .ant-btn-primary {\n background-color: #d12800;\n color: #ffffff;\n font-family: \"Inter-Regular\";\n border: none;\n height: 40px;\n font-size: 0.9rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 170px; }\n .content-card .create-user-container .create-user-image-upload {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-label {\n margin-right: 2vw; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-label .create-user-image-upload-txt {\n font-family: \"Inter-Regular\";\n font-size: 1.1rem; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container .create-user-image-upload-btn {\n margin-right: 1vw; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container .create-user-image-upload-error-txt {\n font-family: \"Inter-Regular\";\n font-size: 1rem;\n color: rgba(255, 77, 79, 0.8); }\n";
12837
+ styleInject(css_248z$n);
12913
12838
 
12914
12839
  var ChangePasswordModel = function (props) {
12915
12840
  var t = props.t, onPasswordChanged = props.onPasswordChanged, onFieldsChanged = props.onFieldsChanged, onCanceled = props.onCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loadingBtn = props.loadingBtn, themeColor = props.themeColor;
@@ -13332,8 +13257,8 @@ var AddNewUserComponent = function (props) {
13332
13257
  React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
13333
13258
  };
13334
13259
 
13335
- var css_248z$k = ".user-profile {\n padding: 0px 50px; }\n .user-profile .login-language-selection-txt .ant-select {\n width: 120px; }\n .user-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .user-profile .mg-left-1 {\n margin-left: 1rem; }\n .user-profile .mg-top-1 {\n margin-top: 1rem; }\n .user-profile .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n .user-profile .profile-img {\n width: 170px; }\n .user-profile .company-name {\n font-size: 16px;\n line-height: 24px;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .user-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n";
13336
- styleInject(css_248z$k);
13260
+ var css_248z$m = ".user-profile {\n padding: 0px 50px; }\n .user-profile .login-language-selection-txt .ant-select {\n width: 120px; }\n .user-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .user-profile .mg-left-1 {\n margin-left: 1rem; }\n .user-profile .mg-top-1 {\n margin-top: 1rem; }\n .user-profile .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n .user-profile .profile-img {\n width: 170px; }\n .user-profile .company-name {\n font-size: 16px;\n line-height: 24px;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .user-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n";
13261
+ styleInject(css_248z$m);
13337
13262
 
13338
13263
  var UserRoleIcon = function (props) {
13339
13264
  var role = props.role;
@@ -13342,8 +13267,8 @@ var UserRoleIcon = function (props) {
13342
13267
  React.createElement("div", null, role === "ViewOnly" ? "Viewer" : role)));
13343
13268
  };
13344
13269
 
13345
- var css_248z$j = ".login-language-selection-container {\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: #16b1ff; }\n .login-language-selection-container .ant-select {\n width: 183px;\n text-align: center;\n color: #16b1ff; }\n .login-language-selection-container .ant-select .ant-select-arrow {\n color: #16b1ff; }\n .login-language-selection-container .ant-select-selector {\n color: #16b1ff;\n text-transform: uppercase;\n border: 1px solid #16b1ff !important;\n border-radius: 4px !important; }\n .login-language-selection-container .ant-select-item {\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: #16b1ff; }\n .login-language-selection-container .ant-select-selection-item {\n color: #16b1ff !important;\n font-weight: 500; }\n\n.login-language-selection .ant-select-item {\n font-weight: 400;\n font-size: 13px;\n line-height: 22px;\n color: #16b1ff;\n text-align: center; }\n\n.login-language-selection .ant-select-item-option .ant-select-item-option-content {\n color: rgba(58, 53, 65, 0.5); }\n\n.login-language-selection .ant-select-item-option-selected {\n color: #16b1ff !important;\n line-height: 15.73px; }\n .login-language-selection .ant-select-item-option-selected .ant-select-item-option-content {\n color: #16b1ff; }\n";
13346
- styleInject(css_248z$j);
13270
+ var css_248z$l = ".login-language-selection-container {\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: #16b1ff; }\n .login-language-selection-container .ant-select {\n width: 183px;\n text-align: center;\n color: #16b1ff; }\n .login-language-selection-container .ant-select .ant-select-arrow {\n color: #16b1ff; }\n .login-language-selection-container .ant-select-selector {\n color: #16b1ff;\n text-transform: uppercase;\n border: 1px solid #16b1ff !important;\n border-radius: 4px !important; }\n .login-language-selection-container .ant-select-item {\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: #16b1ff; }\n .login-language-selection-container .ant-select-selection-item {\n color: #16b1ff !important;\n font-weight: 500; }\n\n.login-language-selection .ant-select-item {\n font-weight: 400;\n font-size: 13px;\n line-height: 22px;\n color: #16b1ff;\n text-align: center; }\n\n.login-language-selection .ant-select-item-option .ant-select-item-option-content {\n color: rgba(58, 53, 65, 0.5); }\n\n.login-language-selection .ant-select-item-option-selected {\n color: #16b1ff !important;\n line-height: 15.73px; }\n .login-language-selection .ant-select-item-option-selected .ant-select-item-option-content {\n color: #16b1ff; }\n";
13271
+ styleInject(css_248z$l);
13347
13272
 
13348
13273
  var LanguageSelection = function (props) {
13349
13274
  var i18n = props.i18n;
@@ -13537,8 +13462,8 @@ var UserProfileComponent = function (props) {
13537
13462
  : "-")))))))))));
13538
13463
  };
13539
13464
 
13540
- var css_248z$i = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
13541
- styleInject(css_248z$i);
13465
+ var css_248z$k = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
13466
+ styleInject(css_248z$k);
13542
13467
 
13543
13468
  var Search = antd.Input.Search;
13544
13469
  var UserManagementComponent = function (props) {
@@ -13563,7 +13488,6 @@ var UserManagementComponent = function (props) {
13563
13488
  var _r = React.useState({}), actionInfo = _r[0], setActionInfo = _r[1];
13564
13489
  var _s = React.useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
13565
13490
  var _t = React.useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
13566
- var _u = React.useState(), dataQuery = _u[0], setDataQuery = _u[1];
13567
13491
  var ability = useAbilityContext();
13568
13492
  document.addEventListener("mousedown", function (event) {
13569
13493
  var userFilterArea1 = document.querySelector(".filter-bar");
@@ -13919,11 +13843,6 @@ var UserManagementComponent = function (props) {
13919
13843
  setTableData(availableUsers);
13920
13844
  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);
13921
13845
  }
13922
- setDataQuery({
13923
- filterAnd: filterAnd(),
13924
- filterOr: filterOr(),
13925
- sort: sort(),
13926
- });
13927
13846
  setLoading(false);
13928
13847
  return [3 /*break*/, 4];
13929
13848
  case 3:
@@ -13941,44 +13860,6 @@ var UserManagementComponent = function (props) {
13941
13860
  }
13942
13861
  });
13943
13862
  }); };
13944
- var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
13945
- var response, url, a, error_3;
13946
- var _a;
13947
- return __generator(this, function (_b) {
13948
- switch (_b.label) {
13949
- case 0:
13950
- setLoading(true);
13951
- _b.label = 1;
13952
- case 1:
13953
- _b.trys.push([1, 3, , 4]);
13954
- return [4 /*yield*/, post("national/user/download", {
13955
- filterAnd: dataQuery.filterAnd,
13956
- filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
13957
- sort: dataQuery.sort,
13958
- })];
13959
- case 2:
13960
- response = _b.sent();
13961
- if (response && response.data) {
13962
- url = response.data.url;
13963
- a = document.createElement('a');
13964
- a.href = url;
13965
- a.download = response.data.csvFile; // Specify the filename for the downloaded file
13966
- document.body.appendChild(a);
13967
- a.click();
13968
- document.body.removeChild(a); // Clean up the created <a> element
13969
- window.URL.revokeObjectURL(url);
13970
- }
13971
- setLoading(false);
13972
- return [3 /*break*/, 4];
13973
- case 3:
13974
- error_3 = _b.sent();
13975
- console.log("Error in downloading user data", error_3);
13976
- setLoading(false);
13977
- return [3 /*break*/, 4];
13978
- case 4: return [2 /*return*/];
13979
- }
13980
- });
13981
- }); };
13982
13863
  React.useEffect(function () {
13983
13864
  getAllUser();
13984
13865
  }, [
@@ -14101,13 +13982,7 @@ var UserManagementComponent = function (props) {
14101
13982
  React.createElement(icons.FilterOutlined, { style: {
14102
13983
  color: "rgba(58, 53, 65, 0.3)",
14103
13984
  fontSize: "20px",
14104
- } })))),
14105
- React.createElement("div", { className: "download-data-btn" },
14106
- React.createElement("a", { onClick: downloadUserData },
14107
- React.createElement(icons.DownloadOutlined, { style: {
14108
- color: "rgba(58, 53, 65, 0.3)",
14109
- fontSize: "20px",
14110
- } })))))),
13985
+ } }))))))),
14111
13986
  React.createElement(antd.Row, null,
14112
13987
  React.createElement(antd.Col, { span: 24 },
14113
13988
  React.createElement("div", { className: "userManagement-table-container" },
@@ -14126,8 +14001,8 @@ var UserManagementComponent = function (props) {
14126
14001
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
14127
14002
  };
14128
14003
 
14129
- var css_248z$h = ".steps-actions {\n text-align: right; }\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";
14130
- styleInject(css_248z$h);
14004
+ var css_248z$j = ".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";
14005
+ styleInject(css_248z$j);
14131
14006
 
14132
14007
  var Loading = function () {
14133
14008
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
@@ -14141,12 +14016,13 @@ var InvestmentCreationComponent = function (props) {
14141
14016
  var formTwo = antd.Form.useForm()[0];
14142
14017
  var post = useConnection().post;
14143
14018
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
14144
- var _c = React.useState(false), loadingList = _c[0], setLoadingList = _c[1];
14145
- var _d = React.useState(0), current = _d[0], setCurrent = _d[1];
14146
- var _e = React.useState(0), currentPercTotal = _e[0], setCurrentPercTotal = _e[1];
14147
- var _f = React.useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
14148
- var _g = React.useState([]), instrument = _g[0], setInstrument = _g[1];
14149
- var _h = React.useState(), stepOneData = _h[0], setStepOneData = _h[1];
14019
+ var _c = React.useState("New"), typeCreation = _c[0], setTypeCreation = _c[1];
14020
+ var _d = React.useState(false), loadingList = _d[0], setLoadingList = _d[1];
14021
+ var _e = React.useState(0), current = _e[0], setCurrent = _e[1];
14022
+ var _f = React.useState(0), currentPercTotal = _f[0], setCurrentPercTotal = _f[1];
14023
+ var _g = React.useState([]), organisationsList = _g[0], setOrganisationList = _g[1];
14024
+ var _h = React.useState([]), instrument = _h[0], setInstrument = _h[1];
14025
+ var _j = React.useState(), stepOneData = _j[0], setStepOneData = _j[1];
14150
14026
  var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
14151
14027
  label: addSpaces(Object.values(exports.Instrument)[index]),
14152
14028
  value: Object.values(exports.Instrument)[index],
@@ -14181,7 +14057,7 @@ var InvestmentCreationComponent = function (props) {
14181
14057
  value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
14182
14058
  });
14183
14059
  }
14184
- for (_i = 0, _a = data.companyId; _i < _a.length; _i++) {
14060
+ for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
14185
14061
  c = _a[_i];
14186
14062
  filterAnd.push({
14187
14063
  key: "companyId",
@@ -14216,21 +14092,33 @@ var InvestmentCreationComponent = function (props) {
14216
14092
  onNavigateToProgrammeManagementView();
14217
14093
  return;
14218
14094
  }
14219
- setData(state.record);
14095
+ if (state === null || state === void 0 ? void 0 : state.record) {
14096
+ setData(state === null || state === void 0 ? void 0 : state.record);
14097
+ }
14098
+ else {
14099
+ setData({ ownership: true });
14100
+ }
14220
14101
  }, []);
14221
14102
  React.useEffect(function () {
14222
- getOrganisationsDetails();
14103
+ if (data) {
14104
+ var keys = Object.keys(data);
14105
+ if (keys[0] !== "ownership") {
14106
+ getOrganisationsDetails();
14107
+ }
14108
+ }
14223
14109
  }, [data]);
14224
14110
  if (!data) {
14225
14111
  return React.createElement(Loading, null);
14226
14112
  }
14227
14113
  var companyName = {};
14228
- for (var _i = 0, _j = data.company; _i < _j.length; _i++) {
14229
- var company = _j[_i];
14230
- companyName[company.companyId] = company;
14231
- }
14232
- if (!data.proponentPercentage) {
14233
- data.proponentPercentage = [100];
14114
+ if (data && Object.keys(data)[0] !== "ownership") {
14115
+ for (var _i = 0, _k = data === null || data === void 0 ? void 0 : data.company; _i < _k.length; _i++) {
14116
+ var company = _k[_i];
14117
+ companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
14118
+ }
14119
+ if (!data.proponentPercentage) {
14120
+ data.proponentPercentage = [100];
14121
+ }
14234
14122
  }
14235
14123
  var nextOne = function (val) {
14236
14124
  setCurrent(current + 1);
@@ -14274,7 +14162,7 @@ var InvestmentCreationComponent = function (props) {
14274
14162
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
14275
14163
  });
14276
14164
  }
14277
- onNavigateToProgrammeView();
14165
+ onNavigateToProgrammeView(data.programmeId);
14278
14166
  return [3 /*break*/, 5];
14279
14167
  case 3:
14280
14168
  error_2 = _a.sent();
@@ -14300,6 +14188,10 @@ var InvestmentCreationComponent = function (props) {
14300
14188
  formOne.setFieldValue(fieldName, null);
14301
14189
  }
14302
14190
  };
14191
+ var onChangeTypeCreation = function (e) {
14192
+ console.log('radio checked', e.target.value);
14193
+ setTypeCreation(e.target.value);
14194
+ };
14303
14195
  return (React.createElement("div", { className: "add-programme-main-container" },
14304
14196
  React.createElement("div", { className: "title-container" },
14305
14197
  React.createElement("div", { className: "main" }, t("programme:addInvestment")),
@@ -14314,6 +14206,15 @@ var InvestmentCreationComponent = function (props) {
14314
14206
  description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
14315
14207
  React.createElement("div", { className: "investment-sought-form" },
14316
14208
  React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
14209
+ React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
14210
+ React.createElement(antd.Col, { xl: 8, md: 12 },
14211
+ React.createElement(antd.Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "typeCreation", rules: [
14212
+ {
14213
+ required: false,
14214
+ },
14215
+ ] },
14216
+ React.createElement(antd.Radio.Group, { size: "large", defaultValue: typeCreation }, Object.values(exports.InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
14217
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onChange: onChangeTypeCreation }, t("programme:" + k)))); }))))),
14317
14218
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
14318
14219
  React.createElement(antd.Col, { xl: 12, md: 24 },
14319
14220
  React.createElement("div", { className: "details-part-one" },
@@ -14519,7 +14420,7 @@ var InvestmentCreationComponent = function (props) {
14519
14420
  React.createElement("div", { className: "step-count" }, "02"),
14520
14421
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
14521
14422
  description: current === 1 && (React.createElement("div", null,
14522
- React.createElement("div", { className: "programme-sought-form-container ownership-container" },
14423
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
14523
14424
  React.createElement("div", { className: "programme-sought-form" },
14524
14425
  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 :
14525
14426
  data.companyId.map(function (companyId, index) {
@@ -14696,7 +14597,7 @@ var InvestmentActionModel = function (props) {
14696
14597
  };
14697
14598
 
14698
14599
  var InvestmentManagementComponent = function (props) {
14699
- var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
14600
+ var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
14700
14601
  var t = translator.t;
14701
14602
  var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
14702
14603
  label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
@@ -14724,7 +14625,6 @@ var InvestmentManagementComponent = function (props) {
14724
14625
  var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
14725
14626
  var _v = React.useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
14726
14627
  var _w = React.useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
14727
- var _x = React.useState(), dataQuery = _x[0], setDataQuery = _x[1];
14728
14628
  var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
14729
14629
  return __generator(this, function (_a) {
14730
14630
  console.log(checkedValues);
@@ -14821,12 +14721,6 @@ var InvestmentManagementComponent = function (props) {
14821
14721
  console.log(response);
14822
14722
  setTableData(response.data);
14823
14723
  setTotalProgramme(response.response.data.total);
14824
- setDataQuery({
14825
- filterAnd: filter,
14826
- filterOr: dataFilter,
14827
- sort: sort,
14828
- filterBy: filterBy,
14829
- });
14830
14724
  setLoading(false);
14831
14725
  return [3 /*break*/, 4];
14832
14726
  case 3:
@@ -14844,47 +14738,8 @@ var InvestmentManagementComponent = function (props) {
14844
14738
  }
14845
14739
  });
14846
14740
  }); };
14847
- var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
14848
- var response, url, a, error_2;
14849
- var _a;
14850
- return __generator(this, function (_b) {
14851
- switch (_b.label) {
14852
- case 0:
14853
- setLoading(true);
14854
- _b.label = 1;
14855
- case 1:
14856
- _b.trys.push([1, 3, , 4]);
14857
- return [4 /*yield*/, post("national/programme/investments/download", {
14858
- filterAnd: dataQuery.filterAnd,
14859
- filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
14860
- sort: dataQuery.sort,
14861
- filterBy: dataQuery.filterBy,
14862
- })];
14863
- case 2:
14864
- response = _b.sent();
14865
- if (response && response.data) {
14866
- url = response.data.url;
14867
- a = document.createElement('a');
14868
- a.href = url;
14869
- a.download = response.data.csvFile; // Specify the filename for the downloaded file
14870
- document.body.appendChild(a);
14871
- a.click();
14872
- document.body.removeChild(a); // Clean up the created <a> element
14873
- window.URL.revokeObjectURL(url);
14874
- }
14875
- setLoading(false);
14876
- return [3 /*break*/, 4];
14877
- case 3:
14878
- error_2 = _b.sent();
14879
- console.log("Error in downloading investment data", error_2);
14880
- setLoading(false);
14881
- return [3 /*break*/, 4];
14882
- case 4: return [2 /*return*/];
14883
- }
14884
- });
14885
- }); };
14886
14741
  var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
14887
- var response, error_3;
14742
+ var response, error_2;
14888
14743
  var _a, _b, _c, _d, _e, _f;
14889
14744
  return __generator(this, function (_g) {
14890
14745
  switch (_g.label) {
@@ -14916,8 +14771,8 @@ var InvestmentManagementComponent = function (props) {
14916
14771
  setLoading(false);
14917
14772
  return [3 /*break*/, 4];
14918
14773
  case 3:
14919
- error_3 = _g.sent();
14920
- console.log("Error in getting users", error_3);
14774
+ error_2 = _g.sent();
14775
+ console.log("Error in getting users", error_2);
14921
14776
  setLoading(false);
14922
14777
  return [3 /*break*/, 4];
14923
14778
  case 4: return [2 /*return*/];
@@ -14948,7 +14803,7 @@ var InvestmentManagementComponent = function (props) {
14948
14803
  ministryLevelFilter,
14949
14804
  ]);
14950
14805
  var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
14951
- var response, successMsg, error_4;
14806
+ var response, successMsg, error_3;
14952
14807
  return __generator(this, function (_a) {
14953
14808
  switch (_a.label) {
14954
14809
  case 0:
@@ -14978,10 +14833,10 @@ var InvestmentManagementComponent = function (props) {
14978
14833
  setModalVisible(false);
14979
14834
  return [3 /*break*/, 4];
14980
14835
  case 3:
14981
- error_4 = _a.sent();
14982
- console.log("Error in Cancelling transfer request", error_4);
14836
+ error_3 = _a.sent();
14837
+ console.log("Error in Cancelling transfer request", error_3);
14983
14838
  setLoading(false);
14984
- return [2 /*return*/, error_4.message];
14839
+ return [2 /*return*/, error_3.message];
14985
14840
  case 4: return [2 /*return*/];
14986
14841
  }
14987
14842
  });
@@ -15217,11 +15072,12 @@ var InvestmentManagementComponent = function (props) {
15217
15072
  // setCurrentPage(1);
15218
15073
  };
15219
15074
  return (React.createElement("div", { className: "investment-management content-container" },
15220
- React.createElement("div", { className: "title-bar" },
15221
- React.createElement(antd.Row, { justify: "space-between", align: "middle" },
15222
- React.createElement(antd.Col, { span: 20 },
15223
- React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
15224
- React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))))),
15075
+ React.createElement("div", { className: "investment-title-bar" },
15076
+ React.createElement("div", { className: "title-bar" },
15077
+ React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
15078
+ React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
15079
+ React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
15080
+ React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
15225
15081
  React.createElement("div", { className: "content-card" },
15226
15082
  React.createElement(antd.Row, null,
15227
15083
  React.createElement(antd.Col, { lg: { span: 15 }, md: { span: 14 } },
@@ -15246,13 +15102,7 @@ var InvestmentManagementComponent = function (props) {
15246
15102
  return e.target.value === ""
15247
15103
  ? setSearch(e.target.value)
15248
15104
  : setSearchText(e.target.value);
15249
- }, onSearch: setSearch, style: { width: 265 } })),
15250
- React.createElement("div", { className: "download-data-btn" },
15251
- React.createElement("a", { onClick: downloadInvestmentData },
15252
- React.createElement(icons.DownloadOutlined, { style: {
15253
- color: "rgba(58, 53, 65, 0.3)",
15254
- fontSize: "20px",
15255
- } })))))),
15105
+ }, onSearch: setSearch, style: { width: 265 } }))))),
15256
15106
  React.createElement(antd.Row, null,
15257
15107
  React.createElement(antd.Col, { span: 24 },
15258
15108
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -15276,63 +15126,919 @@ var InvestmentManagementComponent = function (props) {
15276
15126
  }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
15277
15127
  };
15278
15128
 
15279
- var css_248z$g = ".ndc-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.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n";
15280
- styleInject(css_248z$g);
15129
+ var css_248z$i = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.support-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .support-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .support-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .support-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";
15130
+ styleInject(css_248z$i);
15281
15131
 
15282
- var NdcActionManagementComponent = function (props) {
15283
- var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
15284
- var _a = React.useState(true), checkAll = _a[0], setCheckAll = _a[1];
15285
- var _b = React.useState([]), tableData = _b[0], setTableData = _b[1];
15286
- var _c = React.useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
15287
- var _d = React.useState(), statusFilter = _d[0], setStatusFilter = _d[1];
15288
- var _e = React.useState(), search = _e[0], setSearch = _e[1];
15289
- var _f = React.useState(), searchText = _f[0], setSearchText = _f[1];
15290
- var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
15291
- var _h = React.useState(1), currentPage = _h[0], setCurrentPage = _h[1];
15292
- var _j = React.useState(10), pageSize = _j[0], setPageSize = _j[1];
15293
- var _k = React.useState(), sortOrder = _k[0], setSortOrder = _k[1];
15294
- var _l = React.useState(), sortField = _l[0], setSortField = _l[1];
15295
- var _m = React.useState(), dataFilter = _m[0]; _m[1];
15296
- var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
15297
- var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
15298
- var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
15299
- var Search = antd.Input.Search;
15132
+ var SupportCreationComponent = function (props) {
15133
+ var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
15134
+ useLocation().state;
15135
+ var _a = React.useState(); _a[0]; _a[1];
15136
+ var formOne = antd.Form.useForm()[0];
15137
+ antd.Form.useForm()[0];
15300
15138
  var post = useConnection().post;
15301
- var userInfoState = useUserContext().userInfoState;
15302
- var statusOptions = Object.keys(exports.NdcActionStatus).map(function (k, index) { return ({
15303
- label: addSpaces(Object.values(exports.NdcActionStatus)[index]),
15304
- value: Object.values(exports.NdcActionStatus)[index],
15139
+ var _b = React.useState(false), loading = _b[0]; _b[1];
15140
+ var _c = React.useState(false), loadingList = _c[0], setLoadingList = _c[1];
15141
+ var _d = React.useState(0), current = _d[0], setCurrent = _d[1];
15142
+ var _e = React.useState(0); _e[0]; _e[1];
15143
+ var _f = React.useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
15144
+ var _g = React.useState([]), instrument = _g[0], setInstrument = _g[1];
15145
+ var _h = React.useState(); _h[0]; var setStepOneData = _h[1];
15146
+ var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
15147
+ label: addSpaces(Object.values(exports.Instrument)[index]),
15148
+ value: Object.values(exports.Instrument)[index],
15305
15149
  }); });
15306
- var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
15307
- var getNdcActionNames = function (action) {
15308
- switch (action) {
15309
- case exports.NdcActionTypes.Adaptation:
15310
- return t("ndcAction:adaptation");
15311
- case exports.NdcActionTypes.Mitigation:
15312
- return t("ndcAction:mitigation");
15313
- case exports.NdcActionTypes.CrossCutting:
15314
- return t("ndcAction:crossCutting");
15315
- case exports.NdcActionTypes.Enablement:
15316
- return t("ndcAction:enablement");
15317
- default:
15318
- return "";
15319
- }
15320
- };
15321
- var getCompanyLogos = function (companyId, itemObj) {
15322
- if (companyId && itemObj.company.length > 0) {
15323
- var selectedCompany = itemObj.company.find(function (c) { return c.companyId === parseInt(companyId); });
15324
- if (selectedCompany) {
15325
- return (React.createElement(antd.Tooltip, { title: selectedCompany.name, color: TooltipColor, key: TooltipColor },
15326
- React.createElement("div", null,
15327
- React.createElement(ProfileIcon, { icon: selectedCompany.logo, bg: getCompanyBgColor(selectedCompany.companyRole), name: selectedCompany.name }))));
15328
- }
15329
- else {
15330
- return React.createElement("div", null);
15331
- }
15332
- }
15150
+ var onInstrumentChange = function (value) {
15151
+ setInstrument(value);
15333
15152
  };
15334
- var columns = [
15335
- {
15153
+ var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15154
+ var filterAnd, response, error_1;
15155
+ return __generator(this, function (_a) {
15156
+ switch (_a.label) {
15157
+ case 0:
15158
+ setLoadingList(true);
15159
+ _a.label = 1;
15160
+ case 1:
15161
+ _a.trys.push([1, 3, 4, 5]);
15162
+ filterAnd = [];
15163
+ filterAnd = [
15164
+ {
15165
+ key: "companyRole",
15166
+ operation: "=",
15167
+ value: exports.CompanyRole.PROGRAMME_DEVELOPER.toString(),
15168
+ },
15169
+ ];
15170
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER) {
15171
+ filterAnd.push({
15172
+ key: "companyId",
15173
+ operation: "!=",
15174
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
15175
+ });
15176
+ }
15177
+ return [4 /*yield*/, post("national/organisation/queryNames", {
15178
+ page: 1,
15179
+ size: 100,
15180
+ filterAnd: filterAnd,
15181
+ })];
15182
+ case 2:
15183
+ response = _a.sent();
15184
+ if (response.data) {
15185
+ setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
15186
+ }
15187
+ return [3 /*break*/, 5];
15188
+ case 3:
15189
+ error_1 = _a.sent();
15190
+ console.log("Error in getting organisation list", error_1);
15191
+ return [3 /*break*/, 5];
15192
+ case 4:
15193
+ setLoadingList(false);
15194
+ return [7 /*endfinally*/];
15195
+ case 5: return [2 /*return*/];
15196
+ }
15197
+ });
15198
+ }); };
15199
+ React.useEffect(function () {
15200
+ getOrganisationsDetails();
15201
+ }, []);
15202
+ // const companyName: any = {};
15203
+ // for (const company of data!?.company) {
15204
+ // companyName[company.companyId] = company;
15205
+ // }
15206
+ // if (!data!.proponentPercentage) {
15207
+ // data.proponentPercentage = [100];
15208
+ // }
15209
+ var nextOne = function (val) {
15210
+ setCurrent(current + 1);
15211
+ setStepOneData(val);
15212
+ };
15213
+ // const submitInvestment = async (val: any) => {
15214
+ // console.log(val);
15215
+ // console.log(stepOneData);
15216
+ // setLoading(true);
15217
+ // const payload = stepOneData;
15218
+ // payload.programmeId = data.programmeId;
15219
+ // payload.amount = parseFloat(payload.amount);
15220
+ // if (payload.interestRate) {
15221
+ // payload.interestRate = parseFloat(payload.interestRate);
15222
+ // }
15223
+ // if (payload.paymentPerMetric) {
15224
+ // payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15225
+ // }
15226
+ // payload.fromCompanyIds = data.companyId.map((e) => Number(e));
15227
+ // payload.percentage = val.percentage;
15228
+ // payload.toCompanyId = Number(payload.toCompanyId);
15229
+ // try {
15230
+ // const response: any = await post(
15231
+ // "national/programme/addInvestment",
15232
+ // payload
15233
+ // );
15234
+ // console.log("investment creation -> ", response);
15235
+ // if (response?.statusText === "SUCCESS") {
15236
+ // message.open({
15237
+ // type: "success",
15238
+ // content: t("programme:investmentCreationSuccess"),
15239
+ // duration: 4,
15240
+ // style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15241
+ // });
15242
+ // }
15243
+ // onNavigateToProgrammeView();
15244
+ // } catch (error: any) {
15245
+ // console.log("Error in investment creation - ", error);
15246
+ // message.open({
15247
+ // type: "error",
15248
+ // content: error?.message,
15249
+ // duration: 4,
15250
+ // style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15251
+ // });
15252
+ // } finally {
15253
+ // setLoading(false);
15254
+ // }
15255
+ // };
15256
+ var deselectOnClick = function (e, fieldName) {
15257
+ var value = e.target.value;
15258
+ if (value === formOne.getFieldValue(fieldName)) {
15259
+ console.log("double clicked button", value);
15260
+ formOne.setFieldValue(fieldName, null);
15261
+ }
15262
+ };
15263
+ return (React.createElement("div", { className: "add-programme-main-container" },
15264
+ React.createElement("div", { className: "title-container" },
15265
+ React.createElement("div", { className: "main" }, t("programme:addSupport")),
15266
+ React.createElement("div", { className: "sub" }, t("programme:addSupportSub"))),
15267
+ React.createElement("div", { className: "adding-section" },
15268
+ React.createElement("div", { className: "form-section" },
15269
+ React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: [
15270
+ {
15271
+ title: (React.createElement("div", { className: "step-title-container" },
15272
+ React.createElement("div", { className: "step-count" }, "01"),
15273
+ React.createElement("div", { className: "title" }, t("programme:programmeFinancingInvested")))),
15274
+ description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
15275
+ React.createElement("div", { className: "investment-sought-form" },
15276
+ React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
15277
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15278
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15279
+ React.createElement("div", { className: "details-part-one" },
15280
+ React.createElement(antd.Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
15281
+ {
15282
+ required: true,
15283
+ message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
15284
+ },
15285
+ ] },
15286
+ React.createElement(antd.Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(antd.Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
15287
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15288
+ React.createElement("div", { className: "details-part-two" },
15289
+ React.createElement(antd.Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
15290
+ {
15291
+ required: true,
15292
+ message: "",
15293
+ },
15294
+ {
15295
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15296
+ return __generator(this, function (_a) {
15297
+ if (String(value).trim() === "" ||
15298
+ String(value).trim() === undefined ||
15299
+ value === null ||
15300
+ value === undefined) {
15301
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
15302
+ }
15303
+ else if (!isNaN(value) &&
15304
+ Number(value) > 0) {
15305
+ return [2 /*return*/, Promise.resolve()];
15306
+ }
15307
+ else {
15308
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
15309
+ }
15310
+ });
15311
+ }); },
15312
+ },
15313
+ ] },
15314
+ React.createElement(antd.Input, { size: "large" }))))),
15315
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15316
+ React.createElement(antd.Col, { xl: 24, md: 24 },
15317
+ React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15318
+ React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15319
+ instrument &&
15320
+ instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15321
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15322
+ React.createElement("div", { className: "details-part-two" },
15323
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15324
+ {
15325
+ required: true,
15326
+ message: "",
15327
+ },
15328
+ {
15329
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15330
+ return __generator(this, function (_a) {
15331
+ if (String(value).trim() === "" ||
15332
+ String(value).trim() ===
15333
+ undefined ||
15334
+ value === null ||
15335
+ value === undefined) {
15336
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15337
+ }
15338
+ else if (!isNaN(value)) {
15339
+ return [2 /*return*/, Promise.resolve()];
15340
+ }
15341
+ else {
15342
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15343
+ }
15344
+ });
15345
+ }); },
15346
+ },
15347
+ ] },
15348
+ React.createElement(antd.Input, { size: "large" })))))),
15349
+ instrument &&
15350
+ instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15351
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15352
+ React.createElement("div", { className: "details-part-two" },
15353
+ React.createElement(antd.Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
15354
+ {
15355
+ required: true,
15356
+ message: "",
15357
+ },
15358
+ {
15359
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15360
+ return __generator(this, function (_a) {
15361
+ if (String(value).trim() === "" ||
15362
+ String(value).trim() ===
15363
+ undefined ||
15364
+ value === null ||
15365
+ value === undefined) {
15366
+ throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
15367
+ }
15368
+ return [2 /*return*/];
15369
+ });
15370
+ }); },
15371
+ },
15372
+ ] },
15373
+ React.createElement(antd.Input, { size: "large" })))),
15374
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15375
+ React.createElement("div", { className: "details-part-two" },
15376
+ React.createElement(antd.Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
15377
+ {
15378
+ required: true,
15379
+ message: "",
15380
+ },
15381
+ {
15382
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15383
+ return __generator(this, function (_a) {
15384
+ if (String(value).trim() === "" ||
15385
+ String(value).trim() ===
15386
+ undefined ||
15387
+ value === null ||
15388
+ value === undefined) {
15389
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
15390
+ }
15391
+ else if (!isNaN(value)) {
15392
+ return [2 /*return*/, Promise.resolve()];
15393
+ }
15394
+ else {
15395
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
15396
+ }
15397
+ });
15398
+ }); },
15399
+ },
15400
+ ] },
15401
+ React.createElement(antd.Input, { size: "large" })))))),
15402
+ instrument &&
15403
+ instrument.indexOf(exports.Instrument.INKIND) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15404
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15405
+ React.createElement("div", { className: "details-part-two" },
15406
+ React.createElement(antd.Form.Item, { label: t("programme:description"), name: "description", rules: [
15407
+ {
15408
+ required: false,
15409
+ message: "",
15410
+ },
15411
+ ] },
15412
+ React.createElement(antd.Input, { size: "large" })))))),
15413
+ instrument &&
15414
+ instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15415
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15416
+ React.createElement("div", { className: "details-part-two" },
15417
+ React.createElement(antd.Form.Item, { label: t("programme:comments"), name: "comments", rules: [
15418
+ {
15419
+ required: true,
15420
+ message: "",
15421
+ },
15422
+ {
15423
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15424
+ return __generator(this, function (_a) {
15425
+ if (String(value).trim() === "" ||
15426
+ String(value).trim() ===
15427
+ undefined ||
15428
+ value === null ||
15429
+ value === undefined) {
15430
+ throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
15431
+ }
15432
+ return [2 /*return*/];
15433
+ });
15434
+ }); },
15435
+ },
15436
+ ] },
15437
+ React.createElement(antd.Input, { size: "large" })))))),
15438
+ React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
15439
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15440
+ React.createElement(antd.Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
15441
+ {
15442
+ required: false,
15443
+ },
15444
+ ] },
15445
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15446
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15447
+ return deselectOnClick(e, "type");
15448
+ } }, t("programme:" + k)))); })))),
15449
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15450
+ React.createElement(antd.Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
15451
+ {
15452
+ required: false,
15453
+ },
15454
+ ] },
15455
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15456
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15457
+ return deselectOnClick(e, "level");
15458
+ } }, t("programme:" + k)))); })))),
15459
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15460
+ React.createElement(antd.Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
15461
+ {
15462
+ required: false,
15463
+ },
15464
+ ] },
15465
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15466
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15467
+ return deselectOnClick(e, "stream");
15468
+ } }, t("programme:" + k)))); }))))),
15469
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15470
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15471
+ React.createElement(antd.Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
15472
+ React.createElement(antd.Select, { size: "large" }, Object.values(exports.ESGType).map(function (esg) { return (React.createElement(antd.Select.Option, { value: esg }, esg)); }))))),
15473
+ React.createElement(antd.Form.Item, null,
15474
+ React.createElement("div", { className: "steps-actions" },
15475
+ React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
15476
+ },
15477
+ {
15478
+ title: (React.createElement("div", { className: "step-title-container" },
15479
+ React.createElement("div", { className: "step-count" }, "02"),
15480
+ React.createElement("div", { className: "title" }, t("programme:ownership")))),
15481
+ description: current === 1 && (React.createElement("div", null,
15482
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }))),
15483
+ },
15484
+ ] })))));
15485
+ };
15486
+
15487
+ var SupportManagementComponent = function (props) {
15488
+ var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
15489
+ var t = translator.t;
15490
+ var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
15491
+ label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
15492
+ value: Object.values(exports.InvestmentStatus)[index],
15493
+ }); });
15494
+ var _a = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _a[0], setSelectedStatus = _a[1];
15495
+ var _b = React.useState(false), indeterminate = _b[0], setIndeterminate = _b[1];
15496
+ var _c = React.useState(true), checkAll = _c[0], setCheckAll = _c[1];
15497
+ var userInfoState = useUserContext().userInfoState;
15498
+ var _d = useConnection(), post = _d.post; _d.get;
15499
+ var _e = React.useState(), totalProgramme = _e[0], setTotalProgramme = _e[1];
15500
+ var _f = React.useState(), dataFilter = _f[0]; _f[1];
15501
+ var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
15502
+ var _h = React.useState([]), tableData = _h[0], setTableData = _h[1];
15503
+ var _j = React.useState(1), currentPage = _j[0], setCurrentPage = _j[1];
15504
+ var _k = React.useState(10), pageSize = _k[0], setPageSize = _k[1];
15505
+ var _l = React.useState(), search = _l[0], setSearch = _l[1];
15506
+ var _m = React.useState(), searchText = _m[0], setSearchText = _m[1];
15507
+ var _o = React.useState(), statusFilter = _o[0], setStatusFilter = _o[1];
15508
+ var _p = React.useState(), sortOrder = _p[0], setSortOrder = _p[1];
15509
+ var _q = React.useState(), sortField = _q[0], setSortField = _q[1];
15510
+ var _r = React.useState(false), modalVisible = _r[0], setModalVisible = _r[1];
15511
+ var _s = React.useState(), selectedReq = _s[0], setSelectedReq = _s[1];
15512
+ var _t = React.useState(), popupInfo = _t[0], setPopupInfo = _t[1];
15513
+ var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
15514
+ var _v = React.useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
15515
+ var _w = React.useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
15516
+ var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
15517
+ return __generator(this, function (_a) {
15518
+ console.log(checkedValues);
15519
+ if (checkedValues !== selectedStatus) {
15520
+ setSelectedStatus(checkedValues);
15521
+ }
15522
+ if (checkedValues.length === 0) {
15523
+ setTableData([]);
15524
+ setTotalProgramme(0);
15525
+ return [2 /*return*/];
15526
+ }
15527
+ setStatusFilter({
15528
+ key: "status",
15529
+ operation: "in",
15530
+ value: checkedValues,
15531
+ });
15532
+ return [2 /*return*/];
15533
+ });
15534
+ }); };
15535
+ antd.Form.useForm()[0];
15536
+ var Search = antd.Input.Search;
15537
+ var onCheckAllChange = function (e) {
15538
+ var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
15539
+ setSelectedStatus(nw);
15540
+ setIndeterminate(false);
15541
+ setCheckAll(e.target.checked);
15542
+ onStatusQuery(nw);
15543
+ };
15544
+ var getInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
15545
+ var filter, interFilterOr, sort, filterBy, response, error_1;
15546
+ return __generator(this, function (_a) {
15547
+ switch (_a.label) {
15548
+ case 0:
15549
+ setLoading(true);
15550
+ filter = [];
15551
+ if (statusFilter) {
15552
+ filter.push(statusFilter);
15553
+ }
15554
+ if (search && search !== "") {
15555
+ interFilterOr = [
15556
+ {
15557
+ key: "programmeTitle",
15558
+ operation: "like",
15559
+ value: "".concat(search, "%"),
15560
+ },
15561
+ ];
15562
+ if (!isNaN(Number(search))) {
15563
+ interFilterOr.push({
15564
+ key: "requestId",
15565
+ operation: "=",
15566
+ value: "".concat(search),
15567
+ });
15568
+ }
15569
+ filter.push({
15570
+ value: {
15571
+ page: currentPage,
15572
+ size: pageSize,
15573
+ filterOr: interFilterOr,
15574
+ },
15575
+ });
15576
+ }
15577
+ if (sortOrder && sortField) {
15578
+ sort = {
15579
+ key: sortField,
15580
+ order: sortOrder,
15581
+ nullFirst: false,
15582
+ };
15583
+ }
15584
+ else {
15585
+ sort = {
15586
+ key: "requestId",
15587
+ order: "DESC",
15588
+ };
15589
+ }
15590
+ if (ministryLevelFilter) {
15591
+ filterBy = {
15592
+ key: "ministryLevel",
15593
+ value: ministrySectoralScope,
15594
+ };
15595
+ }
15596
+ _a.label = 1;
15597
+ case 1:
15598
+ _a.trys.push([1, 3, , 4]);
15599
+ return [4 /*yield*/, post("national/programme/investmentQuery", {
15600
+ page: currentPage,
15601
+ size: pageSize,
15602
+ filterAnd: filter,
15603
+ filterOr: dataFilter,
15604
+ sort: sort,
15605
+ filterBy: filterBy,
15606
+ })];
15607
+ case 2:
15608
+ response = _a.sent();
15609
+ console.log(response);
15610
+ setTableData(response.data);
15611
+ setTotalProgramme(response.response.data.total);
15612
+ setLoading(false);
15613
+ return [3 /*break*/, 4];
15614
+ case 3:
15615
+ error_1 = _a.sent();
15616
+ console.log("Error in getting programme investment", error_1);
15617
+ antd.message.open({
15618
+ type: "error",
15619
+ content: error_1.message,
15620
+ duration: 3,
15621
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15622
+ });
15623
+ setLoading(false);
15624
+ return [3 /*break*/, 4];
15625
+ case 4: return [2 /*return*/];
15626
+ }
15627
+ });
15628
+ }); };
15629
+ var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15630
+ var response, error_2;
15631
+ var _a, _b, _c, _d, _e, _f;
15632
+ return __generator(this, function (_g) {
15633
+ switch (_g.label) {
15634
+ case 0:
15635
+ setLoading(true);
15636
+ _g.label = 1;
15637
+ case 1:
15638
+ _g.trys.push([1, 3, , 4]);
15639
+ return [4 /*yield*/, post("national/user/query", {
15640
+ page: 1,
15641
+ size: 10,
15642
+ filterAnd: [
15643
+ {
15644
+ key: "id",
15645
+ operation: "=",
15646
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
15647
+ },
15648
+ ],
15649
+ })];
15650
+ case 2:
15651
+ response = _g.sent();
15652
+ if (response && response.data) {
15653
+ if (((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.companyRole) === exports.CompanyRole.MINISTRY &&
15654
+ ((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company) &&
15655
+ ((_d = (_c = response === null || response === void 0 ? void 0 : response.data[0]) === null || _c === void 0 ? void 0 : _c.company) === null || _d === void 0 ? void 0 : _d.sectoralScope)) {
15656
+ setMinistrySectoralScope((_f = (_e = response === null || response === void 0 ? void 0 : response.data[0]) === null || _e === void 0 ? void 0 : _e.company) === null || _f === void 0 ? void 0 : _f.sectoralScope);
15657
+ }
15658
+ }
15659
+ setLoading(false);
15660
+ return [3 /*break*/, 4];
15661
+ case 3:
15662
+ error_2 = _g.sent();
15663
+ console.log("Error in getting users", error_2);
15664
+ setLoading(false);
15665
+ return [3 /*break*/, 4];
15666
+ case 4: return [2 /*return*/];
15667
+ }
15668
+ });
15669
+ }); };
15670
+ React.useEffect(function () {
15671
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
15672
+ getUserDetails();
15673
+ }
15674
+ }, []);
15675
+ React.useEffect(function () {
15676
+ if (currentPage !== 1) {
15677
+ setCurrentPage(1);
15678
+ }
15679
+ else {
15680
+ getInvestmentData();
15681
+ }
15682
+ }, [statusFilter, dataFilter]);
15683
+ React.useEffect(function () {
15684
+ getInvestmentData();
15685
+ }, [
15686
+ currentPage,
15687
+ pageSize,
15688
+ sortField,
15689
+ sortOrder,
15690
+ search,
15691
+ ministryLevelFilter,
15692
+ ]);
15693
+ var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
15694
+ var response, successMsg, error_3;
15695
+ return __generator(this, function (_a) {
15696
+ switch (_a.label) {
15697
+ case 0:
15698
+ setLoading(true);
15699
+ _a.label = 1;
15700
+ case 1:
15701
+ _a.trys.push([1, 3, , 4]);
15702
+ return [4 /*yield*/, post("national/programme/" + endpoint, {
15703
+ requestId: reqId,
15704
+ comment: remarks,
15705
+ })];
15706
+ case 2:
15707
+ response = _a.sent();
15708
+ successMsg = response.message;
15709
+ if (isRetire) {
15710
+ successMsg = t("creditTransfer:internationalTransferReqCancelled");
15711
+ }
15712
+ console.log(response);
15713
+ antd.message.open({
15714
+ type: "success",
15715
+ content: successText ? successText : successMsg,
15716
+ duration: 3,
15717
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15718
+ });
15719
+ setLoading(false);
15720
+ getInvestmentData();
15721
+ setModalVisible(false);
15722
+ return [3 /*break*/, 4];
15723
+ case 3:
15724
+ error_3 = _a.sent();
15725
+ console.log("Error in Cancelling transfer request", error_3);
15726
+ setLoading(false);
15727
+ return [2 /*return*/, error_3.message];
15728
+ case 4: return [2 /*return*/];
15729
+ }
15730
+ });
15731
+ }); };
15732
+ var showModalOnAction = function (record, info) {
15733
+ setSelectedReq(record);
15734
+ setModalVisible(true);
15735
+ setPopupInfo(info);
15736
+ };
15737
+ var actionMenu = function (record) {
15738
+ var isRetire = false;
15739
+ if (record.isRetirement === true) {
15740
+ isRetire = true;
15741
+ }
15742
+ if (record.status === "Pending" &&
15743
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
15744
+ return (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) === record.initiatorCompanyId ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
15745
+ {
15746
+ text: t("creditTransfer:cancel"),
15747
+ icon: React.createElement(Icon__namespace.ExclamationOctagon, null),
15748
+ click: function () {
15749
+ showModalOnAction(record, {
15750
+ title: t("creditTransfer:cancelTitle"),
15751
+ icon: React.createElement(Icon__namespace.ExclamationOctagon, null),
15752
+ actionBtnText: t("creditTransfer:proceed"),
15753
+ okAction: function (requestId, comment) {
15754
+ return handleRequestOk(requestId, comment, "investmentCancel", undefined, isRetire);
15755
+ },
15756
+ type: "danger",
15757
+ remarkRequired: true,
15758
+ });
15759
+ },
15760
+ },
15761
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
15762
+ React.createElement(antd.Typography.Text, { className: "action-icon color-error" }, item.icon),
15763
+ React.createElement("span", null, item.text))); } })) : record.fromCompanyId === (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
15764
+ {
15765
+ text: t("creditTransfer:accept"),
15766
+ icon: React.createElement(Icon__namespace.ClipboardCheck, null),
15767
+ style: "color-primary",
15768
+ click: function () {
15769
+ showModalOnAction(record, {
15770
+ title: t("creditTransfer:acceptTitle"),
15771
+ icon: React.createElement(Icon__namespace.ClipboardCheck, null),
15772
+ actionBtnText: t("creditTransfer:proceed"),
15773
+ okAction: function (requestId, comment) {
15774
+ return handleRequestOk(requestId, comment, "investmentApprove", "".concat(t("programme:investmentReqApproved")));
15775
+ },
15776
+ type: "primary",
15777
+ remarkRequired: false,
15778
+ });
15779
+ },
15780
+ },
15781
+ {
15782
+ text: t("creditTransfer:reject"),
15783
+ icon: React.createElement(Icon__namespace.XOctagon, null),
15784
+ style: "color-error",
15785
+ click: function () {
15786
+ showModalOnAction(record, {
15787
+ title: t("creditTransfer:rejectTitle"),
15788
+ icon: React.createElement(Icon__namespace.XOctagon, null),
15789
+ actionBtnText: t("creditTransfer:reject"),
15790
+ okAction: function (requestId, comment) {
15791
+ return handleRequestOk(requestId, comment, "investmentReject");
15792
+ },
15793
+ type: "danger",
15794
+ remarkRequired: true,
15795
+ });
15796
+ },
15797
+ },
15798
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
15799
+ React.createElement(antd.Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
15800
+ React.createElement("span", null, item.text))); } })) : null;
15801
+ }
15802
+ };
15803
+ var columns = [
15804
+ {
15805
+ title: t("programme:requestId"),
15806
+ dataIndex: "requestId",
15807
+ key: "requestId",
15808
+ sorter: true,
15809
+ },
15810
+ {
15811
+ title: t("programme:date"),
15812
+ key: "txTime",
15813
+ sorter: true,
15814
+ align: "left",
15815
+ render: function (item, itemObj) {
15816
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, luxon.DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
15817
+ },
15818
+ },
15819
+ {
15820
+ title: t("programme:type"),
15821
+ key: "type",
15822
+ sorter: true,
15823
+ align: "center",
15824
+ render: function (item, Obj) {
15825
+ if (!Obj.type) {
15826
+ return React.createElement("span", null, "-");
15827
+ }
15828
+ return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.type), color: TooltipColor, key: TooltipColor },
15829
+ React.createElement("div", null,
15830
+ React.createElement(RoleIcon, { icon: Obj.type === exports.InvestmentType.PUBLIC ? (React.createElement(Icon__namespace.Eye, null)) : (React.createElement(Icon__namespace.EyeSlash, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
15831
+ },
15832
+ },
15833
+ {
15834
+ title: t("programme:level"),
15835
+ key: "level",
15836
+ sorter: true,
15837
+ align: "center",
15838
+ render: function (item, Obj) {
15839
+ if (!Obj.level) {
15840
+ return React.createElement("span", null, "-");
15841
+ }
15842
+ return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.level), color: TooltipColor, key: TooltipColor },
15843
+ React.createElement("div", null,
15844
+ React.createElement(RoleIcon, { icon: Obj.level === exports.InvestmentLevel.INTERNATIONAL ? (React.createElement(Icon__namespace.Globe2, null)) : (React.createElement(Icon__namespace.Flag, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
15845
+ },
15846
+ },
15847
+ {
15848
+ title: t("programme:stream"),
15849
+ key: "stream",
15850
+ sorter: true,
15851
+ align: "center",
15852
+ render: function (item, Obj) {
15853
+ if (!Obj.stream) {
15854
+ return React.createElement("span", null, "-");
15855
+ }
15856
+ return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.stream), color: TooltipColor, key: TooltipColor },
15857
+ React.createElement("div", null,
15858
+ React.createElement(RoleIcon, { icon: Obj.stream === exports.InvestmentStream.CLIMATE_FINANCE ? (React.createElement(Icon__namespace.Bank, null)) : (React.createElement(Icon__namespace.GraphUpArrow, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
15859
+ },
15860
+ },
15861
+ {
15862
+ title: t("programme:sector"),
15863
+ dataIndex: "programmeSector",
15864
+ key: "programmeSector",
15865
+ sorter: true,
15866
+ align: "left",
15867
+ },
15868
+ {
15869
+ title: t("programme:investor"),
15870
+ key: "toCompanyId",
15871
+ sorter: true,
15872
+ align: "left",
15873
+ render: function (item, itemObj) {
15874
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.receiver &&
15875
+ itemObj.receiver.map(function (v, i) {
15876
+ return (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
15877
+ React.createElement("div", null,
15878
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
15879
+ })));
15880
+ },
15881
+ },
15882
+ {
15883
+ title: t("programme:status"),
15884
+ key: "status",
15885
+ sorter: true,
15886
+ align: "center",
15887
+ render: function (item, Obj) {
15888
+ return (React.createElement(antd.Tooltip, { title: Obj.serialNo, color: TooltipColor, key: TooltipColor },
15889
+ React.createElement(antd.Tag, { className: "clickable", color: getStatusTagType(Obj.status) }, addSpaces(Obj.status))));
15890
+ },
15891
+ },
15892
+ {
15893
+ title: t("programme:amount"),
15894
+ dataIndex: "amount",
15895
+ key: "amount",
15896
+ sorter: true,
15897
+ align: "right",
15898
+ render: function (item) {
15899
+ return React.createElement("span", { className: "clickable" }, addCommSepRound(item));
15900
+ },
15901
+ },
15902
+ {
15903
+ align: "right",
15904
+ render: function (_, record) {
15905
+ var menu = actionMenu(record);
15906
+ return menu && !isTransferFrozen ? (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
15907
+ React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))) : (React.createElement("span", null));
15908
+ },
15909
+ },
15910
+ ];
15911
+ var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
15912
+ return __generator(this, function (_a) {
15913
+ setSearch(searchText);
15914
+ return [2 /*return*/];
15915
+ });
15916
+ }); };
15917
+ var onChange = function (page, size) {
15918
+ setCurrentPage(page);
15919
+ setPageSize(size);
15920
+ };
15921
+ var handleTableChange = function (pag, sorter) {
15922
+ console.log(pag, sorter);
15923
+ setSortOrder(sorter.order === "ascend"
15924
+ ? "ASC"
15925
+ : sorter.order === "descend"
15926
+ ? "DESC"
15927
+ : undefined);
15928
+ setSortField(sorter.columnKey);
15929
+ // setCurrentPage(1);
15930
+ };
15931
+ return (React.createElement("div", { className: "investment-management content-container" },
15932
+ React.createElement("div", { className: "support-title-bar" },
15933
+ React.createElement("div", { className: "title-bar" },
15934
+ React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
15935
+ React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
15936
+ React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
15937
+ React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addSupportBtnText")))))),
15938
+ React.createElement("div", { className: "content-card" },
15939
+ React.createElement(antd.Row, null,
15940
+ React.createElement(antd.Col, { lg: { span: 15 }, md: { span: 14 } },
15941
+ React.createElement("div", { className: "action-bar" },
15942
+ React.createElement(antd.Checkbox, { className: "all-check", indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, "All"),
15943
+ React.createElement(antd.Checkbox.Group, { options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
15944
+ React.createElement(antd.Col, { lg: { span: 9 }, md: { span: 10 } },
15945
+ React.createElement("div", { className: "filter-section" },
15946
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement("div", { className: "search-filter" },
15947
+ React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
15948
+ if (userInfoState.companyRole === exports.CompanyRole.MINISTRY) {
15949
+ if (v.target.checked) {
15950
+ setMinistryLevelFilter(true);
15951
+ }
15952
+ else {
15953
+ setMinistryLevelFilter(false);
15954
+ }
15955
+ }
15956
+ } }, t("programme:ministryLevel")))),
15957
+ React.createElement("div", { className: "search-bar" },
15958
+ React.createElement(Search, { onPressEnter: onSearch, placeholder: "Search", allowClear: true, onChange: function (e) {
15959
+ return e.target.value === ""
15960
+ ? setSearch(e.target.value)
15961
+ : setSearchText(e.target.value);
15962
+ }, onSearch: setSearch, style: { width: 265 } }))))),
15963
+ React.createElement(antd.Row, null,
15964
+ React.createElement(antd.Col, { span: 24 },
15965
+ React.createElement("div", { className: "programmeManagement-table-container" },
15966
+ React.createElement(antd.Table, { dataSource: tableData, columns: columns, className: "common-table-class", loading: loading, pagination: {
15967
+ current: currentPage,
15968
+ pageSize: pageSize,
15969
+ total: totalProgramme,
15970
+ showQuickJumper: true,
15971
+ showSizeChanger: true,
15972
+ onChange: onChange,
15973
+ }, onChange: function (val, filter, sorter) {
15974
+ return handleTableChange(val, sorter);
15975
+ }, locale: {
15976
+ emptyText: (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
15977
+ ? t("creditTransfer:noTransfer")
15978
+ : null })),
15979
+ } }))))),
15980
+ popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
15981
+ setModalVisible(false);
15982
+ setSelectedReq(undefined);
15983
+ }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
15984
+ };
15985
+
15986
+ var css_248z$h = ".ndc-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.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n";
15987
+ styleInject(css_248z$h);
15988
+
15989
+ var NdcActionManagementComponent = function (props) {
15990
+ var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
15991
+ var _a = React.useState(true), checkAll = _a[0], setCheckAll = _a[1];
15992
+ var _b = React.useState([]), tableData = _b[0], setTableData = _b[1];
15993
+ var _c = React.useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
15994
+ var _d = React.useState(), statusFilter = _d[0], setStatusFilter = _d[1];
15995
+ var _e = React.useState(), search = _e[0], setSearch = _e[1];
15996
+ var _f = React.useState(), searchText = _f[0], setSearchText = _f[1];
15997
+ var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
15998
+ var _h = React.useState(1), currentPage = _h[0], setCurrentPage = _h[1];
15999
+ var _j = React.useState(10), pageSize = _j[0], setPageSize = _j[1];
16000
+ var _k = React.useState(), sortOrder = _k[0], setSortOrder = _k[1];
16001
+ var _l = React.useState(), sortField = _l[0], setSortField = _l[1];
16002
+ var _m = React.useState(), dataFilter = _m[0]; _m[1];
16003
+ var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
16004
+ var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
16005
+ var Search = antd.Input.Search;
16006
+ var post = useConnection().post;
16007
+ var userInfoState = useUserContext().userInfoState;
16008
+ var statusOptions = Object.keys(exports.NdcActionStatus).map(function (k, index) { return ({
16009
+ label: addSpaces(Object.values(exports.NdcActionStatus)[index]),
16010
+ value: Object.values(exports.NdcActionStatus)[index],
16011
+ }); });
16012
+ var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
16013
+ var getNdcActionNames = function (action) {
16014
+ switch (action) {
16015
+ case exports.NdcActionTypes.Adaptation:
16016
+ return t("ndcAction:adaptation");
16017
+ case exports.NdcActionTypes.Mitigation:
16018
+ return t("ndcAction:mitigation");
16019
+ case exports.NdcActionTypes.CrossCutting:
16020
+ return t("ndcAction:crossCutting");
16021
+ case exports.NdcActionTypes.Enablement:
16022
+ return t("ndcAction:enablement");
16023
+ default:
16024
+ return "";
16025
+ }
16026
+ };
16027
+ var getCompanyLogos = function (companyId, itemObj) {
16028
+ if (companyId && itemObj.company.length > 0) {
16029
+ var selectedCompany = itemObj.company.find(function (c) { return c.companyId === parseInt(companyId); });
16030
+ if (selectedCompany) {
16031
+ return (React.createElement(antd.Tooltip, { title: selectedCompany.name, color: TooltipColor, key: TooltipColor },
16032
+ React.createElement("div", null,
16033
+ React.createElement(ProfileIcon, { icon: selectedCompany.logo, bg: getCompanyBgColor(selectedCompany.companyRole), name: selectedCompany.name }))));
16034
+ }
16035
+ else {
16036
+ return React.createElement("div", null);
16037
+ }
16038
+ }
16039
+ };
16040
+ var columns = [
16041
+ {
15336
16042
  title: t("ndcAction:ndcColumnsActionId"),
15337
16043
  dataIndex: "id",
15338
16044
  key: "id",
@@ -15485,11 +16191,6 @@ var NdcActionManagementComponent = function (props) {
15485
16191
  response = _a.sent();
15486
16192
  setTableData(response.data);
15487
16193
  setTotalProgramme(response.response.data.total);
15488
- setDataQuery({
15489
- filterAnd: filter,
15490
- filterBy: filterBy,
15491
- sort: sort,
15492
- });
15493
16194
  setLoading(false);
15494
16195
  return [3 /*break*/, 4];
15495
16196
  case 3:
@@ -15548,43 +16249,6 @@ var NdcActionManagementComponent = function (props) {
15548
16249
  }
15549
16250
  });
15550
16251
  }); };
15551
- var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
15552
- var response, url, a, error_3;
15553
- return __generator(this, function (_a) {
15554
- switch (_a.label) {
15555
- case 0:
15556
- setLoading(true);
15557
- _a.label = 1;
15558
- case 1:
15559
- _a.trys.push([1, 3, , 4]);
15560
- return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
15561
- filterAnd: dataQuery.filterAnd,
15562
- filterBy: dataQuery.filterBy,
15563
- sort: dataQuery.sort,
15564
- })];
15565
- case 2:
15566
- response = _a.sent();
15567
- if (response && response.data) {
15568
- url = response.data.url;
15569
- a = document.createElement('a');
15570
- a.href = url;
15571
- a.download = response.data.csvFile; // Specify the filename for the downloaded file
15572
- document.body.appendChild(a);
15573
- a.click();
15574
- document.body.removeChild(a); // Clean up the created <a> element
15575
- window.URL.revokeObjectURL(url);
15576
- }
15577
- setLoading(false);
15578
- return [3 /*break*/, 4];
15579
- case 3:
15580
- error_3 = _a.sent();
15581
- console.log("Error in downloading NDC Action data", error_3);
15582
- setLoading(false);
15583
- return [3 /*break*/, 4];
15584
- case 4: return [2 /*return*/];
15585
- }
15586
- });
15587
- }); };
15588
16252
  React.useEffect(function () {
15589
16253
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
15590
16254
  getUserDetails();
@@ -15680,13 +16344,7 @@ var NdcActionManagementComponent = function (props) {
15680
16344
  return e.target.value === ""
15681
16345
  ? setSearch(e.target.value)
15682
16346
  : setSearchText(e.target.value);
15683
- }, onSearch: setSearch, style: { width: 265 } })),
15684
- React.createElement("div", { className: "download-data-btn" },
15685
- React.createElement("a", { onClick: downloadNdcData },
15686
- React.createElement(icons.DownloadOutlined, { style: {
15687
- color: "rgba(58, 53, 65, 0.3)",
15688
- fontSize: "20px",
15689
- } })))))),
16347
+ }, onSearch: setSearch, style: { width: 265 } }))))),
15690
16348
  React.createElement(antd.Row, null,
15691
16349
  React.createElement(antd.Col, { span: 24 },
15692
16350
  React.createElement("div", { className: "programmeManagement-table-container" },
@@ -15706,24 +16364,22 @@ var NdcActionManagementComponent = function (props) {
15706
16364
  } })))))));
15707
16365
  };
15708
16366
 
15709
- var css_248z$f = ".ndc-action-details-container Input {\n height: 40px; }\n\n.ndc-action-details-container .in-nap-col {\n width: 100%; }\n\n.ndc-action-details-container .included-nap-col {\n width: 40%;\n display: flex; }\n .ndc-action-details-container .included-nap-col .in-nap-row {\n width: 100%;\n align-items: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label .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 .ndc-action-details-container .included-nap-col .in-nap-row .included-val {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container {\n width: 43%;\n text-align: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-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 border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.ndc-action-details-container .row-custom-1 {\n display: flex;\n margin-bottom: 2px; }\n\n.ndc-action-details-container .row-custom {\n display: flex;\n width: 200px;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .ndc-action-details-container .row-custom .ant-input-number {\n height: 35px;\n display: flex;\n align-items: center;\n justify-content: center; }\n\n.ndc-action-details-container .enablement-type-item {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-form-item-row {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-checkbox-wrapper {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp .grp-row {\n display: flex;\n width: 100%; }\n\n.ndc-action-details-container .ant-select-selection-item {\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n font-family: \"Inter\";\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.5);\n margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .ndc-action-details-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .ndc-action-details-container .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .ndc-action-details-container .design-upload-section .ant-upload {\n width: 20%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n";
15710
- styleInject(css_248z$f);
16367
+ var css_248z$g = ".ndc-action-details-container Input {\n height: 40px; }\n\n.ndc-action-details-container .in-nap-col {\n width: 100%; }\n\n.ndc-action-details-container .included-nap-col {\n width: 40%;\n display: flex; }\n .ndc-action-details-container .included-nap-col .in-nap-row {\n width: 100%;\n align-items: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label .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 .ndc-action-details-container .included-nap-col .in-nap-row .included-val {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container {\n width: 43%;\n text-align: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-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 border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.ndc-action-details-container .row-custom-1 {\n display: flex;\n margin-bottom: 2px; }\n\n.ndc-action-details-container .row-custom {\n display: flex;\n width: 200px;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .ndc-action-details-container .row-custom .ant-input-number {\n height: 35px;\n display: flex;\n align-items: center;\n justify-content: center; }\n\n.ndc-action-details-container .enablement-type-item {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-form-item-row {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-checkbox-wrapper {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp .grp-row {\n display: flex;\n width: 100%; }\n\n.ndc-action-details-container .ant-select-selection-item {\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n font-family: \"Inter\";\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.5);\n margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .ndc-action-details-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .ndc-action-details-container .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .ndc-action-details-container .design-upload-section .ant-upload {\n width: 20%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n";
16368
+ styleInject(css_248z$g);
15711
16369
 
15712
16370
  var EnablementTypes;
15713
16371
  (function (EnablementTypes) {
15714
16372
  EnablementTypes["CapacityBuilding"] = "Capacity Building";
15715
- EnablementTypes["InstitutionalArrangement"] = "Institutional Arrangement";
15716
- EnablementTypes["StakeholderFramework"] = "Stakeholder Framework";
15717
16373
  EnablementTypes["TechnologyTransfer"] = "Technology Transfer";
16374
+ EnablementTypes["Financial"] = "Financial";
15718
16375
  })(EnablementTypes || (EnablementTypes = {}));
15719
16376
  var enablementTypesAndValues = [
15720
16377
  { type: EnablementTypes.CapacityBuilding.valueOf(), col: 4 },
15721
16378
  {
15722
- type: EnablementTypes.InstitutionalArrangement.valueOf(),
16379
+ type: EnablementTypes.TechnologyTransfer.valueOf(),
15723
16380
  col: 5,
15724
16381
  },
15725
- { type: EnablementTypes.StakeholderFramework.valueOf(), col: 5 },
15726
- { type: EnablementTypes.TechnologyTransfer.valueOf(), col: 4 },
16382
+ { type: EnablementTypes.Financial.valueOf(), col: 4 },
15727
16383
  ];
15728
16384
 
15729
16385
  var NdcActionDetails = function (props) {
@@ -16314,11 +16970,11 @@ var NdcActionDetails = function (props) {
16314
16970
  React.createElement(antd.Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
16315
16971
  };
16316
16972
 
16317
- var css_248z$e = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .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 .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-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-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
16318
- styleInject(css_248z$e);
16973
+ var css_248z$f = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .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 .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-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-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
16974
+ styleInject(css_248z$f);
16319
16975
 
16320
- var css_248z$d = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
16321
- styleInject(css_248z$d);
16976
+ var css_248z$e = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
16977
+ styleInject(css_248z$e);
16322
16978
 
16323
16979
  var GenderParity = function (props) {
16324
16980
  var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
@@ -18805,11 +19461,11 @@ var AddNdcActionComponent = function (props) {
18805
19461
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
18806
19462
  };
18807
19463
 
18808
- var css_248z$c = ".ndc-details-view .card-container {\n margin-bottom: 16px;\n width: 100%;\n border-radius: 10px; }\n .ndc-details-view .card-container .co-benifits-view .title {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n margin-left: 0.5rem; }\n .ndc-details-view .card-container .action-btns {\n margin-top: 25px;\n margin-bottom: -15px;\n justify-content: end; }\n\n.ndc-details-view .fix-height {\n height: 350px; }\n";
18809
- styleInject(css_248z$c);
19464
+ var css_248z$d = ".ndc-details-view .card-container {\n margin-bottom: 16px;\n width: 100%;\n border-radius: 10px; }\n .ndc-details-view .card-container .co-benifits-view .title {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n margin-left: 0.5rem; }\n .ndc-details-view .card-container .action-btns {\n margin-top: 25px;\n margin-bottom: -15px;\n justify-content: end; }\n\n.ndc-details-view .fix-height {\n height: 350px; }\n\n.title-icon {\n padding-right: 10px; }\n\n.title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.title {\n margin-bottom: 5px; }\n\n.ndc-action-report-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-report-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin: 5px 25px;\n font-size: 0.8rem; }\n .ndc-action-report-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-report-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-report-body .report-details .report-type .name {\n font-weight: 500;\n color: rgba(58, 53, 65, 0.6); }\n .ndc-action-report-body .report-details .report-type .time {\n color: rgba(58, 53, 65, 0.5);\n width: max-content; }\n .ndc-action-report-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%;\n color: rgba(58, 53, 65, 0.6); }\n .ndc-action-report-body .report-details .report-type .empty {\n font-weight: 500;\n color: rgba(58, 53, 65, 0.6); }\n .ndc-action-report-body .report-details .ant-row {\n margin: 0px 30px auto; }\n .ndc-action-report-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%; }\n .ndc-action-report-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-report-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
19465
+ styleInject(css_248z$d);
18810
19466
 
18811
- var css_248z$b = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .row {\n display: flex;\n width: 40%;\n align-items: center;\n justify-content: space-between; }\n .info-view .field-value .row .key {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n .info-view .field-value .row .data {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
18812
- styleInject(css_248z$b);
19467
+ var css_248z$c = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .row {\n display: flex;\n width: 40%;\n align-items: center;\n justify-content: space-between; }\n .info-view .field-value .row .key {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n .info-view .field-value .row .data {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
19468
+ styleInject(css_248z$c);
18813
19469
 
18814
19470
  var InfoView = function (props) {
18815
19471
  var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
@@ -18842,24 +19498,77 @@ InfoView.defaultProps = {
18842
19498
  hiddenColumns: [],
18843
19499
  };
18844
19500
 
19501
+ var linkDocVisible = function (docStatus) {
19502
+ var visible = false;
19503
+ if (docStatus === exports.DocumentStatus.PENDING ||
19504
+ docStatus === exports.DocumentStatus.ACCEPTED ||
19505
+ docStatus === exports.DocumentStatus.REJECTED) {
19506
+ visible = true;
19507
+ }
19508
+ return visible;
19509
+ };
19510
+ var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId, ministryLevelPermission) {
19511
+ var permission = false;
19512
+ if (docType === exports.DocType.DESIGN_DOCUMENT) {
19513
+ if (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
19514
+ ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && ministryLevelPermission)) &&
19515
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
19516
+ permission = true;
19517
+ }
19518
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER &&
19519
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
19520
+ if (programmeOwnerId.includes(String(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId))) {
19521
+ permission = true;
19522
+ }
19523
+ }
19524
+ }
19525
+ else if (docType === exports.DocType.METHODOLOGY_DOCUMENT || docType === exports.DocType.MONITORING_REPORT || docType === exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT) {
19526
+ if (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
19527
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER ||
19528
+ ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && ministryLevelPermission)) &&
19529
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
19530
+ permission = true;
19531
+ }
19532
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER &&
19533
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
19534
+ if (programmeOwnerId.includes(String(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId))) {
19535
+ permission = true;
19536
+ }
19537
+ }
19538
+ }
19539
+ else if (docType === exports.DocType.VERIFICATION_REPORT) {
19540
+ if (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
19541
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER ||
19542
+ ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && ministryLevelPermission)) &&
19543
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
19544
+ permission = true;
19545
+ }
19546
+ }
19547
+ return permission;
19548
+ };
19549
+
18845
19550
  var NdcActionViewComponent = function (props) {
18846
19551
  var _a;
18847
19552
  var _b, _c;
18848
- var useUserContext = props.useUserContext, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
19553
+ var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
18849
19554
  translator.setDefaultNamespace("ndcAction");
18850
19555
  var t = translator.t;
18851
19556
  var userInfoState = useUserContext().userInfoState;
18852
19557
  var post = useConnection().post;
18853
19558
  var state = useLocation().state;
18854
- var _d = React.useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
19559
+ var _d = React.useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
18855
19560
  var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
18856
- var _f = React.useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
18857
- var _g = React.useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
18858
- var _h = React.useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
18859
- var _j = React.useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
18860
- var _k = React.useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
18861
- var _l = React.useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
18862
- var _m = React.useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
19561
+ var _f = React.useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
19562
+ var _g = React.useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
19563
+ var _h = React.useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
19564
+ var _j = React.useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
19565
+ var _k = React.useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
19566
+ var _l = React.useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
19567
+ var _m = React.useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
19568
+ var _o = React.useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
19569
+ var _p = React.useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
19570
+ var _q = React.useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
19571
+ var _r = React.useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
18863
19572
  var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
18864
19573
  var response, error_1;
18865
19574
  var _a, _b, _c;
@@ -18901,13 +19610,16 @@ var NdcActionViewComponent = function (props) {
18901
19610
  }
18902
19611
  });
18903
19612
  }); };
18904
- var getProjectReportActions = function (reportData) {
19613
+ var getProjectReportActions = function (reportData, reportVersion) {
18905
19614
  return (React.createElement(antd.Row, null,
18906
19615
  React.createElement("div", { className: "icon" },
18907
19616
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
18908
19617
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
18909
19618
  React.createElement("div", { className: "link mg-left-1" }, (reportData === null || reportData === void 0 ? void 0 : reportData.url) && linkDocVisible(reportData === null || reportData === void 0 ? void 0 : reportData.status) && (React.createElement("a", { href: reportData === null || reportData === void 0 ? void 0 : reportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
18910
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
19619
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19620
+ (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
19621
+ moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19622
+ " ~ " + reportVersion))));
18911
19623
  };
18912
19624
  var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
18913
19625
  var reportDetails, response, exception_1;
@@ -18955,12 +19667,24 @@ var NdcActionViewComponent = function (props) {
18955
19667
  if ((item === null || item === void 0 ? void 0 : item.status) === exports.DocumentStatus.ACCEPTED) {
18956
19668
  setMonitoringReportAccepted(true);
18957
19669
  }
19670
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19671
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19672
+ var moniteringVersion = version.startsWith("V") ? version : "V1";
18958
19673
  reportDetails[t("ndcAction:viewMoniteringReport")] =
18959
- getProjectReportActions(item);
19674
+ getProjectReportActions(item, moniteringVersion);
19675
+ setMonitoringReportData(item);
19676
+ setMonitoringReportversion(moniteringVersion);
18960
19677
  }
18961
19678
  else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
19679
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19680
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19681
+ var verificationVersion = version.startsWith("V")
19682
+ ? version
19683
+ : "V1";
18962
19684
  reportDetails[t("ndcAction:viewVerificationReport")] =
18963
- getProjectReportActions(item);
19685
+ getProjectReportActions(item, verificationVersion);
19686
+ setVerificationReportData(item);
19687
+ setVerificationReportversion(verificationVersion);
18964
19688
  }
18965
19689
  });
18966
19690
  }
@@ -19214,8 +19938,60 @@ var NdcActionViewComponent = function (props) {
19214
19938
  React.createElement(antd.Col, { lg: 8, md: 24 },
19215
19939
  React.createElement(antd.Skeleton, { loading: isLoading, active: true },
19216
19940
  React.createElement(antd.Card, { className: "card-container fix-height" },
19217
- React.createElement("div", null,
19218
- React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon__namespace.FileEarmarkText, null) })))))),
19941
+ React.createElement("div", { className: "title" },
19942
+ React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.FileEarmarkText, null)),
19943
+ React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
19944
+ React.createElement("div", { className: "ndc-action-report-body" },
19945
+ React.createElement("div", { className: "report-details" },
19946
+ React.createElement("div", { className: "report-type" },
19947
+ React.createElement("div", { className: "name-time-container" },
19948
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19949
+ ? "name"
19950
+ : "empty" }, t("programme:monitoringReport")),
19951
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
19952
+ moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19953
+ " ~ " + monitoringReportversion))),
19954
+ React.createElement("div", { className: "icon" }, !(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
19955
+ ? t("programme:notAuthToUploadDoc")
19956
+ : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId)
19957
+ ? !canUploadMonitorReport &&
19958
+ t("programme:programmeNotAuth")
19959
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19960
+ React.createElement(icons.FileAddOutlined, null))))),
19961
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Row, null,
19962
+ React.createElement("div", { className: "icon" },
19963
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19964
+ exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19965
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19966
+ exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19967
+ React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
19968
+ linkDocVisible(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) && (React.createElement("a", { href: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
19969
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
19970
+ React.createElement("div", { className: "report-details" },
19971
+ React.createElement("div", { className: "report-type" },
19972
+ React.createElement("div", { className: "name-time-container" },
19973
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19974
+ ? "name"
19975
+ : "empty" }, t("programme:verificationReport")),
19976
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
19977
+ moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19978
+ " ~ " + verificationReportVersion))),
19979
+ React.createElement("div", { className: "icon" }, !(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
19980
+ ? t("programme:notAuthToUploadDoc")
19981
+ : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId)
19982
+ ? !monitoringReportAccepted &&
19983
+ t("programme:monitoringRepNotApproved")
19984
+ : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19985
+ React.createElement(icons.FileAddOutlined, null))))),
19986
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Row, null,
19987
+ React.createElement("div", { className: "icon" },
19988
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19989
+ exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19990
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19991
+ exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19992
+ React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
19993
+ linkDocVisible(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) && (React.createElement("a", { href: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
19994
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
19219
19995
  ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Mitigation ||
19220
19996
  (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.CrossCutting) && (React.createElement(antd.Row, null,
19221
19997
  React.createElement(antd.Col, { lg: 24, className: "gutter-row" },
@@ -19241,11 +20017,11 @@ var NdcActionViewComponent = function (props) {
19241
20017
  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 })))))))));
19242
20018
  };
19243
20019
 
19244
- var css_248z$a = ".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";
19245
- styleInject(css_248z$a);
20020
+ var css_248z$b = ".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";
20021
+ styleInject(css_248z$b);
19246
20022
 
19247
- var css_248z$9 = ".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";
19248
- styleInject(css_248z$9);
20023
+ var css_248z$a = ".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";
20024
+ styleInject(css_248z$a);
19249
20025
 
19250
20026
  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)))};
19251
20027
 
@@ -19420,6 +20196,11 @@ var CreditTransferComponent = function (props) {
19420
20196
  }); };
19421
20197
  antd.Form.useForm()[0];
19422
20198
  var Search = antd.Input.Search;
20199
+ var ministryLevelPermission = function (sectoralScope) {
20200
+ return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
20201
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly &&
20202
+ ministrySectoralScope.includes(sectoralScope));
20203
+ };
19423
20204
  var onCheckAllChange = function (e) {
19424
20205
  var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
19425
20206
  setSelectedStatus(nw);
@@ -19680,7 +20461,8 @@ var CreditTransferComponent = function (props) {
19680
20461
  ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
19681
20462
  React.createElement(antd.Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
19682
20463
  React.createElement("span", null, item.text))); } })) : record.isRetirement &&
19683
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
20464
+ ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
20465
+ ministryLevelPermission(record.programmeSectoralScope)) ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
19684
20466
  {
19685
20467
  text: t("creditTransfer:recognise"),
19686
20468
  icon: React.createElement(Icon__namespace.Save, null),
@@ -19990,8 +20772,8 @@ var CreditTransferComponent = function (props) {
19990
20772
  }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
19991
20773
  };
19992
20774
 
19993
- var css_248z$8 = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.unit {\n display: flex;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n\n.card-icons {\n color: #16b1ff; }\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.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-tooltip-inner {\n border-radius: 5px;\n background-color: #9155fd; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(\n to right bottom,\n #9155fd,\n #9155fd\n ) !important; }\n\n.ant-btn.mrvdefault {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mrvprimary {\n border-radius: 0px 5px 5px 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(\n .ant-radio-button-wrapper-disabled\n)::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: 42%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .stastics-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 .stastics-and-charts-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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: 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n height: 100px;\n width: 100%;\n margin-top: 1rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n display: flex;\n flex-direction: row;\n width: 20%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n width: 2.813rem;\n height: 2.813rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n background-color: rgba(255, 166, 166, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n background-color: rgba(254, 241, 173, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n background-color: rgba(164, 162, 168, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n display: flex;\n flex-direction: column;\n width: 80%;\n height: 3.438rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n height: 30px;\n font-size: 1.5rem;\n margin-top: -8px;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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(222, 205, 254, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-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: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-and-pie-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";
19994
- styleInject(css_248z$8);
20775
+ var css_248z$9 = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.unit {\n display: flex;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n\n.card-icons {\n color: #16b1ff; }\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.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-tooltip-inner {\n border-radius: 5px;\n background-color: #9155fd; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(\n to right bottom,\n #9155fd,\n #9155fd\n ) !important; }\n\n.ant-btn.mrvdefault {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mrvprimary {\n border-radius: 0px 5px 5px 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(\n .ant-radio-button-wrapper-disabled\n)::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: 42%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .stastics-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 .stastics-and-charts-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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: 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n height: 100px;\n width: 100%;\n margin-top: 1rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n display: flex;\n flex-direction: row;\n width: 20%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n width: 2.813rem;\n height: 2.813rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n background-color: rgba(255, 166, 166, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n background-color: rgba(254, 241, 173, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n background-color: rgba(164, 162, 168, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n display: flex;\n flex-direction: column;\n width: 80%;\n height: 3.438rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n height: 30px;\n font-size: 1.5rem;\n margin-top: -8px;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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(222, 205, 254, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-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: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-and-pie-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";
20776
+ styleInject(css_248z$9);
19995
20777
 
19996
20778
  var MrvPieChartsStatComponent = function (props) {
19997
20779
  var id = props.id, title = props.title, options = props.options, series = props.series, lastUpdate = props.lastUpdate, loading = props.loading, toolTipText = props.toolTipText, Chart = props.Chart;
@@ -20169,8 +20951,8 @@ var ListWidgetComponent = function (props) {
20169
20951
  React.createElement("div", { className: "updated-on margin-top-6" }, updatedDate !== "0" && (React.createElement("div", { className: "updated-moment-container" }, updatedDate)))))));
20170
20952
  };
20171
20953
 
20172
- var css_248z$7 = ".map-box-container .mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.map-box-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.map-box-container .mapboxgl-popup-close-button,\n.map-box-container .mapboxgl-popup-close-button:hover {\n display: none; }\n";
20173
- styleInject(css_248z$7);
20954
+ var css_248z$8 = ".map-box-container .mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.map-box-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.map-box-container .mapboxgl-popup-close-button,\n.map-box-container .mapboxgl-popup-close-button:hover {\n display: none; }\n";
20955
+ styleInject(css_248z$8);
20174
20956
 
20175
20957
  var MapboxComponent = function (props) {
20176
20958
  var mapContainerRef = React.useRef(null);
@@ -20260,8 +21042,8 @@ var MapComponent = function (props) {
20260
21042
  return React.createElement("div", null, mapType === exports.MapTypes.Mapbox ? MapboxComponent(props) : "");
20261
21043
  };
20262
21044
 
20263
- var css_248z$6 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
20264
- styleInject(css_248z$6);
21045
+ var css_248z$7 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
21046
+ styleInject(css_248z$7);
20265
21047
 
20266
21048
  var LegendItem = function (props) {
20267
21049
  var text = props.text, color = props.color;
@@ -20892,8 +21674,8 @@ var MrvDashboardComponent = function (props) {
20892
21674
  React.createElement(antd.Row, { gutter: [40, 40], className: "stastic-card-row" }, row.map(function (item, j) { return getWidgetJSX(item); })))); }))));
20893
21675
  };
20894
21676
 
20895
- var css_248z$5 = ".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.rgprimary {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.rgdefault {\n border-radius: 0px 5px 5px 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(\n .ant-radio-button-wrapper-disabled\n)::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 .stastics-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 .stastics-and-charts-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n height: 100px;\n width: 100%;\n margin-top: -1rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n display: flex;\n flex-direction: row;\n width: 20%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n width: 2.813rem;\n height: 2.813rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n background-color: rgba(255, 166, 166, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n background-color: rgba(254, 241, 173, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n background-color: rgba(164, 162, 168, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n display: flex;\n flex-direction: column;\n width: 80%;\n height: 3.438rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n height: 30px;\n font-size: 1.5rem;\n margin-top: -8px;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-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: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-and-pie-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";
20896
- styleInject(css_248z$5);
21677
+ var css_248z$6 = ".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.rgprimary {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.rgdefault {\n border-radius: 0px 5px 5px 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(\n .ant-radio-button-wrapper-disabled\n)::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 .stastics-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 .stastics-and-charts-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n height: 100px;\n width: 100%;\n margin-top: -1rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n display: flex;\n flex-direction: row;\n width: 20%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n width: 2.813rem;\n height: 2.813rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n background-color: rgba(255, 166, 166, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n background-color: rgba(254, 241, 173, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n background-color: rgba(164, 162, 168, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n display: flex;\n flex-direction: column;\n width: 80%;\n height: 3.438rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n height: 30px;\n font-size: 1.5rem;\n margin-top: -8px;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-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: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-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 .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-and-pie-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";
21678
+ styleInject(css_248z$6);
20897
21679
 
20898
21680
  var getTotalProgrammesInitialValues = function () {
20899
21681
  var totalProgrammmesStatusInitialValues = [];
@@ -21727,8 +22509,8 @@ var optionDonutPieB = {
21727
22509
  ],
21728
22510
  };
21729
22511
 
21730
- var css_248z$4 = ".stastic-card-main-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 11.2rem;\n background-color: white;\n border-radius: 0.625rem;\n padding: 1rem 1.875rem 0 1.875rem; }\n .stastic-card-main-container .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n height: 3.3rem; }\n .stastic-card-main-container .title-section .title {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: 'Inter';\n font-size: 1.15rem;\n font-weight: 600;\n width: 95%;\n color: rgba(58, 53, 65, 0.8); }\n .stastic-card-main-container .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 5%;\n align-items: center;\n justify-content: flex-end; }\n .stastic-card-main-container .values-section {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n height: 5rem; }\n .stastic-card-main-container .values-section .values-and-unit {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 60%; }\n .stastic-card-main-container .values-section .values-and-unit .value {\n font-family: 'Inter';\n font-size: 2rem;\n font-weight: 600;\n width: 100%;\n color: #16b1ff;\n padding: 0; }\n .stastic-card-main-container .values-section .values-and-unit .unit {\n margin-bottom: -0.6rem;\n margin-left: 0.2rem;\n margin-top: -0.66rem;\n font-family: 'Inter';\n font-size: 0.875rem;\n font-weight: 500;\n width: 100%;\n color: rgba(58, 53, 65, 0.5); }\n .stastic-card-main-container .values-section .icon-section {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n width: 40%;\n justify-content: flex-start; }\n .stastic-card-main-container .values-section .icon-section img {\n height: 80px; }\n .stastic-card-main-container .values-section .updated-on-null {\n display: flex;\n flex-direction: row;\n font-size: 0.813rem;\n border-radius: 3.125rem;\n padding: 0 0.5rem 0 0.5rem;\n margin-top: 1rem;\n color: transparent;\n background-color: transparent; }\n .stastic-card-main-container .updated-on {\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 width: max-content;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
21731
- styleInject(css_248z$4);
22512
+ var css_248z$5 = ".stastic-card-main-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 11.2rem;\n background-color: white;\n border-radius: 0.625rem;\n padding: 1rem 1.875rem 0 1.875rem; }\n .stastic-card-main-container .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n height: 3.3rem; }\n .stastic-card-main-container .title-section .title {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: 'Inter';\n font-size: 1.15rem;\n font-weight: 600;\n width: 95%;\n color: rgba(58, 53, 65, 0.8); }\n .stastic-card-main-container .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 5%;\n align-items: center;\n justify-content: flex-end; }\n .stastic-card-main-container .values-section {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n height: 5rem; }\n .stastic-card-main-container .values-section .values-and-unit {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 60%; }\n .stastic-card-main-container .values-section .values-and-unit .value {\n font-family: 'Inter';\n font-size: 2rem;\n font-weight: 600;\n width: 100%;\n color: #16b1ff;\n padding: 0; }\n .stastic-card-main-container .values-section .values-and-unit .unit {\n margin-bottom: -0.6rem;\n margin-left: 0.2rem;\n margin-top: -0.66rem;\n font-family: 'Inter';\n font-size: 0.875rem;\n font-weight: 500;\n width: 100%;\n color: rgba(58, 53, 65, 0.5); }\n .stastic-card-main-container .values-section .icon-section {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n width: 40%;\n justify-content: flex-start; }\n .stastic-card-main-container .values-section .icon-section img {\n height: 80px; }\n .stastic-card-main-container .values-section .updated-on-null {\n display: flex;\n flex-direction: row;\n font-size: 0.813rem;\n border-radius: 3.125rem;\n padding: 0 0.5rem 0 0.5rem;\n margin-top: 1rem;\n color: transparent;\n background-color: transparent; }\n .stastic-card-main-container .updated-on {\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 width: max-content;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
22513
+ styleInject(css_248z$5);
21732
22514
 
21733
22515
  var toolTipTextGen = function (companyRole, cardType, mine) {
21734
22516
  var text = '';
@@ -23601,11 +24383,11 @@ var RegistryDashboardComponent = function (props) {
23601
24383
  React.createElement(icons.CaretDownOutlined, null)))),
23602
24384
  selectedurl.trim().length === 0 && (React.createElement(antd.Button, { className: "annual-report-downloadbutton" },
23603
24385
  React.createElement(antd.Space, null,
23604
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))),
24386
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))),
23605
24387
  selectedurl.trim().length > 0 && (React.createElement("a", { href: selectedurl, target: "_blank", rel: "noopener noreferrer", download: true },
23606
24388
  React.createElement(antd.Button, { className: "annual-report-downloadbutton" },
23607
24389
  React.createElement(antd.Space, null,
23608
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } }))))))),
24390
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } }))))))),
23609
24391
  React.createElement("div", { className: "filter-container" },
23610
24392
  React.createElement("div", { className: "date-filter" },
23611
24393
  React.createElement(RangePicker, { ranges: {
@@ -23741,6 +24523,622 @@ var RegistryDashboardComponent = function (props) {
23741
24523
  lastUpdateTransferLocations))))))))) : ("")));
23742
24524
  };
23743
24525
 
24526
+ var EditableContext = React.createContext(null);
24527
+ var EditableRow = function (_a) {
24528
+ _a.index; var props = __rest(_a, ["index"]);
24529
+ var form = antd.Form.useForm()[0];
24530
+ return (React.createElement(antd.Form, { form: form, component: false },
24531
+ React.createElement(EditableContext.Provider, { value: form },
24532
+ React.createElement("tr", __assign({}, props)))));
24533
+ };
24534
+ var EditableCell = function (_a) {
24535
+ var title = _a.title, editable = _a.editable, children = _a.children, dataIndex = _a.dataIndex, record = _a.record, handleSave = _a.handleSave, restProps = __rest(_a, ["title", "editable", "children", "dataIndex", "record", "handleSave"]);
24536
+ var _b = React.useState(false), editing = _b[0], setEditing = _b[1];
24537
+ var inputRef = React.useRef(null);
24538
+ var form = React.useContext(EditableContext);
24539
+ React.useEffect(function () {
24540
+ if (editing) {
24541
+ inputRef.current.focus();
24542
+ }
24543
+ }, [editing]);
24544
+ var toggleEdit = function () {
24545
+ var _a;
24546
+ setEditing(!editing);
24547
+ form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
24548
+ };
24549
+ var save = function () { return __awaiter(void 0, void 0, void 0, function () {
24550
+ var values, errInfo_1;
24551
+ return __generator(this, function (_a) {
24552
+ switch (_a.label) {
24553
+ case 0:
24554
+ _a.trys.push([0, 2, , 3]);
24555
+ return [4 /*yield*/, form.validateFields()];
24556
+ case 1:
24557
+ values = _a.sent();
24558
+ toggleEdit();
24559
+ handleSave(__assign(__assign({}, record), values));
24560
+ return [3 /*break*/, 3];
24561
+ case 2:
24562
+ errInfo_1 = _a.sent();
24563
+ console.log("Save failed:", errInfo_1);
24564
+ return [3 /*break*/, 3];
24565
+ case 3: return [2 /*return*/];
24566
+ }
24567
+ });
24568
+ }); };
24569
+ var childNode = children;
24570
+ if (editable) {
24571
+ childNode = editing ? (React.createElement(antd.Form.Item, { style: { margin: 0 }, name: dataIndex, rules: [
24572
+ {
24573
+ required: true,
24574
+ message: "".concat(title, " is required."),
24575
+ },
24576
+ ] },
24577
+ React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24, minWidth: "100px", minHeight: "20px" }, onClick: toggleEdit }, children));
24578
+ }
24579
+ return React.createElement("td", __assign({}, restProps), childNode);
24580
+ };
24581
+
24582
+ var css_248z$4 = ".ndc-steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .ndc-steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .ndc-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 .ndc-steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
24583
+ styleInject(css_248z$4);
24584
+
24585
+ var NdcActionType;
24586
+ (function (NdcActionType) {
24587
+ NdcActionType[NdcActionType["main"] = 0] = "main";
24588
+ NdcActionType[NdcActionType["sub"] = 1] = "sub";
24589
+ })(NdcActionType || (NdcActionType = {}));
24590
+ var NdcDetailsComponent = function (props) {
24591
+ var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
24592
+ var RangePicker = antd.DatePicker.RangePicker;
24593
+ var _a = React.useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
24594
+ var _b = React.useState(false), loading = _b[0]; _b[1];
24595
+ var periodItemsRef = React.useRef([]);
24596
+ var _c = React.useState([]), periodItems = _c[0], setPeriodItems = _c[1];
24597
+ var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
24598
+ var selectedPeriod = React.useRef({});
24599
+ var addedNdcDetailId = React.useRef(0);
24600
+ var selectedNdcDetail = React.useRef({});
24601
+ var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
24602
+ var userInfoState = useUserContext().userInfoState;
24603
+ var isAddRangeVisible = function () {
24604
+ return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
24605
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT) &&
24606
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
24607
+ };
24608
+ var isAddNdcActionVisible = function () {
24609
+ return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
24610
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
24611
+ };
24612
+ var inRange = function (num, min, max) {
24613
+ return num >= min && num <= max;
24614
+ };
24615
+ function onAddNewSubNdcDetail() {
24616
+ var range = selectedTab.split('-');
24617
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
24618
+ var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
24619
+ if (ndcDetail) {
24620
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24621
+ var newData = {
24622
+ key: addedNdcDetailId.current,
24623
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24624
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24625
+ ndcActionId: ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.key,
24626
+ nationalPlanObj: '',
24627
+ kpi: '',
24628
+ ministry: '',
24629
+ };
24630
+ if (!ndcDetail.subNdcDetails) {
24631
+ ndcDetail.subNdcDetails = [];
24632
+ }
24633
+ ndcDetail.subNdcDetails.push(newData);
24634
+ }
24635
+ ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
24636
+ setNdcDetailsData(ndcDetailsData);
24637
+ setTableKey(function (key) { return key + 1; });
24638
+ }
24639
+ var handleSave = function (row) {
24640
+ setNdcDetailsData(function (prevData) {
24641
+ var newData = JSON.parse(JSON.stringify(prevData));
24642
+ if (row.type === NdcActionType.main) {
24643
+ var index = newData.findIndex(function (item) { return row.key === item.key; });
24644
+ if (index !== -1) {
24645
+ newData[index] = __assign(__assign({}, newData[index]), row);
24646
+ }
24647
+ }
24648
+ else {
24649
+ var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
24650
+ var parentItem = newData[parentIndex];
24651
+ if (parentItem) {
24652
+ if (parentItem.subNdcDetails) {
24653
+ var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
24654
+ if (itemIndex === -1) {
24655
+ parentItem.subNdcDetails.push(row);
24656
+ }
24657
+ else {
24658
+ parentItem.subNdcDetails[itemIndex] = __assign({}, row);
24659
+ }
24660
+ }
24661
+ else {
24662
+ parentItem.subNdcDetails = [row];
24663
+ }
24664
+ }
24665
+ newData[parentIndex] = __assign({}, parentItem);
24666
+ setTableKey(function (key) { return key + 1; });
24667
+ }
24668
+ return newData;
24669
+ });
24670
+ };
24671
+ var getNdcDetailsForPeriod = function () {
24672
+ var range = selectedTab.split("-");
24673
+ if (range.length > 1) {
24674
+ var filteredData = ndcDetailsData.filter(function (item) {
24675
+ return inRange(Number(moment(item.startDate).year()), Number(range[0]), Number(range[1]));
24676
+ });
24677
+ return filteredData;
24678
+ }
24679
+ else {
24680
+ return [];
24681
+ }
24682
+ };
24683
+ var getSubNdcDetails = function (key) {
24684
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
24685
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24686
+ if (ndcDetail) {
24687
+ if (((_b = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_a = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _a === void 0 ? void 0 : _a.length) - 1]) === null || _b === void 0 ? void 0 : _b.ministry.trim()) !== '' &&
24688
+ ((_d = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_c = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.ministry) &&
24689
+ ((_f = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_e = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _e === void 0 ? void 0 : _e.length) - 1]) === null || _f === void 0 ? void 0 : _f.nationalPlanObj.trim()) !==
24690
+ '' &&
24691
+ ((_h = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_g = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _g === void 0 ? void 0 : _g.length) - 1]) === null || _h === void 0 ? void 0 : _h.nationalPlanObj) &&
24692
+ String((_k = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_j = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _j === void 0 ? void 0 : _j.length) - 1]) === null || _k === void 0 ? void 0 : _k.kpi).trim() !== '' &&
24693
+ String((_m = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_l = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _l === void 0 ? void 0 : _l.length) - 1]) === null || _m === void 0 ? void 0 : _m.kpi)) {
24694
+ onAddNewSubNdcDetail();
24695
+ }
24696
+ return ndcDetail.subNdcDetails;
24697
+ }
24698
+ else {
24699
+ return [];
24700
+ }
24701
+ };
24702
+ var defaultColumns = [
24703
+ {
24704
+ title: t("ndc:ndcColumnsNationalPlanObj"),
24705
+ dataIndex: "nationalPlanObj",
24706
+ key: "nationalPlanObj",
24707
+ align: "left",
24708
+ editable: true,
24709
+ width: "50%",
24710
+ render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
24711
+ React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", type: "text" })))); },
24712
+ },
24713
+ {
24714
+ title: t("ndc:ndcColumnsKpi"),
24715
+ dataIndex: "kpi",
24716
+ key: "kpi",
24717
+ align: "left",
24718
+ editable: true,
24719
+ width: "10%",
24720
+ render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
24721
+ React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
24722
+ },
24723
+ {
24724
+ title: "Ministry",
24725
+ dataIndex: "ministry",
24726
+ key: "ministry",
24727
+ align: "left",
24728
+ editable: true,
24729
+ width: "40%",
24730
+ render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
24731
+ React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Ministry name", className: "ant-input", type: "text" })))); },
24732
+ },
24733
+ ];
24734
+ var columns = defaultColumns.map(function (col) {
24735
+ if (!col.editable) {
24736
+ return col;
24737
+ }
24738
+ return __assign(__assign({}, col), { onCell: function (record) { return ({
24739
+ record: record,
24740
+ editable: col.editable,
24741
+ dataIndex: col.dataIndex,
24742
+ title: col.title,
24743
+ handleSave: handleSave,
24744
+ }); } });
24745
+ });
24746
+ function onAddNewNdcDetail() {
24747
+ var range = selectedTab.split("-");
24748
+ var ndcActionId = ++addedNdcDetailId.current;
24749
+ var newData = {
24750
+ key: ndcActionId,
24751
+ type: NdcActionType.main,
24752
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24753
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24754
+ nationalPlanObj: "",
24755
+ kpi: "",
24756
+ ministry: "",
24757
+ subNdcDetails: [
24758
+ {
24759
+ key: ++addedNdcDetailId.current,
24760
+ ndcActionId: ndcActionId,
24761
+ type: NdcActionType.sub,
24762
+ startDate: new Date("2019-03-25"),
24763
+ endDate: new Date("2020-03-25"),
24764
+ nationalPlanObj: "",
24765
+ kpi: "",
24766
+ ministry: "",
24767
+ },
24768
+ ],
24769
+ };
24770
+ setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
24771
+ }
24772
+ var components = {
24773
+ body: {
24774
+ row: EditableRow,
24775
+ cell: EditableCell,
24776
+ },
24777
+ };
24778
+ //commented because rendering issue
24779
+ function ndcDetailsTableContent() {
24780
+ return (React.createElement("div", null)
24781
+ // <div>
24782
+ // <Button
24783
+ // onClick={onAddNewNdcDetail}
24784
+ // type="primary"
24785
+ // style={{
24786
+ // marginBottom: 16,
24787
+ // }}
24788
+ // >
24789
+ // Add a row
24790
+ // </Button>
24791
+ // <Table
24792
+ // components={components}
24793
+ // rowClassName={() => 'editable-row'}
24794
+ // bordered
24795
+ // dataSource={ndcDetailsData}
24796
+ // columns={columns}
24797
+ // />
24798
+ // </div>
24799
+ );
24800
+ }
24801
+ var onCancelPeriod = function () { };
24802
+ var onAddNewPeriod = function () {
24803
+ if (selectedPeriod && selectedPeriod.current) {
24804
+ var newPeriodItem_1 = {
24805
+ key: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
24806
+ label: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
24807
+ start: selectedPeriod.current.start,
24808
+ end: selectedPeriod.current.end,
24809
+ children: ndcDetailsTableContent(),
24810
+ };
24811
+ var existingIndex = periodItemsRef.current.findIndex(function (item) {
24812
+ return inRange(newPeriodItem_1.start, item.start, item.end) ||
24813
+ inRange(newPeriodItem_1.end, item.start, item.end);
24814
+ });
24815
+ if (existingIndex === -1) {
24816
+ setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
24817
+ periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
24818
+ }
24819
+ else {
24820
+ antd.message.open({
24821
+ type: "error",
24822
+ content: t("ndc:rangeAlreadyExists"),
24823
+ duration: 3,
24824
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
24825
+ });
24826
+ }
24827
+ }
24828
+ };
24829
+ React.useEffect(function () {
24830
+ if (periodItems && periodItems.length > 3) {
24831
+ setSelectedTab(periodItems[periodItems.length - 1].key);
24832
+ }
24833
+ }, [periodItems]);
24834
+ var onDateRangeChanged = function (range) {
24835
+ var period = {
24836
+ start: Number(moment(range[0]).year()),
24837
+ end: Number(moment(range[1]).year()),
24838
+ };
24839
+ selectedPeriod.current = period;
24840
+ };
24841
+ function addNewPeriodContent() {
24842
+ return (React.createElement("div", null,
24843
+ React.createElement(antd.Row, null,
24844
+ React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
24845
+ React.createElement(antd.Row, { className: "mg-top-1" },
24846
+ React.createElement("div", { className: "ndc-steps-actions" },
24847
+ React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
24848
+ React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
24849
+ }
24850
+ function getSubNdcActionContent(record) {
24851
+ selectedNdcDetail.current = record;
24852
+ return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
24853
+ }
24854
+ var onTabChange = function (key) {
24855
+ setSelectedTab(key);
24856
+ };
24857
+ React.useEffect(function () {
24858
+ var defaultNdcDetails = [
24859
+ {
24860
+ key: 1,
24861
+ type: NdcActionType.main,
24862
+ startDate: new Date("2019-03-25"),
24863
+ endDate: new Date("2020-03-25"),
24864
+ nationalPlanObj: "Enhance value addition in key growth opportunities",
24865
+ kpi: 25,
24866
+ ministry: "Ministry of Environment",
24867
+ subNdcDetails: [
24868
+ {
24869
+ key: 6,
24870
+ ndcActionId: 1,
24871
+ type: NdcActionType.sub,
24872
+ startDate: new Date("2019-03-25"),
24873
+ endDate: new Date("2020-03-25"),
24874
+ nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
24875
+ kpi: 25,
24876
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24877
+ },
24878
+ {
24879
+ key: 7,
24880
+ ndcActionId: 1,
24881
+ type: NdcActionType.sub,
24882
+ startDate: new Date("2019-03-25"),
24883
+ endDate: new Date("2020-03-25"),
24884
+ nationalPlanObj: "",
24885
+ kpi: "",
24886
+ ministry: "",
24887
+ },
24888
+ ],
24889
+ },
24890
+ {
24891
+ key: 2,
24892
+ type: NdcActionType.main,
24893
+ startDate: new Date("2019-03-25"),
24894
+ endDate: new Date("2019-08-25"),
24895
+ nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
24896
+ kpi: 10500,
24897
+ ministry: "Ministry of Environment",
24898
+ subNdcDetails: [
24899
+ {
24900
+ key: 8,
24901
+ ndcActionId: 2,
24902
+ type: NdcActionType.sub,
24903
+ startDate: new Date("2019-03-25"),
24904
+ endDate: new Date("2020-03-25"),
24905
+ nationalPlanObj: "",
24906
+ kpi: "",
24907
+ ministry: "",
24908
+ },
24909
+ ],
24910
+ },
24911
+ {
24912
+ key: 12,
24913
+ type: NdcActionType.main,
24914
+ startDate: new Date("2019-03-25"),
24915
+ endDate: new Date("2019-08-25"),
24916
+ nationalPlanObj: "Other",
24917
+ kpi: 10500,
24918
+ ministry: "Ministry of Environment",
24919
+ subNdcDetails: [
24920
+ {
24921
+ key: 8,
24922
+ ndcActionId: 12,
24923
+ type: NdcActionType.sub,
24924
+ startDate: new Date("2019-03-25"),
24925
+ endDate: new Date("2020-03-25"),
24926
+ nationalPlanObj: "",
24927
+ kpi: "",
24928
+ ministry: "",
24929
+ },
24930
+ ],
24931
+ },
24932
+ {
24933
+ key: 3,
24934
+ type: NdcActionType.main,
24935
+ startDate: new Date("2021-03-25"),
24936
+ endDate: new Date("2022-03-25"),
24937
+ nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
24938
+ kpi: 48,
24939
+ ministry: "Ministry of Environment",
24940
+ subNdcDetails: [
24941
+ {
24942
+ key: 9,
24943
+ ndcActionId: 3,
24944
+ type: NdcActionType.sub,
24945
+ startDate: new Date("2019-03-25"),
24946
+ endDate: new Date("2020-03-25"),
24947
+ nationalPlanObj: "",
24948
+ kpi: "",
24949
+ ministry: "",
24950
+ },
24951
+ ],
24952
+ },
24953
+ {
24954
+ key: 4,
24955
+ type: NdcActionType.main,
24956
+ startDate: new Date("2022-03-25"),
24957
+ endDate: new Date("2022-05-25"),
24958
+ nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
24959
+ kpi: 20,
24960
+ ministry: "Ministry of Environment",
24961
+ subNdcDetails: [
24962
+ {
24963
+ key: 10,
24964
+ ndcActionId: 4,
24965
+ type: NdcActionType.sub,
24966
+ startDate: new Date("2019-03-25"),
24967
+ endDate: new Date("2020-03-25"),
24968
+ nationalPlanObj: "",
24969
+ kpi: "",
24970
+ ministry: "",
24971
+ },
24972
+ ],
24973
+ },
24974
+ {
24975
+ key: 5,
24976
+ type: NdcActionType.main,
24977
+ startDate: new Date("2022-03-25"),
24978
+ endDate: new Date("2023-03-25"),
24979
+ nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
24980
+ kpi: 10,
24981
+ ministry: "Ministry of Environment",
24982
+ subNdcDetails: [
24983
+ {
24984
+ key: 11,
24985
+ ndcActionId: 5,
24986
+ type: NdcActionType.sub,
24987
+ startDate: new Date("2019-03-25"),
24988
+ endDate: new Date("2020-03-25"),
24989
+ nationalPlanObj: "",
24990
+ kpi: "",
24991
+ ministry: "",
24992
+ },
24993
+ ],
24994
+ },
24995
+ {
24996
+ key: 13,
24997
+ type: NdcActionType.main,
24998
+ startDate: new Date("2022-03-25"),
24999
+ endDate: new Date("2023-03-25"),
25000
+ nationalPlanObj: "Convert to solar energy",
25001
+ kpi: 50000,
25002
+ ministry: "Ministry of Environment",
25003
+ subNdcDetails: [
25004
+ {
25005
+ key: 11,
25006
+ ndcActionId: 13,
25007
+ type: NdcActionType.sub,
25008
+ startDate: new Date("2019-03-25"),
25009
+ endDate: new Date("2020-03-25"),
25010
+ nationalPlanObj: "Convert to solar energy",
25011
+ kpi: "3000",
25012
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
25013
+ },
25014
+ {
25015
+ key: 14,
25016
+ ndcActionId: 13,
25017
+ type: NdcActionType.sub,
25018
+ startDate: new Date("2019-03-25"),
25019
+ endDate: new Date("2020-03-25"),
25020
+ nationalPlanObj: "",
25021
+ kpi: "",
25022
+ ministry: "",
25023
+ },
25024
+ ],
25025
+ },
25026
+ {
25027
+ key: 15,
25028
+ type: NdcActionType.main,
25029
+ startDate: new Date("2022-03-25"),
25030
+ endDate: new Date("2023-03-25"),
25031
+ nationalPlanObj: "Strengthen the private sector to create jobs",
25032
+ kpi: 10000,
25033
+ ministry: "Ministry of Environment",
25034
+ subNdcDetails: [
25035
+ {
25036
+ key: 16,
25037
+ ndcActionId: 15,
25038
+ type: NdcActionType.sub,
25039
+ startDate: new Date("2019-03-25"),
25040
+ endDate: new Date("2020-03-25"),
25041
+ nationalPlanObj: "Strengthen the private sector to create jobs",
25042
+ kpi: "7200",
25043
+ ministry: "Ministry of Tourism (MoT)",
25044
+ },
25045
+ {
25046
+ key: 17,
25047
+ ndcActionId: 15,
25048
+ type: NdcActionType.sub,
25049
+ startDate: new Date("2019-03-25"),
25050
+ endDate: new Date("2020-03-25"),
25051
+ nationalPlanObj: "",
25052
+ kpi: "",
25053
+ ministry: "",
25054
+ },
25055
+ ],
25056
+ },
25057
+ {
25058
+ key: 18,
25059
+ type: NdcActionType.main,
25060
+ startDate: new Date("2022-03-25"),
25061
+ endDate: new Date("2023-03-25"),
25062
+ nationalPlanObj: "Other",
25063
+ kpi: '',
25064
+ ministry: "Ministry of Environment",
25065
+ subNdcDetails: [
25066
+ {
25067
+ key: 19,
25068
+ ndcActionId: 18,
25069
+ type: NdcActionType.sub,
25070
+ startDate: new Date("2019-03-25"),
25071
+ endDate: new Date("2020-03-25"),
25072
+ nationalPlanObj: "Strengthen the private sector to create jobs",
25073
+ kpi: "",
25074
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
25075
+ },
25076
+ {
25077
+ key: 20,
25078
+ ndcActionId: 18,
25079
+ type: NdcActionType.sub,
25080
+ startDate: new Date("2019-03-25"),
25081
+ endDate: new Date("2020-03-25"),
25082
+ nationalPlanObj: "",
25083
+ kpi: "",
25084
+ ministry: "",
25085
+ },
25086
+ ],
25087
+ },
25088
+ ];
25089
+ var initialPeriods = [
25090
+ {
25091
+ key: "2019-2020",
25092
+ label: "2019-2020",
25093
+ start: 2019,
25094
+ end: 2020,
25095
+ children: ndcDetailsTableContent(),
25096
+ },
25097
+ {
25098
+ key: "2021-2023",
25099
+ label: "2021-2023",
25100
+ start: 2021,
25101
+ end: 2021,
25102
+ children: ndcDetailsTableContent(),
25103
+ },
25104
+ ];
25105
+ if (isAddRangeVisible()) {
25106
+ initialPeriods.unshift({
25107
+ key: "add_new",
25108
+ label: "Add New",
25109
+ start: 0,
25110
+ end: 0,
25111
+ children: addNewPeriodContent(),
25112
+ });
25113
+ }
25114
+ addedNdcDetailId.current = 20;
25115
+ setPeriodItems(initialPeriods);
25116
+ periodItemsRef.current = initialPeriods;
25117
+ setNdcDetailsData(defaultNdcDetails);
25118
+ }, []);
25119
+ return (React.createElement("div", { className: "ndc-management content-container" },
25120
+ React.createElement("div", { className: "title-bar" },
25121
+ React.createElement(antd.Row, { justify: "space-between", align: "middle" },
25122
+ React.createElement(antd.Col, { span: 20 },
25123
+ React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
25124
+ React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
25125
+ React.createElement("div", null,
25126
+ React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
25127
+ selectedTab !== "add_new" && (React.createElement("div", null,
25128
+ React.createElement("div", null,
25129
+ React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
25130
+ expandedRowRender: function (record) { return getSubNdcActionContent(record); },
25131
+ indentSize: 0,
25132
+ defaultExpandedRowKeys: [selectedNdcDetail.current.key],
25133
+ }, footer: function () {
25134
+ return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
25135
+ React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
25136
+ marginBottom: 16,
25137
+ width: "100%",
25138
+ } }, t("ndc:addNdcAction"))));
25139
+ } }))))));
25140
+ };
25141
+
23744
25142
  var ImgWithFallback = function (_a) {
23745
25143
  var src = _a.src, alt = _a.alt, fallbackSrc = _a.fallbackSrc, mediaType = _a.mediaType, className = _a.className, delegated = __rest(_a, ["src", "alt", "fallbackSrc", "mediaType", "className"]);
23746
25144
  return (React.createElement("picture", null,
@@ -24394,11 +25792,11 @@ var RejectDocumentationConfirmationModel = function (props) {
24394
25792
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
24395
25793
  };
24396
25794
 
24397
- var css_248z$2 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
25795
+ var css_248z$2 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%;\n align-items: center;\n justify-content: flex-start;\n gap: 20px; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
24398
25796
  styleInject(css_248z$2);
24399
25797
 
24400
25798
  var NdcActionBody = function (props) {
24401
- 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, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission;
25799
+ 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;
24402
25800
  var t = translator.t;
24403
25801
  var userInfoState = useUserContext().userInfoState;
24404
25802
  var fileInputMonitoringRef = React.useRef(null);
@@ -24406,11 +25804,13 @@ var NdcActionBody = function (props) {
24406
25804
  var _a = useConnection(); _a.get; _a.put; var post = _a.post;
24407
25805
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
24408
25806
  var _c = React.useState(), monitoringReportData = _c[0], setMonitoringReportData = _c[1];
24409
- var _d = React.useState(), verificationReportData = _d[0], setVerificationReportData = _d[1];
24410
- var _e = React.useState(), ndcActionId = _e[0], setNdcActionId = _e[1];
24411
- var _f = React.useState(false), openRejectDocConfirmationModal = _f[0], setOpenRejectDocConfirmationModal = _f[1];
24412
- var _g = React.useState({}), actionInfo = _g[0], setActionInfo = _g[1];
24413
- var _h = React.useState({}), rejectDocData = _h[0], setRejectDocData = _h[1];
25807
+ var _d = React.useState(""), monitoringReportversion = _d[0], setMonitoringReportversion = _d[1];
25808
+ var _e = React.useState(), verificationReportData = _e[0], setVerificationReportData = _e[1];
25809
+ var _f = React.useState(""), verificationReportVersion = _f[0], setVerificationReportversion = _f[1];
25810
+ var _g = React.useState(), ndcActionId = _g[0], setNdcActionId = _g[1];
25811
+ var _h = React.useState(false), openRejectDocConfirmationModal = _h[0], setOpenRejectDocConfirmationModal = _h[1];
25812
+ var _j = React.useState({}), actionInfo = _j[0], setActionInfo = _j[1];
25813
+ var _k = React.useState({}), rejectDocData = _k[0], setRejectDocData = _k[1];
24414
25814
  var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
24415
25815
  ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
24416
25816
  : 5000000;
@@ -24551,9 +25951,15 @@ var NdcActionBody = function (props) {
24551
25951
  setNdcActionId(item === null || item === void 0 ? void 0 : item.id);
24552
25952
  if (item === null || item === void 0 ? void 0 : item.monitoringReport) {
24553
25953
  setMonitoringReportData(item === null || item === void 0 ? void 0 : item.monitoringReport);
25954
+ var versionfull = item === null || item === void 0 ? void 0 : item.monitoringReport.url.split("_")[(item === null || item === void 0 ? void 0 : item.monitoringReport.url.split("_").length) - 1];
25955
+ var version = versionfull ? versionfull.split(".")[0] : "V1";
25956
+ setMonitoringReportversion(version.startsWith("V") ? version : "V1");
24554
25957
  }
24555
25958
  if (item === null || item === void 0 ? void 0 : item.verificationReport) {
24556
25959
  setVerificationReportData(item === null || item === void 0 ? void 0 : item.verificationReport);
25960
+ var versionfull = item === null || item === void 0 ? void 0 : item.verificationReport.url.split("_")[(item === null || item === void 0 ? void 0 : item.verificationReport.url.split("_").length) - 1];
25961
+ var version = versionfull ? versionfull.split(".")[0] : "V1";
25962
+ setVerificationReportversion(version.startsWith("V") ? version : "V1");
24557
25963
  }
24558
25964
  });
24559
25965
  }, [data]);
@@ -24573,7 +25979,9 @@ var NdcActionBody = function (props) {
24573
25979
  React.createElement("div", { className: "report-type" },
24574
25980
  React.createElement("div", { className: "name-time-container" },
24575
25981
  React.createElement("div", { className: canUploadMonitorReport ? "name" : "empty" }, t("programme:monitoringReport")),
24576
- (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" }, moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm")))),
25982
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
25983
+ moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
25984
+ " ~ " + monitoringReportversion))),
24577
25985
  React.createElement("div", { className: "icon" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) ? (monitoringReportPending ? ((companyRolePermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
24578
25986
  React.createElement(icons.LikeOutlined, { onClick: function () {
24579
25987
  return docAction(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id, exports.DocumentStatus.ACCEPTED, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.actionId, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.type);
@@ -24602,8 +26010,8 @@ var NdcActionBody = function (props) {
24602
26010
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
24603
26011
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
24604
26012
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
24605
- ? { color: "#3F3A47", cursor: "pointer" }
24606
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26013
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26014
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
24607
26015
  if (canUploadMonitorReport &&
24608
26016
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
24609
26017
  handleFileUploadMonitor();
@@ -24616,7 +26024,7 @@ var NdcActionBody = function (props) {
24616
26024
  } }))))),
24617
26025
  (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement("div", { className: "report-link" },
24618
26026
  React.createElement("div", { className: "link" }, linkDocVisible(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) && (React.createElement("a", { href: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
24619
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
26027
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
24620
26028
  !monitoringReportAccepted && (React.createElement(React.Fragment, null,
24621
26029
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
24622
26030
  ? t("programme:notAuthToUploadDoc")
@@ -24626,8 +26034,8 @@ var NdcActionBody = function (props) {
24626
26034
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
24627
26035
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
24628
26036
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
24629
- ? { color: "#3F3A47", cursor: "pointer" }
24630
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26037
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26038
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
24631
26039
  if (canUploadMonitorReport &&
24632
26040
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
24633
26041
  handleFileUploadMonitor();
@@ -24644,7 +26052,9 @@ var NdcActionBody = function (props) {
24644
26052
  React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
24645
26053
  ? "name"
24646
26054
  : "empty" }, t("programme:verificationReport")),
24647
- (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" }, moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm")))),
26055
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
26056
+ moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
26057
+ " ~ " + verificationReportVersion))),
24648
26058
  React.createElement("div", { className: "icon" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) ? (verifcationReportPending ? ((verficationCompanyRolePermission ||
24649
26059
  ministryLevelPermission) && (React.createElement(React.Fragment, null,
24650
26060
  React.createElement(icons.LikeOutlined, { onClick: function () {
@@ -24674,8 +26084,8 @@ var NdcActionBody = function (props) {
24674
26084
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
24675
26085
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
24676
26086
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
24677
- ? { color: "#3F3A47", cursor: "pointer" }
24678
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26087
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26088
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
24679
26089
  if (monitoringReportAccepted &&
24680
26090
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
24681
26091
  handleFileUploadVerification();
@@ -24688,7 +26098,7 @@ var NdcActionBody = function (props) {
24688
26098
  } })))))),
24689
26099
  (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement("div", { className: "report-link" },
24690
26100
  React.createElement("div", { className: "link" }, linkDocVisible(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) && (React.createElement("a", { href: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
24691
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
26101
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
24692
26102
  !verificationReportAccepted && monitoringReportAccepted && (React.createElement(React.Fragment, null,
24693
26103
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
24694
26104
  ? t("programme:notAuthToUploadDoc")
@@ -24698,8 +26108,8 @@ var NdcActionBody = function (props) {
24698
26108
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
24699
26109
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
24700
26110
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
24701
- ? { color: "#3F3A47", cursor: "pointer" }
24702
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26111
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26112
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
24703
26113
  if (monitoringReportAccepted &&
24704
26114
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
24705
26115
  handleFileUploadVerification();
@@ -24713,11 +26123,11 @@ var NdcActionBody = function (props) {
24713
26123
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
24714
26124
  };
24715
26125
 
24716
- var css_248z$1 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
26126
+ var css_248z$1 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 20px; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
24717
26127
  styleInject(css_248z$1);
24718
26128
 
24719
26129
  var ProgrammeDocuments = function (props) {
24720
- 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, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useUserContext = props.useUserContext, translator = props.translator, methodologyDocumentUpdated = props.methodologyDocumentUpdated;
26130
+ 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;
24721
26131
  var t = translator.t;
24722
26132
  var userInfoState = useUserContext().userInfoState;
24723
26133
  var _a = useConnection(); _a.delete; var post = _a.post;
@@ -24736,18 +26146,28 @@ var ProgrammeDocuments = function (props) {
24736
26146
  var _l = React.useState(""), designDocStatus = _l[0], setDesignDocStatus = _l[1];
24737
26147
  var _m = React.useState(""), methodDocStatus = _m[0], setMethodDocStatus = _m[1];
24738
26148
  var _o = React.useState(""), designDocId = _o[0], setDesignDocId = _o[1];
24739
- var _p = React.useState(""), methDocId = _p[0], setMethDocId = _p[1];
24740
- var _q = React.useState([]), docData = _q[0], setDocData = _q[1];
24741
- var _r = React.useState(false), openRejectDocConfirmationModal = _r[0], setOpenRejectDocConfirmationModal = _r[1];
24742
- var _s = React.useState({}), actionInfo = _s[0], setActionInfo = _s[1];
24743
- var _t = React.useState({}), rejectDocData = _t[0], setRejectDocData = _t[1];
24744
- var _u = React.useState(""), impactAssessmentUrl = _u[0], setImpactAssessmentUrl = _u[1];
24745
- var _v = React.useState(""), impactAssessmentDate = _v[0], setImpactAssessmentDate = _v[1];
24746
- var _w = React.useState(""), impactAssessmentStatus = _w[0], setImpactAssessmentStatus = _w[1];
24747
- var _x = React.useState(""), impactAssessmentId = _x[0], setImpactAssessmentId = _x[1];
26149
+ var _p = React.useState(""), designDocversion = _p[0], setDesignDocversion = _p[1];
26150
+ var _q = React.useState(""), methDocId = _q[0], setMethDocId = _q[1];
26151
+ var _r = React.useState(""), methDocversion = _r[0], setMethDocversion = _r[1];
26152
+ var _s = React.useState([]), docData = _s[0], setDocData = _s[1];
26153
+ var _t = React.useState(false), openRejectDocConfirmationModal = _t[0], setOpenRejectDocConfirmationModal = _t[1];
26154
+ var _u = React.useState({}), actionInfo = _u[0], setActionInfo = _u[1];
26155
+ var _v = React.useState({}), rejectDocData = _v[0], setRejectDocData = _v[1];
26156
+ var _w = React.useState(""), impactAssessmentUrl = _w[0], setImpactAssessmentUrl = _w[1];
26157
+ var _x = React.useState(""), impactAssessmentDate = _x[0], setImpactAssessmentDate = _x[1];
26158
+ var _y = React.useState(""), impactAssessmentStatus = _y[0], setImpactAssessmentStatus = _y[1];
26159
+ var _z = React.useState(""), impactAssessmentId = _z[0], setImpactAssessmentId = _z[1];
26160
+ var _0 = React.useState(""), impactAssessmentversion = _0[0], setImpactAssessmentversion = _0[1];
24748
26161
  var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
24749
26162
  ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
24750
26163
  : 5000000;
26164
+ var isProjectRejected = programmeStatus && programmeStatus === exports.ProgrammeStageUnified.Rejected;
26165
+ var uploadImpactAssessmentDocUserPermission = uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission);
26166
+ var impactAssessmentToolTipTitle = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
26167
+ ? t("programme:notAuthToUploadDoc")
26168
+ : isProjectRejected
26169
+ ? t("programme:docUploadProgrammeRejected")
26170
+ : !uploadImpactAssessmentDocUserPermission && t("programme:orgNotAuth");
24751
26171
  var handleDesignDocFileUpload = function () {
24752
26172
  var _a;
24753
26173
  (_a = fileInputRef === null || fileInputRef === void 0 ? void 0 : fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
@@ -24772,12 +26192,18 @@ var ProgrammeDocuments = function (props) {
24772
26192
  setDesignDocDate(item === null || item === void 0 ? void 0 : item.txTime);
24773
26193
  setDesignDocStatus(item === null || item === void 0 ? void 0 : item.status);
24774
26194
  setDesignDocId(item === null || item === void 0 ? void 0 : item.id);
26195
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
26196
+ var version = versionfull ? versionfull.split(".")[0] : "1";
26197
+ setDesignDocversion(version.startsWith("V") ? version : "V1");
24775
26198
  }
24776
26199
  if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("METHODOLOGY")) {
24777
26200
  setMethodologyDocUrl(item === null || item === void 0 ? void 0 : item.url);
24778
26201
  setMethodologyDate(item === null || item === void 0 ? void 0 : item.txTime);
24779
26202
  setMethodDocStatus(item === null || item === void 0 ? void 0 : item.status);
24780
26203
  setMethDocId(item === null || item === void 0 ? void 0 : item.id);
26204
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
26205
+ var version = versionfull ? versionfull.split(".")[0] : "1";
26206
+ setMethDocversion(version.startsWith("V") ? version : "V1");
24781
26207
  }
24782
26208
  if ((_c = item === null || item === void 0 ? void 0 : item.url) === null || _c === void 0 ? void 0 : _c.includes("OBJECTION")) {
24783
26209
  setNoObjectionDocUrl(item === null || item === void 0 ? void 0 : item.url);
@@ -24792,6 +26218,9 @@ var ProgrammeDocuments = function (props) {
24792
26218
  setImpactAssessmentDate(item === null || item === void 0 ? void 0 : item.txTime);
24793
26219
  setImpactAssessmentStatus(item === null || item === void 0 ? void 0 : item.status);
24794
26220
  setImpactAssessmentId(item === null || item === void 0 ? void 0 : item.id);
26221
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
26222
+ var version = versionfull ? versionfull.split(".")[0] : "1";
26223
+ setImpactAssessmentversion(version.startsWith("V") ? version : "V1");
24795
26224
  }
24796
26225
  });
24797
26226
  }
@@ -24956,18 +26385,20 @@ var ProgrammeDocuments = function (props) {
24956
26385
  designDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
24957
26386
  designDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
24958
26387
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
24959
- designDocUrl !== "" && (React.createElement("div", { className: "time" }, moment(parseInt(designDocDate)).format("DD MMMM YYYY @ HH:mm")))),
26388
+ designDocUrl !== "" && (React.createElement("div", { className: "time" },
26389
+ moment(parseInt(designDocDate)).format("DD MMMM YYYY @ HH:mm"),
26390
+ " ~ " + designDocversion))),
24960
26391
  React.createElement(antd.Col, { span: 6, className: "field-value" }, designDocUrl !== "" ? (React.createElement("div", { className: "link" },
24961
26392
  linkDocVisible(designDocStatus) && (React.createElement("a", { href: designDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
24962
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
26393
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
24963
26394
  designDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
24964
26395
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
24965
26396
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
24966
26397
  ? t("programme:notAuthToUploadDoc")
24967
26398
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
24968
26399
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
24969
- ? { color: "#3F3A47", cursor: "pointer" }
24970
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26400
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26401
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
24971
26402
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
24972
26403
  } })),
24973
26404
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -24980,8 +26411,8 @@ var ProgrammeDocuments = function (props) {
24980
26411
  ? t("programme:notAuthToUploadDoc")
24981
26412
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
24982
26413
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
24983
- ? { color: "#3F3A47", cursor: "pointer" }
24984
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26414
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26415
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
24985
26416
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
24986
26417
  } })),
24987
26418
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -24992,11 +26423,13 @@ var ProgrammeDocuments = function (props) {
24992
26423
  noObjectionDocUrl !== "" && (React.createElement(antd.Row, { className: "field", key: "Objection Document" },
24993
26424
  React.createElement(antd.Col, { span: 18, className: "field-key" },
24994
26425
  React.createElement("div", { className: "label-uploaded" }, t("programme:objectionLett")),
24995
- React.createElement("div", { className: "time" }, moment(parseInt(noObjectionDate)).format("DD MMMM YYYY @ HH:mm"))),
26426
+ React.createElement("div", { className: "time" },
26427
+ moment(parseInt(noObjectionDate)).format("DD MMMM YYYY @ HH:mm"),
26428
+ " ~ V1")),
24996
26429
  React.createElement(antd.Col, { span: 6, className: "field-value" },
24997
26430
  React.createElement("div", { className: "link" },
24998
26431
  React.createElement("a", { href: noObjectionDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
24999
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
26432
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
25000
26433
  React.createElement(antd.Row, { className: "field", key: "Methodology Document" },
25001
26434
  React.createElement(antd.Col, { span: 18, className: "field-key" },
25002
26435
  React.createElement("div", { className: "label-container" },
@@ -25020,18 +26453,20 @@ var ProgrammeDocuments = function (props) {
25020
26453
  methodDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
25021
26454
  methodDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
25022
26455
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
25023
- methodologyDocUrl !== "" && (React.createElement("div", { className: "time" }, moment(parseInt(methodologyDate)).format("DD MMMM YYYY @ HH:mm")))),
26456
+ methodologyDocUrl !== "" && (React.createElement("div", { className: "time" },
26457
+ moment(parseInt(methodologyDate)).format("DD MMMM YYYY @ HH:mm"),
26458
+ " ~ " + methDocversion))),
25024
26459
  React.createElement(antd.Col, { span: 6, className: "field-value" }, methodologyDocUrl !== "" ? (React.createElement("div", { className: "link" },
25025
26460
  linkDocVisible(methodDocStatus) && (React.createElement("a", { href: methodologyDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
25026
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
26461
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
25027
26462
  methodDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
25028
26463
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
25029
26464
  ? t("programme:notAuthToUploadDoc")
25030
26465
  : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25031
26466
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
25032
26467
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
25033
- ? { color: "#3F3A47", cursor: "pointer" }
25034
- : { color: "#cacaca" }, onClick: function () {
26468
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26469
+ : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25035
26470
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
25036
26471
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
25037
26472
  handleMethodologyFileUpload();
@@ -25050,8 +26485,8 @@ var ProgrammeDocuments = function (props) {
25050
26485
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25051
26486
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
25052
26487
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
25053
- ? { color: "#3F3A47", cursor: "pointer" }
25054
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26488
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26489
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25055
26490
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
25056
26491
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
25057
26492
  handleMethodologyFileUpload();
@@ -25065,16 +26500,19 @@ var ProgrammeDocuments = function (props) {
25065
26500
  authorisationDocUrl !== "" && (React.createElement(antd.Row, { className: "field", key: "Authorisation Document" },
25066
26501
  React.createElement(antd.Col, { span: 18, className: "field-key" },
25067
26502
  React.createElement("div", { className: "label-uploaded" }, t("programme:authLetterLabel")),
25068
- React.createElement("div", { className: "time" }, moment(parseInt(authorisationDocDate)).format("DD MMMM YYYY @ HH:mm"))),
26503
+ React.createElement("div", { className: "time" },
26504
+ moment(parseInt(authorisationDocDate)).format("DD MMMM YYYY @ HH:mm"),
26505
+ " ~ V1")),
25069
26506
  React.createElement(antd.Col, { span: 6, className: "field-value" },
25070
26507
  React.createElement("div", { className: "link" },
25071
26508
  React.createElement("a", { href: authorisationDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
25072
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
26509
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
25073
26510
  React.createElement(antd.Row, { className: "field", key: "Environmental Impact Assessment" },
25074
26511
  React.createElement(antd.Col, { span: 18, className: "field-key" },
25075
26512
  React.createElement("div", { className: "label-container" },
25076
26513
  React.createElement("div", { className: impactAssessmentUrl !== "" ? "label-uploaded" : "label" }, t("programme:environmentalImpactAssessment")),
25077
- impactAssessmentStatus === exports.DocumentStatus.PENDING && (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
26514
+ impactAssessmentStatus === exports.DocumentStatus.PENDING &&
26515
+ (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
25078
26516
  React.createElement(icons.LikeOutlined, { onClick: function () {
25079
26517
  return docAction(impactAssessmentId, exports.DocumentStatus.ACCEPTED);
25080
26518
  }, className: "common-progress-icon", style: { color: "#976ED7" } }),
@@ -25092,33 +26530,35 @@ var ProgrammeDocuments = function (props) {
25092
26530
  impactAssessmentStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
25093
26531
  impactAssessmentStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
25094
26532
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
25095
- impactAssessmentUrl !== "" && (React.createElement("div", { className: "time" }, moment(parseInt(impactAssessmentDate)).format("DD MMMM YYYY @ HH:mm")))),
26533
+ impactAssessmentUrl !== "" && (React.createElement("div", { className: "time" },
26534
+ moment(parseInt(impactAssessmentDate)).format("DD MMMM YYYY @ HH:mm"),
26535
+ " ~ " + impactAssessmentversion))),
25096
26536
  React.createElement(antd.Col, { span: 6, className: "field-value" }, impactAssessmentUrl !== "" ? (React.createElement("div", { className: "link" },
25097
26537
  linkDocVisible(impactAssessmentStatus) && (React.createElement("a", { href: impactAssessmentUrl, target: "_blank", rel: "noopener noreferrer", download: true },
25098
- React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
26538
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
25099
26539
  impactAssessmentStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
25100
- React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
25101
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
25102
- ? t("programme:notAuthToUploadDoc")
25103
- : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25104
- React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission)
25105
- ? { color: "#3F3A47", cursor: "pointer" }
25106
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25107
- return uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && handleImpactAssessmentFileUpload();
26540
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26541
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26542
+ !isProjectRejected
26543
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26544
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26545
+ return uploadImpactAssessmentDocUserPermission &&
26546
+ !isProjectRejected &&
26547
+ handleImpactAssessmentFileUpload();
25108
26548
  } })),
25109
26549
  React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
25110
26550
  var selectedFile = e.target.files[0];
25111
26551
  e.target.value = null;
25112
26552
  onUploadDocument(selectedFile, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT);
25113
26553
  } }))))) : (React.createElement(React.Fragment, null,
25114
- React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
25115
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
25116
- ? t("programme:notAuthToUploadDoc")
25117
- : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25118
- React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission)
25119
- ? { color: "#3F3A47", cursor: "pointer" }
25120
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25121
- return uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission) && handleImpactAssessmentFileUpload();
26554
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26555
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26556
+ !isProjectRejected
26557
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26558
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26559
+ return uploadImpactAssessmentDocUserPermission &&
26560
+ !isProjectRejected &&
26561
+ handleImpactAssessmentFileUpload();
25122
26562
  } })),
25123
26563
  React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
25124
26564
  var selectedFile = e.target.files[0];
@@ -25178,6 +26618,7 @@ exports.MrvDashboardComponent = MrvDashboardComponent;
25178
26618
  exports.NdcActionBody = NdcActionBody;
25179
26619
  exports.NdcActionManagementComponent = NdcActionManagementComponent;
25180
26620
  exports.NdcActionViewComponent = NdcActionViewComponent;
26621
+ exports.NdcDetailsComponent = NdcDetailsComponent;
25181
26622
  exports.OrganisationStatus = OrganisationStatus;
25182
26623
  exports.ProfileIcon = ProfileIcon;
25183
26624
  exports.ProgrammeCertify = ProgrammeCertify;
@@ -25196,6 +26637,8 @@ exports.RoleIcon = RoleIcon;
25196
26637
  exports.RootBGColor = RootBGColor;
25197
26638
  exports.RootColor = RootColor;
25198
26639
  exports.StasticCard = StasticCard;
26640
+ exports.SupportCreationComponent = SupportCreationComponent;
26641
+ exports.SupportManagementComponent = SupportManagementComponent;
25199
26642
  exports.TimelineBody = TimelineBody;
25200
26643
  exports.TooltipColor = TooltipColor;
25201
26644
  exports.TransferActionModel = TransferActionModel;