@undp/carbon-library 1.0.136-CARBON-343.0 → 1.0.136-CARBON-343.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (14) hide show
  1. package/dist/cjs/index.js +1235 -271
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +3 -0
  4. package/dist/cjs/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +4 -0
  5. package/dist/cjs/types/Components/index.d.ts +2 -0
  6. package/dist/cjs/types/Definitions/Enums/investment.enum.d.ts +4 -0
  7. package/dist/esm/index.js +1234 -272
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/esm/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +3 -0
  10. package/dist/esm/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +4 -0
  11. package/dist/esm/types/Components/index.d.ts +2 -0
  12. package/dist/esm/types/Definitions/Enums/investment.enum.d.ts +4 -0
  13. package/dist/index.d.ts +9 -1
  14. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -12,6 +12,7 @@ var Icon = require('react-bootstrap-icons');
12
12
  require('react-phone-number-input/style.css');
13
13
  var mapboxgl = require('mapbox-gl');
14
14
  require('mapbox-gl/dist/mapbox-gl.css');
15
+ var ApexCharts = require('react-apexcharts');
15
16
 
16
17
  function _interopNamespaceDefault(e) {
17
18
  var n = Object.create(null);
@@ -147,15 +148,15 @@ function styleInject(css, ref) {
147
148
  }
148
149
  }
149
150
 
150
- var css_248z$w = ".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
+ 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";
152
+ styleInject(css_248z$x);
153
+
154
+ 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";
151
155
  styleInject(css_248z$w);
152
156
 
153
- var css_248z$v = ".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";
157
+ 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";
154
158
  styleInject(css_248z$v);
155
159
 
156
- var css_248z$u = ".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$u);
158
-
159
160
  var RoleIcon = function (props) {
160
161
  var icon = props.icon, bg = props.bg, color = props.color;
161
162
  return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
@@ -448,8 +449,8 @@ exports.CompanyManagementColumns = void 0;
448
449
  CompanyManagementColumns["companyState"] = "status";
449
450
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
450
451
 
451
- var css_248z$t = ".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$t);
452
+ 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";
453
+ styleInject(css_248z$u);
453
454
 
454
455
  var isBase64 = function (str) {
455
456
  if (!str || str === '' || str.trim() === '') {
@@ -489,8 +490,8 @@ exports.CompanyRole = void 0;
489
490
  CompanyRole["API"] = "API";
490
491
  })(exports.CompanyRole || (exports.CompanyRole = {}));
491
492
 
492
- var css_248z$s = ".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$s);
493
+ 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";
494
+ styleInject(css_248z$t);
494
495
 
495
496
  var OrganisationStatus = function (props) {
496
497
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -854,11 +855,11 @@ var CompanyManagementComponent = function (props) {
854
855
  } })))))));
855
856
  };
856
857
 
857
- var css_248z$r = ".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$r);
858
+ 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";
859
+ styleInject(css_248z$s);
859
860
 
860
- var css_248z$q = "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$q);
861
+ 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";
862
+ styleInject(css_248z$r);
862
863
 
863
864
  exports.UserManagementColumns = void 0;
864
865
  (function (UserManagementColumns) {
@@ -924,6 +925,11 @@ exports.InvestmentType = void 0;
924
925
  InvestmentType["PUBLIC"] = "Public";
925
926
  InvestmentType["PRIVATE"] = "Private";
926
927
  })(exports.InvestmentType || (exports.InvestmentType = {}));
928
+ exports.InvestmentCreationType = void 0;
929
+ (function (InvestmentCreationType) {
930
+ InvestmentCreationType["EXISTING"] = "Existing";
931
+ InvestmentCreationType["NEW"] = "New";
932
+ })(exports.InvestmentCreationType || (exports.InvestmentCreationType = {}));
927
933
  exports.InvestmentStream = void 0;
928
934
  (function (InvestmentStream) {
929
935
  InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
@@ -5294,8 +5300,8 @@ var UserActionConfirmationModel = function (props) {
5294
5300
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
5295
5301
  };
5296
5302
 
5297
- var css_248z$p = ".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";
5298
- styleInject(css_248z$p);
5303
+ 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";
5304
+ styleInject(css_248z$q);
5299
5305
 
5300
5306
  var CompanyProfileComponent = function (props) {
5301
5307
  var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField;
@@ -5713,8 +5719,8 @@ var CompanyProfileComponent = function (props) {
5713
5719
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onRejectOrgConfirmed, onActionCanceled: onRejectOrgCanceled, openModal: openRejectModal, errorMsg: errorMsg, loading: isLoading })));
5714
5720
  };
5715
5721
 
5716
- var css_248z$o = ".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";
5717
- styleInject(css_248z$o);
5722
+ 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";
5723
+ styleInject(css_248z$p);
5718
5724
 
5719
5725
  var Search$1 = antd.Input.Search;
5720
5726
  var ProgrammeManagementComponent = function (props) {
@@ -6152,8 +6158,8 @@ var ProgrammeManagementComponent = function (props) {
6152
6158
  } })))))));
6153
6159
  };
6154
6160
 
6155
- var css_248z$n = ".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";
6156
- styleInject(css_248z$n);
6161
+ 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";
6162
+ styleInject(css_248z$o);
6157
6163
 
6158
6164
  function commonjsRequire(path) {
6159
6165
  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.');
@@ -12828,8 +12834,8 @@ var ProgrammeCreationComponent = function (props) {
12828
12834
  ] })))));
12829
12835
  };
12830
12836
 
12831
- var css_248z$m = ".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";
12832
- styleInject(css_248z$m);
12837
+ 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";
12838
+ styleInject(css_248z$n);
12833
12839
 
12834
12840
  var ChangePasswordModel = function (props) {
12835
12841
  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;
@@ -13252,8 +13258,8 @@ var AddNewUserComponent = function (props) {
13252
13258
  React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
13253
13259
  };
13254
13260
 
13255
- var css_248z$l = ".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";
13256
- styleInject(css_248z$l);
13261
+ 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";
13262
+ styleInject(css_248z$m);
13257
13263
 
13258
13264
  var UserRoleIcon = function (props) {
13259
13265
  var role = props.role;
@@ -13262,8 +13268,8 @@ var UserRoleIcon = function (props) {
13262
13268
  React.createElement("div", null, role === "ViewOnly" ? "Viewer" : role)));
13263
13269
  };
13264
13270
 
13265
- var css_248z$k = ".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";
13266
- styleInject(css_248z$k);
13271
+ 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";
13272
+ styleInject(css_248z$l);
13267
13273
 
13268
13274
  var LanguageSelection = function (props) {
13269
13275
  var i18n = props.i18n;
@@ -13457,8 +13463,8 @@ var UserProfileComponent = function (props) {
13457
13463
  : "-")))))))))));
13458
13464
  };
13459
13465
 
13460
- var css_248z$j = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
13461
- styleInject(css_248z$j);
13466
+ 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";
13467
+ styleInject(css_248z$k);
13462
13468
 
13463
13469
  var Search = antd.Input.Search;
13464
13470
  var UserManagementComponent = function (props) {
@@ -13996,8 +14002,8 @@ var UserManagementComponent = function (props) {
13996
14002
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
13997
14003
  };
13998
14004
 
13999
- var css_248z$i = ".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";
14000
- styleInject(css_248z$i);
14005
+ 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";
14006
+ styleInject(css_248z$j);
14001
14007
 
14002
14008
  var Loading = function () {
14003
14009
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
@@ -14011,12 +14017,13 @@ var InvestmentCreationComponent = function (props) {
14011
14017
  var formTwo = antd.Form.useForm()[0];
14012
14018
  var post = useConnection().post;
14013
14019
  var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
14014
- var _c = React.useState(false), loadingList = _c[0], setLoadingList = _c[1];
14015
- var _d = React.useState(0), current = _d[0], setCurrent = _d[1];
14016
- var _e = React.useState(0), currentPercTotal = _e[0], setCurrentPercTotal = _e[1];
14017
- var _f = React.useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
14018
- var _g = React.useState([]), instrument = _g[0], setInstrument = _g[1];
14019
- var _h = React.useState(), stepOneData = _h[0], setStepOneData = _h[1];
14020
+ var _c = React.useState("New"), typeCreation = _c[0], setTypeCreation = _c[1];
14021
+ var _d = React.useState(false), loadingList = _d[0], setLoadingList = _d[1];
14022
+ var _e = React.useState(0), current = _e[0], setCurrent = _e[1];
14023
+ var _f = React.useState(0), currentPercTotal = _f[0], setCurrentPercTotal = _f[1];
14024
+ var _g = React.useState([]), organisationsList = _g[0], setOrganisationList = _g[1];
14025
+ var _h = React.useState([]), instrument = _h[0], setInstrument = _h[1];
14026
+ var _j = React.useState(), stepOneData = _j[0], setStepOneData = _j[1];
14020
14027
  var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
14021
14028
  label: addSpaces(Object.values(exports.Instrument)[index]),
14022
14029
  value: Object.values(exports.Instrument)[index],
@@ -14051,7 +14058,7 @@ var InvestmentCreationComponent = function (props) {
14051
14058
  value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
14052
14059
  });
14053
14060
  }
14054
- for (_i = 0, _a = data.companyId; _i < _a.length; _i++) {
14061
+ for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
14055
14062
  c = _a[_i];
14056
14063
  filterAnd.push({
14057
14064
  key: "companyId",
@@ -14086,21 +14093,33 @@ var InvestmentCreationComponent = function (props) {
14086
14093
  onNavigateToProgrammeManagementView();
14087
14094
  return;
14088
14095
  }
14089
- setData(state.record);
14096
+ if (state === null || state === void 0 ? void 0 : state.record) {
14097
+ setData(state === null || state === void 0 ? void 0 : state.record);
14098
+ }
14099
+ else {
14100
+ setData({ ownership: true });
14101
+ }
14090
14102
  }, []);
14091
14103
  React.useEffect(function () {
14092
- getOrganisationsDetails();
14104
+ if (data) {
14105
+ var keys = Object.keys(data);
14106
+ if (keys[0] !== "ownership") {
14107
+ getOrganisationsDetails();
14108
+ }
14109
+ }
14093
14110
  }, [data]);
14094
14111
  if (!data) {
14095
14112
  return React.createElement(Loading, null);
14096
14113
  }
14097
14114
  var companyName = {};
14098
- for (var _i = 0, _j = data.company; _i < _j.length; _i++) {
14099
- var company = _j[_i];
14100
- companyName[company.companyId] = company;
14101
- }
14102
- if (!data.proponentPercentage) {
14103
- data.proponentPercentage = [100];
14115
+ if (data && Object.keys(data)[0] !== "ownership") {
14116
+ for (var _i = 0, _k = data === null || data === void 0 ? void 0 : data.company; _i < _k.length; _i++) {
14117
+ var company = _k[_i];
14118
+ companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
14119
+ }
14120
+ if (!data.proponentPercentage) {
14121
+ data.proponentPercentage = [100];
14122
+ }
14104
14123
  }
14105
14124
  var nextOne = function (val) {
14106
14125
  setCurrent(current + 1);
@@ -14170,6 +14189,10 @@ var InvestmentCreationComponent = function (props) {
14170
14189
  formOne.setFieldValue(fieldName, null);
14171
14190
  }
14172
14191
  };
14192
+ var onChangeTypeCreation = function (e) {
14193
+ console.log('radio checked', e.target.value);
14194
+ setTypeCreation(e.target.value);
14195
+ };
14173
14196
  return (React.createElement("div", { className: "add-programme-main-container" },
14174
14197
  React.createElement("div", { className: "title-container" },
14175
14198
  React.createElement("div", { className: "main" }, t("programme:addInvestment")),
@@ -14184,6 +14207,15 @@ var InvestmentCreationComponent = function (props) {
14184
14207
  description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
14185
14208
  React.createElement("div", { className: "investment-sought-form" },
14186
14209
  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 },
14210
+ React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
14211
+ React.createElement(antd.Col, { xl: 8, md: 12 },
14212
+ React.createElement(antd.Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "typeCreation", rules: [
14213
+ {
14214
+ required: false,
14215
+ },
14216
+ ] },
14217
+ 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" },
14218
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onChange: onChangeTypeCreation }, t("programme:" + k)))); }))))),
14187
14219
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
14188
14220
  React.createElement(antd.Col, { xl: 12, md: 24 },
14189
14221
  React.createElement("div", { className: "details-part-one" },
@@ -14389,7 +14421,7 @@ var InvestmentCreationComponent = function (props) {
14389
14421
  React.createElement("div", { className: "step-count" }, "02"),
14390
14422
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
14391
14423
  description: current === 1 && (React.createElement("div", null,
14392
- React.createElement("div", { className: "programme-sought-form-container ownership-container" },
14424
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
14393
14425
  React.createElement("div", { className: "programme-sought-form" },
14394
14426
  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 :
14395
14427
  data.companyId.map(function (companyId, index) {
@@ -14566,7 +14598,7 @@ var InvestmentActionModel = function (props) {
14566
14598
  };
14567
14599
 
14568
14600
  var InvestmentManagementComponent = function (props) {
14569
- var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
14601
+ var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
14570
14602
  var t = translator.t;
14571
14603
  var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
14572
14604
  label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
@@ -15041,11 +15073,12 @@ var InvestmentManagementComponent = function (props) {
15041
15073
  // setCurrentPage(1);
15042
15074
  };
15043
15075
  return (React.createElement("div", { className: "investment-management content-container" },
15044
- React.createElement("div", { className: "title-bar" },
15045
- React.createElement(antd.Row, { justify: "space-between", align: "middle" },
15046
- React.createElement(antd.Col, { span: 20 },
15047
- React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
15048
- React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))))),
15076
+ React.createElement("div", { className: "investment-title-bar" },
15077
+ React.createElement("div", { className: "title-bar" },
15078
+ React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
15079
+ React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
15080
+ React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
15081
+ React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
15049
15082
  React.createElement("div", { className: "content-card" },
15050
15083
  React.createElement(antd.Row, null,
15051
15084
  React.createElement(antd.Col, { lg: { span: 15 }, md: { span: 14 } },
@@ -15094,204 +15127,1061 @@ var InvestmentManagementComponent = function (props) {
15094
15127
  }, 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 }))));
15095
15128
  };
15096
15129
 
15097
- 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";
15098
- styleInject(css_248z$h);
15130
+ 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";
15131
+ styleInject(css_248z$i);
15099
15132
 
15100
- var NdcActionManagementComponent = function (props) {
15101
- var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
15102
- var _a = React.useState(true), checkAll = _a[0], setCheckAll = _a[1];
15103
- var _b = React.useState([]), tableData = _b[0], setTableData = _b[1];
15104
- var _c = React.useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
15105
- var _d = React.useState(), statusFilter = _d[0], setStatusFilter = _d[1];
15106
- var _e = React.useState(), search = _e[0], setSearch = _e[1];
15107
- var _f = React.useState(), searchText = _f[0], setSearchText = _f[1];
15108
- var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
15109
- var _h = React.useState(1), currentPage = _h[0], setCurrentPage = _h[1];
15110
- var _j = React.useState(10), pageSize = _j[0], setPageSize = _j[1];
15111
- var _k = React.useState(), sortOrder = _k[0], setSortOrder = _k[1];
15112
- var _l = React.useState(), sortField = _l[0], setSortField = _l[1];
15113
- var _m = React.useState(), dataFilter = _m[0]; _m[1];
15114
- var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
15115
- var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
15116
- var Search = antd.Input.Search;
15133
+ var SupportCreationComponent = function (props) {
15134
+ var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
15135
+ useLocation().state;
15136
+ var _a = React.useState(); _a[0]; _a[1];
15137
+ var formOne = antd.Form.useForm()[0];
15138
+ antd.Form.useForm()[0];
15117
15139
  var post = useConnection().post;
15118
- var userInfoState = useUserContext().userInfoState;
15119
- var statusOptions = Object.keys(exports.NdcActionStatus).map(function (k, index) { return ({
15120
- label: addSpaces(Object.values(exports.NdcActionStatus)[index]),
15121
- value: Object.values(exports.NdcActionStatus)[index],
15140
+ var _b = React.useState(false), loading = _b[0]; _b[1];
15141
+ var _c = React.useState(false), loadingList = _c[0], setLoadingList = _c[1];
15142
+ var _d = React.useState(0), current = _d[0], setCurrent = _d[1];
15143
+ var _e = React.useState(0); _e[0]; _e[1];
15144
+ var _f = React.useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
15145
+ var _g = React.useState([]), instrument = _g[0], setInstrument = _g[1];
15146
+ var _h = React.useState(); _h[0]; var setStepOneData = _h[1];
15147
+ var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
15148
+ label: addSpaces(Object.values(exports.Instrument)[index]),
15149
+ value: Object.values(exports.Instrument)[index],
15122
15150
  }); });
15123
- var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
15124
- var getNdcActionNames = function (action) {
15125
- switch (action) {
15126
- case exports.NdcActionTypes.Adaptation:
15127
- return t("ndcAction:adaptation");
15128
- case exports.NdcActionTypes.Mitigation:
15129
- return t("ndcAction:mitigation");
15130
- case exports.NdcActionTypes.CrossCutting:
15131
- return t("ndcAction:crossCutting");
15132
- case exports.NdcActionTypes.Enablement:
15133
- return t("ndcAction:enablement");
15134
- default:
15135
- return "";
15136
- }
15137
- };
15138
- var getCompanyLogos = function (companyId, itemObj) {
15139
- if (companyId && itemObj.company.length > 0) {
15140
- var selectedCompany = itemObj.company.find(function (c) { return c.companyId === parseInt(companyId); });
15141
- if (selectedCompany) {
15142
- return (React.createElement(antd.Tooltip, { title: selectedCompany.name, color: TooltipColor, key: TooltipColor },
15143
- React.createElement("div", null,
15144
- React.createElement(ProfileIcon, { icon: selectedCompany.logo, bg: getCompanyBgColor(selectedCompany.companyRole), name: selectedCompany.name }))));
15145
- }
15146
- else {
15147
- return React.createElement("div", null);
15148
- }
15149
- }
15151
+ var onInstrumentChange = function (value) {
15152
+ setInstrument(value);
15150
15153
  };
15151
- var columns = [
15152
- {
15153
- title: t("ndcAction:ndcColumnsActionId"),
15154
- dataIndex: "id",
15155
- key: "id",
15156
- align: "left",
15157
- sorter: true,
15158
- render: function (item) {
15159
- return React.createElement("span", { className: "clickable" }, item);
15160
- },
15161
- onCell: function (record, rowIndex) {
15162
- return {
15163
- onClick: function (ev) {
15164
- onNavigateToNdcManagementView(record);
15165
- },
15166
- };
15167
- },
15168
- },
15169
- {
15170
- title: t("ndcAction:ndcColumnsDate"),
15171
- key: "createdTime",
15172
- sorter: true,
15173
- align: "left",
15174
- render: function (item, itemObj) {
15175
- return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, luxon.DateTime.fromMillis(parseInt(itemObj.createdTime)).toFormat("dd LLLL yyyy")));
15176
- },
15177
- },
15178
- {
15179
- title: t("ndcAction:ndcColumnsNdcAction"),
15180
- dataIndex: "action",
15181
- key: "action",
15182
- sorter: true,
15183
- align: "left",
15184
- render: function (item) {
15185
- return getNdcActionNames(item);
15186
- },
15187
- },
15188
- {
15189
- title: t("ndcAction:ndcColumnsProgrammeName"),
15190
- dataIndex: "programmeName",
15191
- key: "programmeName",
15192
- sorter: true,
15193
- align: "left",
15194
- render: function (item) {
15195
- return React.createElement("span", { className: "clickable" }, item);
15196
- },
15197
- onCell: function (record, rowIndex) {
15198
- return {
15199
- onClick: function (ev) {
15200
- onNavigateToProgrammeManagementView(record.programmeId);
15201
- },
15202
- };
15203
- },
15204
- },
15205
- {
15206
- title: t("ndcAction:ndcColumnsSector"),
15207
- dataIndex: "sector",
15208
- key: "sector",
15209
- align: "left",
15210
- sorter: true,
15211
- },
15212
- {
15213
- title: t("ndcAction:ndcColumnsOwners"),
15214
- key: "companyId",
15215
- sorter: true,
15216
- align: "left",
15217
- render: function (item, itemObj) {
15218
- return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.companyId &&
15219
- itemObj.companyId.map(function (v, i) {
15220
- return getCompanyLogos(v, itemObj);
15221
- })));
15222
- },
15223
- },
15224
- {
15225
- title: t("ndcAction:ndcColumnsStatus"),
15226
- dataIndex: "status",
15227
- align: "center",
15228
- key: "status",
15229
- sorter: true,
15230
- render: function (item, Obj) {
15231
- return (React.createElement(antd.Tooltip, { title: Obj.status, color: TooltipColor, key: TooltipColor },
15232
- React.createElement(antd.Tag, { className: "clickable", color: getNdcStatusTagType(Obj.status) }, addSpaces(Obj.status))));
15233
- },
15234
- },
15235
- ];
15236
- var getNdcActionData = function () { return __awaiter(void 0, void 0, void 0, function () {
15237
- var filter, interFilterOr, sort, filterBy, response, error_1;
15154
+ var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15155
+ var filterAnd, response, error_1;
15238
15156
  return __generator(this, function (_a) {
15239
15157
  switch (_a.label) {
15240
15158
  case 0:
15241
- setLoading(true);
15242
- filter = [];
15243
- if (statusFilter) {
15244
- filter.push(statusFilter);
15245
- }
15246
- if (dataFilter) {
15247
- filter.push(dataFilter);
15248
- }
15249
- if (search && search !== "") {
15250
- interFilterOr = [
15251
- {
15252
- key: "programmeName",
15253
- operation: "like",
15254
- value: "".concat(search, "%"),
15255
- },
15256
- ];
15257
- if (!isNaN(Number(search))) {
15258
- interFilterOr.push({
15259
- key: "id",
15260
- operation: "like",
15261
- value: "".concat(search),
15262
- });
15263
- }
15264
- filter.push({
15265
- value: {
15266
- page: currentPage,
15267
- size: pageSize,
15268
- filterOr: interFilterOr,
15269
- },
15270
- });
15271
- }
15272
- if (sortOrder && sortField) {
15273
- sort = {
15274
- key: sortField,
15275
- order: sortOrder,
15276
- nullFirst: false,
15277
- };
15278
- }
15279
- else {
15280
- sort = {
15281
- key: "txTime",
15282
- order: "DESC",
15283
- };
15284
- }
15285
- if (ministryLevelFilter) {
15286
- filterBy = {
15287
- key: "ministryLevel",
15288
- value: ministrySectoralScope,
15289
- };
15290
- }
15159
+ setLoadingList(true);
15291
15160
  _a.label = 1;
15292
15161
  case 1:
15293
- _a.trys.push([1, 3, , 4]);
15294
- return [4 /*yield*/, post("national/programme/queryNdcActions", {
15162
+ _a.trys.push([1, 3, 4, 5]);
15163
+ filterAnd = [];
15164
+ filterAnd = [
15165
+ {
15166
+ key: "companyRole",
15167
+ operation: "=",
15168
+ value: exports.CompanyRole.PROGRAMME_DEVELOPER.toString(),
15169
+ },
15170
+ ];
15171
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER) {
15172
+ filterAnd.push({
15173
+ key: "companyId",
15174
+ operation: "!=",
15175
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
15176
+ });
15177
+ }
15178
+ return [4 /*yield*/, post("national/organisation/queryNames", {
15179
+ page: 1,
15180
+ size: 100,
15181
+ filterAnd: filterAnd,
15182
+ })];
15183
+ case 2:
15184
+ response = _a.sent();
15185
+ if (response.data) {
15186
+ setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
15187
+ }
15188
+ return [3 /*break*/, 5];
15189
+ case 3:
15190
+ error_1 = _a.sent();
15191
+ console.log("Error in getting organisation list", error_1);
15192
+ return [3 /*break*/, 5];
15193
+ case 4:
15194
+ setLoadingList(false);
15195
+ return [7 /*endfinally*/];
15196
+ case 5: return [2 /*return*/];
15197
+ }
15198
+ });
15199
+ }); };
15200
+ React.useEffect(function () {
15201
+ getOrganisationsDetails();
15202
+ }, []);
15203
+ // const companyName: any = {};
15204
+ // for (const company of data!?.company) {
15205
+ // companyName[company.companyId] = company;
15206
+ // }
15207
+ // if (!data!.proponentPercentage) {
15208
+ // data.proponentPercentage = [100];
15209
+ // }
15210
+ var nextOne = function (val) {
15211
+ setCurrent(current + 1);
15212
+ setStepOneData(val);
15213
+ };
15214
+ // const submitInvestment = async (val: any) => {
15215
+ // console.log(val);
15216
+ // console.log(stepOneData);
15217
+ // setLoading(true);
15218
+ // const payload = stepOneData;
15219
+ // payload.programmeId = data.programmeId;
15220
+ // payload.amount = parseFloat(payload.amount);
15221
+ // if (payload.interestRate) {
15222
+ // payload.interestRate = parseFloat(payload.interestRate);
15223
+ // }
15224
+ // if (payload.paymentPerMetric) {
15225
+ // payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15226
+ // }
15227
+ // payload.fromCompanyIds = data.companyId.map((e) => Number(e));
15228
+ // payload.percentage = val.percentage;
15229
+ // payload.toCompanyId = Number(payload.toCompanyId);
15230
+ // try {
15231
+ // const response: any = await post(
15232
+ // "national/programme/addInvestment",
15233
+ // payload
15234
+ // );
15235
+ // console.log("investment creation -> ", response);
15236
+ // if (response?.statusText === "SUCCESS") {
15237
+ // message.open({
15238
+ // type: "success",
15239
+ // content: t("programme:investmentCreationSuccess"),
15240
+ // duration: 4,
15241
+ // style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15242
+ // });
15243
+ // }
15244
+ // onNavigateToProgrammeView();
15245
+ // } catch (error: any) {
15246
+ // console.log("Error in investment creation - ", error);
15247
+ // message.open({
15248
+ // type: "error",
15249
+ // content: error?.message,
15250
+ // duration: 4,
15251
+ // style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15252
+ // });
15253
+ // } finally {
15254
+ // setLoading(false);
15255
+ // }
15256
+ // };
15257
+ var deselectOnClick = function (e, fieldName) {
15258
+ var value = e.target.value;
15259
+ if (value === formOne.getFieldValue(fieldName)) {
15260
+ console.log("double clicked button", value);
15261
+ formOne.setFieldValue(fieldName, null);
15262
+ }
15263
+ };
15264
+ return (React.createElement("div", { className: "add-programme-main-container" },
15265
+ React.createElement("div", { className: "title-container" },
15266
+ React.createElement("div", { className: "main" }, t("programme:addSupport")),
15267
+ React.createElement("div", { className: "sub" }, t("programme:addSupportSub"))),
15268
+ React.createElement("div", { className: "adding-section" },
15269
+ React.createElement("div", { className: "form-section" },
15270
+ React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: [
15271
+ {
15272
+ title: (React.createElement("div", { className: "step-title-container" },
15273
+ React.createElement("div", { className: "step-count" }, "01"),
15274
+ React.createElement("div", { className: "title" }, t("programme:programmeFinancingInvested")))),
15275
+ description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
15276
+ React.createElement("div", { className: "investment-sought-form" },
15277
+ 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 },
15278
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15279
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15280
+ React.createElement("div", { className: "details-part-one" },
15281
+ React.createElement(antd.Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
15282
+ {
15283
+ required: true,
15284
+ message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
15285
+ },
15286
+ ] },
15287
+ 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)); }))))),
15288
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15289
+ React.createElement("div", { className: "details-part-two" },
15290
+ React.createElement(antd.Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
15291
+ {
15292
+ required: true,
15293
+ message: "",
15294
+ },
15295
+ {
15296
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15297
+ return __generator(this, function (_a) {
15298
+ if (String(value).trim() === "" ||
15299
+ String(value).trim() === undefined ||
15300
+ value === null ||
15301
+ value === undefined) {
15302
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
15303
+ }
15304
+ else if (!isNaN(value) &&
15305
+ Number(value) > 0) {
15306
+ return [2 /*return*/, Promise.resolve()];
15307
+ }
15308
+ else {
15309
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
15310
+ }
15311
+ });
15312
+ }); },
15313
+ },
15314
+ ] },
15315
+ React.createElement(antd.Input, { size: "large" }))))),
15316
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15317
+ React.createElement(antd.Col, { xl: 24, md: 24 },
15318
+ React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15319
+ React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15320
+ instrument &&
15321
+ instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15322
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15323
+ React.createElement("div", { className: "details-part-two" },
15324
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15325
+ {
15326
+ required: true,
15327
+ message: "",
15328
+ },
15329
+ {
15330
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15331
+ return __generator(this, function (_a) {
15332
+ if (String(value).trim() === "" ||
15333
+ String(value).trim() ===
15334
+ undefined ||
15335
+ value === null ||
15336
+ value === undefined) {
15337
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15338
+ }
15339
+ else if (!isNaN(value)) {
15340
+ return [2 /*return*/, Promise.resolve()];
15341
+ }
15342
+ else {
15343
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15344
+ }
15345
+ });
15346
+ }); },
15347
+ },
15348
+ ] },
15349
+ React.createElement(antd.Input, { size: "large" })))))),
15350
+ instrument &&
15351
+ instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15352
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15353
+ React.createElement("div", { className: "details-part-two" },
15354
+ React.createElement(antd.Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
15355
+ {
15356
+ required: true,
15357
+ message: "",
15358
+ },
15359
+ {
15360
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15361
+ return __generator(this, function (_a) {
15362
+ if (String(value).trim() === "" ||
15363
+ String(value).trim() ===
15364
+ undefined ||
15365
+ value === null ||
15366
+ value === undefined) {
15367
+ throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
15368
+ }
15369
+ return [2 /*return*/];
15370
+ });
15371
+ }); },
15372
+ },
15373
+ ] },
15374
+ React.createElement(antd.Input, { size: "large" })))),
15375
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15376
+ React.createElement("div", { className: "details-part-two" },
15377
+ React.createElement(antd.Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
15378
+ {
15379
+ required: true,
15380
+ message: "",
15381
+ },
15382
+ {
15383
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15384
+ return __generator(this, function (_a) {
15385
+ if (String(value).trim() === "" ||
15386
+ String(value).trim() ===
15387
+ undefined ||
15388
+ value === null ||
15389
+ value === undefined) {
15390
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
15391
+ }
15392
+ else if (!isNaN(value)) {
15393
+ return [2 /*return*/, Promise.resolve()];
15394
+ }
15395
+ else {
15396
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
15397
+ }
15398
+ });
15399
+ }); },
15400
+ },
15401
+ ] },
15402
+ React.createElement(antd.Input, { size: "large" })))))),
15403
+ instrument &&
15404
+ instrument.indexOf(exports.Instrument.INKIND) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15405
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15406
+ React.createElement("div", { className: "details-part-two" },
15407
+ React.createElement(antd.Form.Item, { label: t("programme:description"), name: "description", rules: [
15408
+ {
15409
+ required: false,
15410
+ message: "",
15411
+ },
15412
+ ] },
15413
+ React.createElement(antd.Input, { size: "large" })))))),
15414
+ instrument &&
15415
+ instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15416
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15417
+ React.createElement("div", { className: "details-part-two" },
15418
+ React.createElement(antd.Form.Item, { label: t("programme:comments"), name: "comments", rules: [
15419
+ {
15420
+ required: true,
15421
+ message: "",
15422
+ },
15423
+ {
15424
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15425
+ return __generator(this, function (_a) {
15426
+ if (String(value).trim() === "" ||
15427
+ String(value).trim() ===
15428
+ undefined ||
15429
+ value === null ||
15430
+ value === undefined) {
15431
+ throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
15432
+ }
15433
+ return [2 /*return*/];
15434
+ });
15435
+ }); },
15436
+ },
15437
+ ] },
15438
+ React.createElement(antd.Input, { size: "large" })))))),
15439
+ React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
15440
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15441
+ React.createElement(antd.Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
15442
+ {
15443
+ required: false,
15444
+ },
15445
+ ] },
15446
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15447
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15448
+ return deselectOnClick(e, "type");
15449
+ } }, t("programme:" + k)))); })))),
15450
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15451
+ React.createElement(antd.Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
15452
+ {
15453
+ required: false,
15454
+ },
15455
+ ] },
15456
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15457
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15458
+ return deselectOnClick(e, "level");
15459
+ } }, t("programme:" + k)))); })))),
15460
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15461
+ React.createElement(antd.Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
15462
+ {
15463
+ required: false,
15464
+ },
15465
+ ] },
15466
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15467
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15468
+ return deselectOnClick(e, "stream");
15469
+ } }, t("programme:" + k)))); }))))),
15470
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15471
+ React.createElement(antd.Col, { xl: 12, md: 24 },
15472
+ React.createElement(antd.Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
15473
+ React.createElement(antd.Select, { size: "large" }, Object.values(exports.ESGType).map(function (esg) { return (React.createElement(antd.Select.Option, { value: esg }, esg)); }))))),
15474
+ React.createElement(antd.Form.Item, null,
15475
+ React.createElement("div", { className: "steps-actions" },
15476
+ React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
15477
+ },
15478
+ {
15479
+ title: (React.createElement("div", { className: "step-title-container" },
15480
+ React.createElement("div", { className: "step-count" }, "02"),
15481
+ React.createElement("div", { className: "title" }, t("programme:ownership")))),
15482
+ description: current === 1 && (React.createElement("div", null,
15483
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }))),
15484
+ },
15485
+ ] })))));
15486
+ };
15487
+
15488
+ var SupportManagementComponent = function (props) {
15489
+ var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
15490
+ var t = translator.t;
15491
+ var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
15492
+ label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
15493
+ value: Object.values(exports.InvestmentStatus)[index],
15494
+ }); });
15495
+ var _a = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _a[0], setSelectedStatus = _a[1];
15496
+ var _b = React.useState(false), indeterminate = _b[0], setIndeterminate = _b[1];
15497
+ var _c = React.useState(true), checkAll = _c[0], setCheckAll = _c[1];
15498
+ var userInfoState = useUserContext().userInfoState;
15499
+ var _d = useConnection(), post = _d.post; _d.get;
15500
+ var _e = React.useState(), totalProgramme = _e[0], setTotalProgramme = _e[1];
15501
+ var _f = React.useState(), dataFilter = _f[0]; _f[1];
15502
+ var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
15503
+ var _h = React.useState([]), tableData = _h[0], setTableData = _h[1];
15504
+ var _j = React.useState(1), currentPage = _j[0], setCurrentPage = _j[1];
15505
+ var _k = React.useState(10), pageSize = _k[0], setPageSize = _k[1];
15506
+ var _l = React.useState(), search = _l[0], setSearch = _l[1];
15507
+ var _m = React.useState(), searchText = _m[0], setSearchText = _m[1];
15508
+ var _o = React.useState(), statusFilter = _o[0], setStatusFilter = _o[1];
15509
+ var _p = React.useState(), sortOrder = _p[0], setSortOrder = _p[1];
15510
+ var _q = React.useState(), sortField = _q[0], setSortField = _q[1];
15511
+ var _r = React.useState(false), modalVisible = _r[0], setModalVisible = _r[1];
15512
+ var _s = React.useState(), selectedReq = _s[0], setSelectedReq = _s[1];
15513
+ var _t = React.useState(), popupInfo = _t[0], setPopupInfo = _t[1];
15514
+ var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
15515
+ var _v = React.useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
15516
+ var _w = React.useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
15517
+ var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
15518
+ return __generator(this, function (_a) {
15519
+ console.log(checkedValues);
15520
+ if (checkedValues !== selectedStatus) {
15521
+ setSelectedStatus(checkedValues);
15522
+ }
15523
+ if (checkedValues.length === 0) {
15524
+ setTableData([]);
15525
+ setTotalProgramme(0);
15526
+ return [2 /*return*/];
15527
+ }
15528
+ setStatusFilter({
15529
+ key: "status",
15530
+ operation: "in",
15531
+ value: checkedValues,
15532
+ });
15533
+ return [2 /*return*/];
15534
+ });
15535
+ }); };
15536
+ antd.Form.useForm()[0];
15537
+ var Search = antd.Input.Search;
15538
+ var onCheckAllChange = function (e) {
15539
+ var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
15540
+ setSelectedStatus(nw);
15541
+ setIndeterminate(false);
15542
+ setCheckAll(e.target.checked);
15543
+ onStatusQuery(nw);
15544
+ };
15545
+ var getInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
15546
+ var filter, interFilterOr, sort, filterBy, response, error_1;
15547
+ return __generator(this, function (_a) {
15548
+ switch (_a.label) {
15549
+ case 0:
15550
+ setLoading(true);
15551
+ filter = [];
15552
+ if (statusFilter) {
15553
+ filter.push(statusFilter);
15554
+ }
15555
+ if (search && search !== "") {
15556
+ interFilterOr = [
15557
+ {
15558
+ key: "programmeTitle",
15559
+ operation: "like",
15560
+ value: "".concat(search, "%"),
15561
+ },
15562
+ ];
15563
+ if (!isNaN(Number(search))) {
15564
+ interFilterOr.push({
15565
+ key: "requestId",
15566
+ operation: "=",
15567
+ value: "".concat(search),
15568
+ });
15569
+ }
15570
+ filter.push({
15571
+ value: {
15572
+ page: currentPage,
15573
+ size: pageSize,
15574
+ filterOr: interFilterOr,
15575
+ },
15576
+ });
15577
+ }
15578
+ if (sortOrder && sortField) {
15579
+ sort = {
15580
+ key: sortField,
15581
+ order: sortOrder,
15582
+ nullFirst: false,
15583
+ };
15584
+ }
15585
+ else {
15586
+ sort = {
15587
+ key: "requestId",
15588
+ order: "DESC",
15589
+ };
15590
+ }
15591
+ if (ministryLevelFilter) {
15592
+ filterBy = {
15593
+ key: "ministryLevel",
15594
+ value: ministrySectoralScope,
15595
+ };
15596
+ }
15597
+ _a.label = 1;
15598
+ case 1:
15599
+ _a.trys.push([1, 3, , 4]);
15600
+ return [4 /*yield*/, post("national/programme/investmentQuery", {
15601
+ page: currentPage,
15602
+ size: pageSize,
15603
+ filterAnd: filter,
15604
+ filterOr: dataFilter,
15605
+ sort: sort,
15606
+ filterBy: filterBy,
15607
+ })];
15608
+ case 2:
15609
+ response = _a.sent();
15610
+ console.log(response);
15611
+ setTableData(response.data);
15612
+ setTotalProgramme(response.response.data.total);
15613
+ setLoading(false);
15614
+ return [3 /*break*/, 4];
15615
+ case 3:
15616
+ error_1 = _a.sent();
15617
+ console.log("Error in getting programme investment", error_1);
15618
+ antd.message.open({
15619
+ type: "error",
15620
+ content: error_1.message,
15621
+ duration: 3,
15622
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15623
+ });
15624
+ setLoading(false);
15625
+ return [3 /*break*/, 4];
15626
+ case 4: return [2 /*return*/];
15627
+ }
15628
+ });
15629
+ }); };
15630
+ var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15631
+ var response, error_2;
15632
+ var _a, _b, _c, _d, _e, _f;
15633
+ return __generator(this, function (_g) {
15634
+ switch (_g.label) {
15635
+ case 0:
15636
+ setLoading(true);
15637
+ _g.label = 1;
15638
+ case 1:
15639
+ _g.trys.push([1, 3, , 4]);
15640
+ return [4 /*yield*/, post("national/user/query", {
15641
+ page: 1,
15642
+ size: 10,
15643
+ filterAnd: [
15644
+ {
15645
+ key: "id",
15646
+ operation: "=",
15647
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
15648
+ },
15649
+ ],
15650
+ })];
15651
+ case 2:
15652
+ response = _g.sent();
15653
+ if (response && response.data) {
15654
+ if (((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.companyRole) === exports.CompanyRole.MINISTRY &&
15655
+ ((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company) &&
15656
+ ((_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)) {
15657
+ 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);
15658
+ }
15659
+ }
15660
+ setLoading(false);
15661
+ return [3 /*break*/, 4];
15662
+ case 3:
15663
+ error_2 = _g.sent();
15664
+ console.log("Error in getting users", error_2);
15665
+ setLoading(false);
15666
+ return [3 /*break*/, 4];
15667
+ case 4: return [2 /*return*/];
15668
+ }
15669
+ });
15670
+ }); };
15671
+ React.useEffect(function () {
15672
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
15673
+ getUserDetails();
15674
+ }
15675
+ }, []);
15676
+ React.useEffect(function () {
15677
+ if (currentPage !== 1) {
15678
+ setCurrentPage(1);
15679
+ }
15680
+ else {
15681
+ getInvestmentData();
15682
+ }
15683
+ }, [statusFilter, dataFilter]);
15684
+ React.useEffect(function () {
15685
+ getInvestmentData();
15686
+ }, [
15687
+ currentPage,
15688
+ pageSize,
15689
+ sortField,
15690
+ sortOrder,
15691
+ search,
15692
+ ministryLevelFilter,
15693
+ ]);
15694
+ var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
15695
+ var response, successMsg, error_3;
15696
+ return __generator(this, function (_a) {
15697
+ switch (_a.label) {
15698
+ case 0:
15699
+ setLoading(true);
15700
+ _a.label = 1;
15701
+ case 1:
15702
+ _a.trys.push([1, 3, , 4]);
15703
+ return [4 /*yield*/, post("national/programme/" + endpoint, {
15704
+ requestId: reqId,
15705
+ comment: remarks,
15706
+ })];
15707
+ case 2:
15708
+ response = _a.sent();
15709
+ successMsg = response.message;
15710
+ if (isRetire) {
15711
+ successMsg = t("creditTransfer:internationalTransferReqCancelled");
15712
+ }
15713
+ console.log(response);
15714
+ antd.message.open({
15715
+ type: "success",
15716
+ content: successText ? successText : successMsg,
15717
+ duration: 3,
15718
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15719
+ });
15720
+ setLoading(false);
15721
+ getInvestmentData();
15722
+ setModalVisible(false);
15723
+ return [3 /*break*/, 4];
15724
+ case 3:
15725
+ error_3 = _a.sent();
15726
+ console.log("Error in Cancelling transfer request", error_3);
15727
+ setLoading(false);
15728
+ return [2 /*return*/, error_3.message];
15729
+ case 4: return [2 /*return*/];
15730
+ }
15731
+ });
15732
+ }); };
15733
+ var showModalOnAction = function (record, info) {
15734
+ setSelectedReq(record);
15735
+ setModalVisible(true);
15736
+ setPopupInfo(info);
15737
+ };
15738
+ var actionMenu = function (record) {
15739
+ var isRetire = false;
15740
+ if (record.isRetirement === true) {
15741
+ isRetire = true;
15742
+ }
15743
+ if (record.status === "Pending" &&
15744
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
15745
+ return (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) === record.initiatorCompanyId ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
15746
+ {
15747
+ text: t("creditTransfer:cancel"),
15748
+ icon: React.createElement(Icon__namespace.ExclamationOctagon, null),
15749
+ click: function () {
15750
+ showModalOnAction(record, {
15751
+ title: t("creditTransfer:cancelTitle"),
15752
+ icon: React.createElement(Icon__namespace.ExclamationOctagon, null),
15753
+ actionBtnText: t("creditTransfer:proceed"),
15754
+ okAction: function (requestId, comment) {
15755
+ return handleRequestOk(requestId, comment, "investmentCancel", undefined, isRetire);
15756
+ },
15757
+ type: "danger",
15758
+ remarkRequired: true,
15759
+ });
15760
+ },
15761
+ },
15762
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
15763
+ React.createElement(antd.Typography.Text, { className: "action-icon color-error" }, item.icon),
15764
+ 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: [
15765
+ {
15766
+ text: t("creditTransfer:accept"),
15767
+ icon: React.createElement(Icon__namespace.ClipboardCheck, null),
15768
+ style: "color-primary",
15769
+ click: function () {
15770
+ showModalOnAction(record, {
15771
+ title: t("creditTransfer:acceptTitle"),
15772
+ icon: React.createElement(Icon__namespace.ClipboardCheck, null),
15773
+ actionBtnText: t("creditTransfer:proceed"),
15774
+ okAction: function (requestId, comment) {
15775
+ return handleRequestOk(requestId, comment, "investmentApprove", "".concat(t("programme:investmentReqApproved")));
15776
+ },
15777
+ type: "primary",
15778
+ remarkRequired: false,
15779
+ });
15780
+ },
15781
+ },
15782
+ {
15783
+ text: t("creditTransfer:reject"),
15784
+ icon: React.createElement(Icon__namespace.XOctagon, null),
15785
+ style: "color-error",
15786
+ click: function () {
15787
+ showModalOnAction(record, {
15788
+ title: t("creditTransfer:rejectTitle"),
15789
+ icon: React.createElement(Icon__namespace.XOctagon, null),
15790
+ actionBtnText: t("creditTransfer:reject"),
15791
+ okAction: function (requestId, comment) {
15792
+ return handleRequestOk(requestId, comment, "investmentReject");
15793
+ },
15794
+ type: "danger",
15795
+ remarkRequired: true,
15796
+ });
15797
+ },
15798
+ },
15799
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
15800
+ React.createElement(antd.Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
15801
+ React.createElement("span", null, item.text))); } })) : null;
15802
+ }
15803
+ };
15804
+ var columns = [
15805
+ {
15806
+ title: t("programme:requestId"),
15807
+ dataIndex: "requestId",
15808
+ key: "requestId",
15809
+ sorter: true,
15810
+ },
15811
+ {
15812
+ title: t("programme:date"),
15813
+ key: "txTime",
15814
+ sorter: true,
15815
+ align: "left",
15816
+ render: function (item, itemObj) {
15817
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, luxon.DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
15818
+ },
15819
+ },
15820
+ {
15821
+ title: t("programme:type"),
15822
+ key: "type",
15823
+ sorter: true,
15824
+ align: "center",
15825
+ render: function (item, Obj) {
15826
+ if (!Obj.type) {
15827
+ return React.createElement("span", null, "-");
15828
+ }
15829
+ return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.type), color: TooltipColor, key: TooltipColor },
15830
+ React.createElement("div", null,
15831
+ 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 }))));
15832
+ },
15833
+ },
15834
+ {
15835
+ title: t("programme:level"),
15836
+ key: "level",
15837
+ sorter: true,
15838
+ align: "center",
15839
+ render: function (item, Obj) {
15840
+ if (!Obj.level) {
15841
+ return React.createElement("span", null, "-");
15842
+ }
15843
+ return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.level), color: TooltipColor, key: TooltipColor },
15844
+ React.createElement("div", null,
15845
+ 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 }))));
15846
+ },
15847
+ },
15848
+ {
15849
+ title: t("programme:stream"),
15850
+ key: "stream",
15851
+ sorter: true,
15852
+ align: "center",
15853
+ render: function (item, Obj) {
15854
+ if (!Obj.stream) {
15855
+ return React.createElement("span", null, "-");
15856
+ }
15857
+ return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.stream), color: TooltipColor, key: TooltipColor },
15858
+ React.createElement("div", null,
15859
+ 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 }))));
15860
+ },
15861
+ },
15862
+ {
15863
+ title: t("programme:sector"),
15864
+ dataIndex: "programmeSector",
15865
+ key: "programmeSector",
15866
+ sorter: true,
15867
+ align: "left",
15868
+ },
15869
+ {
15870
+ title: t("programme:investor"),
15871
+ key: "toCompanyId",
15872
+ sorter: true,
15873
+ align: "left",
15874
+ render: function (item, itemObj) {
15875
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.receiver &&
15876
+ itemObj.receiver.map(function (v, i) {
15877
+ return (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
15878
+ React.createElement("div", null,
15879
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
15880
+ })));
15881
+ },
15882
+ },
15883
+ {
15884
+ title: t("programme:status"),
15885
+ key: "status",
15886
+ sorter: true,
15887
+ align: "center",
15888
+ render: function (item, Obj) {
15889
+ return (React.createElement(antd.Tooltip, { title: Obj.serialNo, color: TooltipColor, key: TooltipColor },
15890
+ React.createElement(antd.Tag, { className: "clickable", color: getStatusTagType(Obj.status) }, addSpaces(Obj.status))));
15891
+ },
15892
+ },
15893
+ {
15894
+ title: t("programme:amount"),
15895
+ dataIndex: "amount",
15896
+ key: "amount",
15897
+ sorter: true,
15898
+ align: "right",
15899
+ render: function (item) {
15900
+ return React.createElement("span", { className: "clickable" }, addCommSepRound(item));
15901
+ },
15902
+ },
15903
+ {
15904
+ align: "right",
15905
+ render: function (_, record) {
15906
+ var menu = actionMenu(record);
15907
+ return menu && !isTransferFrozen ? (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
15908
+ React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))) : (React.createElement("span", null));
15909
+ },
15910
+ },
15911
+ ];
15912
+ var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
15913
+ return __generator(this, function (_a) {
15914
+ setSearch(searchText);
15915
+ return [2 /*return*/];
15916
+ });
15917
+ }); };
15918
+ var onChange = function (page, size) {
15919
+ setCurrentPage(page);
15920
+ setPageSize(size);
15921
+ };
15922
+ var handleTableChange = function (pag, sorter) {
15923
+ console.log(pag, sorter);
15924
+ setSortOrder(sorter.order === "ascend"
15925
+ ? "ASC"
15926
+ : sorter.order === "descend"
15927
+ ? "DESC"
15928
+ : undefined);
15929
+ setSortField(sorter.columnKey);
15930
+ // setCurrentPage(1);
15931
+ };
15932
+ return (React.createElement("div", { className: "investment-management content-container" },
15933
+ React.createElement("div", { className: "support-title-bar" },
15934
+ React.createElement("div", { className: "title-bar" },
15935
+ React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
15936
+ React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
15937
+ React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
15938
+ React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addSupportBtnText")))))),
15939
+ React.createElement("div", { className: "content-card" },
15940
+ React.createElement(antd.Row, null,
15941
+ React.createElement(antd.Col, { lg: { span: 15 }, md: { span: 14 } },
15942
+ React.createElement("div", { className: "action-bar" },
15943
+ React.createElement(antd.Checkbox, { className: "all-check", indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, "All"),
15944
+ React.createElement(antd.Checkbox.Group, { options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
15945
+ React.createElement(antd.Col, { lg: { span: 9 }, md: { span: 10 } },
15946
+ React.createElement("div", { className: "filter-section" },
15947
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement("div", { className: "search-filter" },
15948
+ React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
15949
+ if (userInfoState.companyRole === exports.CompanyRole.MINISTRY) {
15950
+ if (v.target.checked) {
15951
+ setMinistryLevelFilter(true);
15952
+ }
15953
+ else {
15954
+ setMinistryLevelFilter(false);
15955
+ }
15956
+ }
15957
+ } }, t("programme:ministryLevel")))),
15958
+ React.createElement("div", { className: "search-bar" },
15959
+ React.createElement(Search, { onPressEnter: onSearch, placeholder: "Search", allowClear: true, onChange: function (e) {
15960
+ return e.target.value === ""
15961
+ ? setSearch(e.target.value)
15962
+ : setSearchText(e.target.value);
15963
+ }, onSearch: setSearch, style: { width: 265 } }))))),
15964
+ React.createElement(antd.Row, null,
15965
+ React.createElement(antd.Col, { span: 24 },
15966
+ React.createElement("div", { className: "programmeManagement-table-container" },
15967
+ React.createElement(antd.Table, { dataSource: tableData, columns: columns, className: "common-table-class", loading: loading, pagination: {
15968
+ current: currentPage,
15969
+ pageSize: pageSize,
15970
+ total: totalProgramme,
15971
+ showQuickJumper: true,
15972
+ showSizeChanger: true,
15973
+ onChange: onChange,
15974
+ }, onChange: function (val, filter, sorter) {
15975
+ return handleTableChange(val, sorter);
15976
+ }, locale: {
15977
+ emptyText: (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
15978
+ ? t("creditTransfer:noTransfer")
15979
+ : null })),
15980
+ } }))))),
15981
+ popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
15982
+ setModalVisible(false);
15983
+ setSelectedReq(undefined);
15984
+ }, 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 }))));
15985
+ };
15986
+
15987
+ 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";
15988
+ styleInject(css_248z$h);
15989
+
15990
+ var NdcActionManagementComponent = function (props) {
15991
+ var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
15992
+ var _a = React.useState(true), checkAll = _a[0], setCheckAll = _a[1];
15993
+ var _b = React.useState([]), tableData = _b[0], setTableData = _b[1];
15994
+ var _c = React.useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
15995
+ var _d = React.useState(), statusFilter = _d[0], setStatusFilter = _d[1];
15996
+ var _e = React.useState(), search = _e[0], setSearch = _e[1];
15997
+ var _f = React.useState(), searchText = _f[0], setSearchText = _f[1];
15998
+ var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
15999
+ var _h = React.useState(1), currentPage = _h[0], setCurrentPage = _h[1];
16000
+ var _j = React.useState(10), pageSize = _j[0], setPageSize = _j[1];
16001
+ var _k = React.useState(), sortOrder = _k[0], setSortOrder = _k[1];
16002
+ var _l = React.useState(), sortField = _l[0], setSortField = _l[1];
16003
+ var _m = React.useState(), dataFilter = _m[0]; _m[1];
16004
+ var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
16005
+ var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
16006
+ var Search = antd.Input.Search;
16007
+ var post = useConnection().post;
16008
+ var userInfoState = useUserContext().userInfoState;
16009
+ var statusOptions = Object.keys(exports.NdcActionStatus).map(function (k, index) { return ({
16010
+ label: addSpaces(Object.values(exports.NdcActionStatus)[index]),
16011
+ value: Object.values(exports.NdcActionStatus)[index],
16012
+ }); });
16013
+ var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
16014
+ var getNdcActionNames = function (action) {
16015
+ switch (action) {
16016
+ case exports.NdcActionTypes.Adaptation:
16017
+ return t("ndcAction:adaptation");
16018
+ case exports.NdcActionTypes.Mitigation:
16019
+ return t("ndcAction:mitigation");
16020
+ case exports.NdcActionTypes.CrossCutting:
16021
+ return t("ndcAction:crossCutting");
16022
+ case exports.NdcActionTypes.Enablement:
16023
+ return t("ndcAction:enablement");
16024
+ default:
16025
+ return "";
16026
+ }
16027
+ };
16028
+ var getCompanyLogos = function (companyId, itemObj) {
16029
+ if (companyId && itemObj.company.length > 0) {
16030
+ var selectedCompany = itemObj.company.find(function (c) { return c.companyId === parseInt(companyId); });
16031
+ if (selectedCompany) {
16032
+ return (React.createElement(antd.Tooltip, { title: selectedCompany.name, color: TooltipColor, key: TooltipColor },
16033
+ React.createElement("div", null,
16034
+ React.createElement(ProfileIcon, { icon: selectedCompany.logo, bg: getCompanyBgColor(selectedCompany.companyRole), name: selectedCompany.name }))));
16035
+ }
16036
+ else {
16037
+ return React.createElement("div", null);
16038
+ }
16039
+ }
16040
+ };
16041
+ var columns = [
16042
+ {
16043
+ title: t("ndcAction:ndcColumnsActionId"),
16044
+ dataIndex: "id",
16045
+ key: "id",
16046
+ align: "left",
16047
+ sorter: true,
16048
+ render: function (item) {
16049
+ return React.createElement("span", { className: "clickable" }, item);
16050
+ },
16051
+ onCell: function (record, rowIndex) {
16052
+ return {
16053
+ onClick: function (ev) {
16054
+ onNavigateToNdcManagementView(record);
16055
+ },
16056
+ };
16057
+ },
16058
+ },
16059
+ {
16060
+ title: t("ndcAction:ndcColumnsDate"),
16061
+ key: "createdTime",
16062
+ sorter: true,
16063
+ align: "left",
16064
+ render: function (item, itemObj) {
16065
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, luxon.DateTime.fromMillis(parseInt(itemObj.createdTime)).toFormat("dd LLLL yyyy")));
16066
+ },
16067
+ },
16068
+ {
16069
+ title: t("ndcAction:ndcColumnsNdcAction"),
16070
+ dataIndex: "action",
16071
+ key: "action",
16072
+ sorter: true,
16073
+ align: "left",
16074
+ render: function (item) {
16075
+ return getNdcActionNames(item);
16076
+ },
16077
+ },
16078
+ {
16079
+ title: t("ndcAction:ndcColumnsProgrammeName"),
16080
+ dataIndex: "programmeName",
16081
+ key: "programmeName",
16082
+ sorter: true,
16083
+ align: "left",
16084
+ render: function (item) {
16085
+ return React.createElement("span", { className: "clickable" }, item);
16086
+ },
16087
+ onCell: function (record, rowIndex) {
16088
+ return {
16089
+ onClick: function (ev) {
16090
+ onNavigateToProgrammeManagementView(record.programmeId);
16091
+ },
16092
+ };
16093
+ },
16094
+ },
16095
+ {
16096
+ title: t("ndcAction:ndcColumnsSector"),
16097
+ dataIndex: "sector",
16098
+ key: "sector",
16099
+ align: "left",
16100
+ sorter: true,
16101
+ },
16102
+ {
16103
+ title: t("ndcAction:ndcColumnsOwners"),
16104
+ key: "companyId",
16105
+ sorter: true,
16106
+ align: "left",
16107
+ render: function (item, itemObj) {
16108
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.companyId &&
16109
+ itemObj.companyId.map(function (v, i) {
16110
+ return getCompanyLogos(v, itemObj);
16111
+ })));
16112
+ },
16113
+ },
16114
+ {
16115
+ title: t("ndcAction:ndcColumnsStatus"),
16116
+ dataIndex: "status",
16117
+ align: "center",
16118
+ key: "status",
16119
+ sorter: true,
16120
+ render: function (item, Obj) {
16121
+ return (React.createElement(antd.Tooltip, { title: Obj.status, color: TooltipColor, key: TooltipColor },
16122
+ React.createElement(antd.Tag, { className: "clickable", color: getNdcStatusTagType(Obj.status) }, addSpaces(Obj.status))));
16123
+ },
16124
+ },
16125
+ ];
16126
+ var getNdcActionData = function () { return __awaiter(void 0, void 0, void 0, function () {
16127
+ var filter, interFilterOr, sort, filterBy, response, error_1;
16128
+ return __generator(this, function (_a) {
16129
+ switch (_a.label) {
16130
+ case 0:
16131
+ setLoading(true);
16132
+ filter = [];
16133
+ if (statusFilter) {
16134
+ filter.push(statusFilter);
16135
+ }
16136
+ if (dataFilter) {
16137
+ filter.push(dataFilter);
16138
+ }
16139
+ if (search && search !== "") {
16140
+ interFilterOr = [
16141
+ {
16142
+ key: "programmeName",
16143
+ operation: "like",
16144
+ value: "".concat(search, "%"),
16145
+ },
16146
+ ];
16147
+ if (!isNaN(Number(search))) {
16148
+ interFilterOr.push({
16149
+ key: "id",
16150
+ operation: "like",
16151
+ value: "".concat(search),
16152
+ });
16153
+ }
16154
+ filter.push({
16155
+ value: {
16156
+ page: currentPage,
16157
+ size: pageSize,
16158
+ filterOr: interFilterOr,
16159
+ },
16160
+ });
16161
+ }
16162
+ if (sortOrder && sortField) {
16163
+ sort = {
16164
+ key: sortField,
16165
+ order: sortOrder,
16166
+ nullFirst: false,
16167
+ };
16168
+ }
16169
+ else {
16170
+ sort = {
16171
+ key: "txTime",
16172
+ order: "DESC",
16173
+ };
16174
+ }
16175
+ if (ministryLevelFilter) {
16176
+ filterBy = {
16177
+ key: "ministryLevel",
16178
+ value: ministrySectoralScope,
16179
+ };
16180
+ }
16181
+ _a.label = 1;
16182
+ case 1:
16183
+ _a.trys.push([1, 3, , 4]);
16184
+ return [4 /*yield*/, post("national/programme/queryNdcActions", {
15295
16185
  page: currentPage,
15296
16186
  size: pageSize,
15297
16187
  filterAnd: filter,
@@ -23624,11 +24514,11 @@ var EditableCell = function (_a) {
23624
24514
  return React.createElement("td", __assign({}, restProps), childNode);
23625
24515
  };
23626
24516
 
23627
- var css_248z$4 = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .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 .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
24517
+ 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";
23628
24518
  styleInject(css_248z$4);
23629
24519
 
23630
24520
  var NdcDetailsComponent = function (props) {
23631
- var t = props.t; props.useConnection;
24521
+ var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
23632
24522
  var RangePicker = antd.DatePicker.RangePicker;
23633
24523
  var _a = React.useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
23634
24524
  var _b = React.useState(false), loading = _b[0]; _b[1];
@@ -23636,6 +24526,20 @@ var NdcDetailsComponent = function (props) {
23636
24526
  var _c = React.useState([]), periodItems = _c[0], setPeriodItems = _c[1];
23637
24527
  var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
23638
24528
  var selectedPeriod = React.useRef({});
24529
+ var addedNdcDetailId = React.useRef(0);
24530
+ var userInfoState = useUserContext().userInfoState;
24531
+ var isAddRangeVisible = function () {
24532
+ return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
24533
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT) &&
24534
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
24535
+ };
24536
+ var isAddNdcActionVisible = function () {
24537
+ return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
24538
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
24539
+ };
24540
+ var inRange = function (num, min, max) {
24541
+ return num >= min && num <= max;
24542
+ };
23639
24543
  var handleSave = function (row) {
23640
24544
  var newData = __spreadArray([], ndcDetailsData, true);
23641
24545
  var index = newData.findIndex(function (item) { return row.key === item.key; });
@@ -23643,6 +24547,18 @@ var NdcDetailsComponent = function (props) {
23643
24547
  newData.splice(index, 1, __assign(__assign({}, item), row));
23644
24548
  setNdcDetailsData(newData);
23645
24549
  };
24550
+ var getNdcDetailsForPeriod = function () {
24551
+ var range = selectedTab.split("-");
24552
+ if (range.length > 1) {
24553
+ var filteredData = ndcDetailsData.filter(function (item) {
24554
+ return inRange(Number(moment(item.startDate).year()), Number(range[0]), Number(range[1]));
24555
+ });
24556
+ return filteredData;
24557
+ }
24558
+ else {
24559
+ return [];
24560
+ }
24561
+ };
23646
24562
  var defaultColumns = [
23647
24563
  {
23648
24564
  title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -23672,11 +24588,14 @@ var NdcDetailsComponent = function (props) {
23672
24588
  }); } });
23673
24589
  });
23674
24590
  function onAddNewNdcDetail() {
24591
+ var range = selectedTab.split("-");
24592
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
23675
24593
  var newData = {
23676
- startDate: new Date("2014-12-24 23:12:00"),
23677
- endDate: new Date("2014-12-24 23:12:00"),
23678
- nationalPlanObj: "sample text2",
23679
- kpi: 34,
24594
+ key: addedNdcDetailId.current,
24595
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24596
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24597
+ nationalPlanObj: t("ndc:enterNewPlanTxt"),
24598
+ kpi: 0,
23680
24599
  };
23681
24600
  setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
23682
24601
  }
@@ -23719,7 +24638,10 @@ var NdcDetailsComponent = function (props) {
23719
24638
  end: selectedPeriod.current.end,
23720
24639
  children: ndcDetailsTableContent(),
23721
24640
  };
23722
- var existingIndex = periodItemsRef.current.findIndex(function (item) { return item.start === newPeriodItem_1.start || item.end === newPeriodItem_1.end; });
24641
+ var existingIndex = periodItemsRef.current.findIndex(function (item) {
24642
+ return inRange(newPeriodItem_1.start, item.start, item.end) ||
24643
+ inRange(newPeriodItem_1.end, item.start, item.end);
24644
+ });
23723
24645
  if (existingIndex === -1) {
23724
24646
  setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
23725
24647
  periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
@@ -23735,7 +24657,7 @@ var NdcDetailsComponent = function (props) {
23735
24657
  }
23736
24658
  };
23737
24659
  React.useEffect(function () {
23738
- if (periodItems && periodItems.length > 1) {
24660
+ if (periodItems && periodItems.length > 3) {
23739
24661
  setSelectedTab(periodItems[periodItems.length - 1].key);
23740
24662
  }
23741
24663
  }, [periodItems]);
@@ -23751,7 +24673,7 @@ var NdcDetailsComponent = function (props) {
23751
24673
  React.createElement(antd.Row, null,
23752
24674
  React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
23753
24675
  React.createElement(antd.Row, { className: "mg-top-1" },
23754
- React.createElement("div", { className: "steps-actions" },
24676
+ React.createElement("div", { className: "ndc-steps-actions" },
23755
24677
  React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
23756
24678
  React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
23757
24679
  }
@@ -23761,31 +24683,69 @@ var NdcDetailsComponent = function (props) {
23761
24683
  React.useEffect(function () {
23762
24684
  var defaultNdcDetails = [
23763
24685
  {
24686
+ key: 1,
24687
+ startDate: new Date("2019-03-25"),
24688
+ endDate: new Date("2020-03-25"),
24689
+ nationalPlanObj: "Enhance value addition in key growth opportunities",
24690
+ kpi: 25,
24691
+ },
24692
+ {
24693
+ key: 2,
24694
+ startDate: new Date("2019-03-25"),
24695
+ endDate: new Date("2019-08-25"),
24696
+ nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
24697
+ kpi: 10500,
24698
+ },
24699
+ {
24700
+ key: 3,
24701
+ startDate: new Date("2021-03-25"),
24702
+ endDate: new Date("2022-03-25"),
24703
+ nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
24704
+ kpi: 48,
24705
+ },
24706
+ {
24707
+ key: 4,
24708
+ startDate: new Date("2022-03-25"),
24709
+ endDate: new Date("2022-05-25"),
24710
+ nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
24711
+ kpi: 20,
24712
+ },
24713
+ {
24714
+ key: 5,
23764
24715
  startDate: new Date("2022-03-25"),
23765
24716
  endDate: new Date("2023-03-25"),
23766
- nationalPlanObj: "sample text1",
23767
- kpi: 23,
24717
+ nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
24718
+ kpi: 10,
23768
24719
  },
24720
+ ];
24721
+ var initialPeriods = [
23769
24722
  {
23770
- startDate: new Date("2023-03-25"),
23771
- endDate: new Date("2024-03-25"),
23772
- nationalPlanObj: "sample text2",
23773
- kpi: 34,
24723
+ key: "2019-2020",
24724
+ label: "2019-2020",
24725
+ start: 2019,
24726
+ end: 2020,
24727
+ children: ndcDetailsTableContent(),
23774
24728
  },
23775
24729
  {
23776
- startDate: new Date("2024-03-25"),
23777
- endDate: new Date("2025-03-25"),
23778
- nationalPlanObj: "sample text3",
23779
- kpi: 25,
24730
+ key: "2021-2023",
24731
+ label: "2021-2023",
24732
+ start: 2021,
24733
+ end: 2021,
24734
+ children: ndcDetailsTableContent(),
23780
24735
  },
23781
24736
  ];
23782
- var addNewItem = {
23783
- key: "add_new",
23784
- label: "Add New",
23785
- children: addNewPeriodContent(),
23786
- };
23787
- setPeriodItems([addNewItem]);
23788
- periodItemsRef.current = [addNewItem];
24737
+ if (isAddRangeVisible()) {
24738
+ initialPeriods.unshift({
24739
+ key: "add_new",
24740
+ label: "Add New",
24741
+ start: 0,
24742
+ end: 0,
24743
+ children: addNewPeriodContent(),
24744
+ });
24745
+ }
24746
+ addedNdcDetailId.current = 5;
24747
+ setPeriodItems(initialPeriods);
24748
+ periodItemsRef.current = initialPeriods;
23789
24749
  setNdcDetailsData(defaultNdcDetails);
23790
24750
  }, []);
23791
24751
  return (React.createElement("div", { className: "ndc-management content-container" },
@@ -23798,11 +24758,13 @@ var NdcDetailsComponent = function (props) {
23798
24758
  React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
23799
24759
  selectedTab !== "add_new" && (React.createElement("div", null,
23800
24760
  React.createElement("div", null,
23801
- React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: ndcDetailsData, columns: columns, footer: function () { return (React.createElement(antd.Row, { justify: "center" },
23802
- React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
23803
- marginBottom: 16,
23804
- width: '100%'
23805
- } }, t("ndc:addNdcAction")))); } }))))));
24761
+ React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
24762
+ return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
24763
+ React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
24764
+ marginBottom: 16,
24765
+ width: "100%",
24766
+ } }, t("ndc:addNdcAction"))));
24767
+ } }))))));
23806
24768
  };
23807
24769
 
23808
24770
  var ImgWithFallback = function (_a) {
@@ -25293,6 +26255,8 @@ exports.RoleIcon = RoleIcon;
25293
26255
  exports.RootBGColor = RootBGColor;
25294
26256
  exports.RootColor = RootColor;
25295
26257
  exports.StasticCard = StasticCard;
26258
+ exports.SupportCreationComponent = SupportCreationComponent;
26259
+ exports.SupportManagementComponent = SupportManagementComponent;
25296
26260
  exports.TimelineBody = TimelineBody;
25297
26261
  exports.TooltipColor = TooltipColor;
25298
26262
  exports.TransferActionModel = TransferActionModel;