@undp/carbon-library 1.0.83 → 1.0.85

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. package/dist/cjs/index.js +1359 -405
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/TimelineBody/timelineBody.d.ts +1 -2
  4. package/dist/cjs/types/Components/Transfers/creditTransfersComponent.d.ts +5 -0
  5. package/dist/cjs/types/Components/index.d.ts +3 -0
  6. package/dist/cjs/types/Definitions/Definitions/programme.definitions.d.ts +4 -3
  7. package/dist/cjs/types/Definitions/Entities/programmeCertify.d.ts +5 -0
  8. package/dist/cjs/types/Definitions/Enums/programmeStage.enum.d.ts +5 -0
  9. package/dist/cjs/types/Definitions/Enums/statsCards.type.enum.d.ts +13 -0
  10. package/dist/cjs/types/Definitions/Enums/widget.type.enum.d.ts +5 -0
  11. package/dist/cjs/types/Definitions/index.d.ts +6 -0
  12. package/dist/esm/index.js +1280 -333
  13. package/dist/esm/index.js.map +1 -1
  14. package/dist/esm/types/Components/Common/TimelineBody/timelineBody.d.ts +1 -2
  15. package/dist/esm/types/Components/Transfers/creditTransfersComponent.d.ts +5 -0
  16. package/dist/esm/types/Components/index.d.ts +3 -0
  17. package/dist/esm/types/Definitions/Definitions/programme.definitions.d.ts +4 -3
  18. package/dist/esm/types/Definitions/Entities/programmeCertify.d.ts +5 -0
  19. package/dist/esm/types/Definitions/Enums/programmeStage.enum.d.ts +5 -0
  20. package/dist/esm/types/Definitions/Enums/statsCards.type.enum.d.ts +13 -0
  21. package/dist/esm/types/Definitions/Enums/widget.type.enum.d.ts +5 -0
  22. package/dist/esm/types/Definitions/index.d.ts +6 -0
  23. package/dist/index.d.ts +82 -4
  24. package/package.json +2 -1
package/dist/esm/index.js CHANGED
@@ -7,7 +7,7 @@ import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phon
7
7
  import validator from 'validator';
8
8
  import { plainToClass } from 'class-transformer';
9
9
  import * as Icon from 'react-bootstrap-icons';
10
- import { InfoCircle, Lock, PersonDash, CircleFill } from 'react-bootstrap-icons';
10
+ import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill } from 'react-bootstrap-icons';
11
11
  import 'react-phone-number-input/style.css';
12
12
  import mapboxgl from 'mapbox-gl';
13
13
  import 'mapbox-gl/dist/mapbox-gl.css';
@@ -127,14 +127,14 @@ function styleInject(css, ref) {
127
127
  }
128
128
  }
129
129
 
130
- var css_248z$p = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
131
- styleInject(css_248z$p);
130
+ var css_248z$t = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
131
+ styleInject(css_248z$t);
132
132
 
133
- var css_248z$o = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
134
- styleInject(css_248z$o);
133
+ var css_248z$s = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
134
+ styleInject(css_248z$s);
135
135
 
136
- var css_248z$n = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
137
- styleInject(css_248z$n);
136
+ var css_248z$r = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
137
+ styleInject(css_248z$r);
138
138
 
139
139
  var RoleIcon = function (props) {
140
140
  var icon = props.icon, bg = props.bg, color = props.color;
@@ -181,6 +181,12 @@ var ProgrammeStageUnified;
181
181
  ProgrammeStageUnified["Approved"] = "Approved";
182
182
  ProgrammeStageUnified["Rejected"] = "Rejected";
183
183
  })(ProgrammeStageUnified || (ProgrammeStageUnified = {}));
184
+ var ProgrammeStageLegend;
185
+ (function (ProgrammeStageLegend) {
186
+ ProgrammeStageLegend["AUTHORISED"] = "Authorised";
187
+ ProgrammeStageLegend["REJECTED"] = "Rejected";
188
+ ProgrammeStageLegend["AWAITING_AUTHORIZATION"] = "AwaitingAuthorization";
189
+ })(ProgrammeStageLegend || (ProgrammeStageLegend = {}));
184
190
 
185
191
  var CreditTransferStage;
186
192
  (function (CreditTransferStage) {
@@ -335,10 +341,11 @@ var addSpaces = function (text) {
335
341
  };
336
342
  var getFinancialFields = function (programme) {
337
343
  return {
338
- programmeCost: addCommSep(programme.programmeProperties.programmeCostUSD),
344
+ estimatedProgrammeCostUSD: addCommSep(programme.programmeProperties.estimatedProgrammeCostUSD),
345
+ creditEst: addCommSep(programme.creditEst),
339
346
  financingType: addSpaces(programme.programmeProperties.sourceOfFunding),
340
- grantEquivalent: new UnitField("USD", addCommSep(programme.programmeProperties.grantEquivalentAmount)),
341
- carbonPrice: addCommSep(programme.programmeProperties.carbonPriceUSDPerTon),
347
+ grantEquivalent: new UnitField('USD', addCommSep(programme.programmeProperties.grantEquivalentAmount)),
348
+ carbonPriceUSDPerTon: addCommSep(programme.programmeProperties.carbonPriceUSDPerTon),
342
349
  };
343
350
  };
344
351
  var getCompanyBgColor = function (item) {
@@ -403,8 +410,8 @@ var CompanyManagementColumns;
403
410
  CompanyManagementColumns["creditBalance"] = "creditBalance";
404
411
  })(CompanyManagementColumns || (CompanyManagementColumns = {}));
405
412
 
406
- var css_248z$m = ".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";
407
- styleInject(css_248z$m);
413
+ var css_248z$q = ".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";
414
+ styleInject(css_248z$q);
408
415
 
409
416
  var isBase64 = function (str) {
410
417
  if (!str || str === '' || str.trim() === '') {
@@ -775,11 +782,11 @@ var CompanyManagementComponent = function (props) {
775
782
  } })))))));
776
783
  };
777
784
 
778
- var css_248z$l = ".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";
779
- styleInject(css_248z$l);
785
+ var css_248z$p = ".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";
786
+ styleInject(css_248z$p);
780
787
 
781
- var css_248z$k = "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";
782
- styleInject(css_248z$k);
788
+ var css_248z$o = "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";
789
+ styleInject(css_248z$o);
783
790
 
784
791
  var UserManagementColumns;
785
792
  (function (UserManagementColumns) {
@@ -4383,6 +4390,61 @@ var DocumentStatus;
4383
4390
  DocumentStatus["REJECTED"] = "Rejected";
4384
4391
  })(DocumentStatus || (DocumentStatus = {}));
4385
4392
 
4393
+ var CompanyState;
4394
+ (function (CompanyState) {
4395
+ CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
4396
+ CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
4397
+ })(CompanyState || (CompanyState = {}));
4398
+
4399
+ var WidgetType;
4400
+ (function (WidgetType) {
4401
+ WidgetType["PIE"] = "Pie";
4402
+ WidgetType["MAP"] = "Map";
4403
+ WidgetType["LIST"] = "List";
4404
+ })(WidgetType || (WidgetType = {}));
4405
+
4406
+ var StatsCardsTypes;
4407
+ (function (StatsCardsTypes) {
4408
+ StatsCardsTypes["PROGRAMMES_PENDING"] = "Programmes Pending";
4409
+ StatsCardsTypes["TRANSFER_REQUEST_RECEIVED"] = "Pending Transfers Received";
4410
+ StatsCardsTypes["PROGRAMMES_UNCERTIFIED"] = "Programmes Certifiable";
4411
+ StatsCardsTypes["TRANSFER_REQUEST_SENT"] = "Pending Transfers Sent";
4412
+ StatsCardsTypes["PROGRAMMES_CERTIFIED"] = "Programmes Certified";
4413
+ StatsCardsTypes["CREDIT_BALANCE"] = "Credit Balance";
4414
+ StatsCardsTypes["CREDIT_CERTIFIED"] = "Credits Certified";
4415
+ StatsCardsTypes["PROGRAMMES"] = "Programmes";
4416
+ StatsCardsTypes["CREDITS"] = "Credits";
4417
+ StatsCardsTypes["CERTIFIED_CREDITS"] = "Certified Credits";
4418
+ StatsCardsTypes["TOTAL_PROGRAMMES"] = "Total Programmes";
4419
+ StatsCardsTypes["TOTAL_PROGRAMMES_SECTOR"] = "Total Programmes: Sector";
4420
+ StatsCardsTypes["TOTAL_CREDITS"] = "Total Credits";
4421
+ StatsCardsTypes["TOTAL_CREDITS_CERTIFIED"] = "Total Credits Certified";
4422
+ StatsCardsTypes["PROGRAMME_LOCATIONS"] = "Programme Locations";
4423
+ StatsCardsTypes["TRANSFER_LOCATIONS_INTERNATIONAL"] = "Transfer Locations International";
4424
+ })(StatsCardsTypes || (StatsCardsTypes = {}));
4425
+ var MrvStatsCardsTypes;
4426
+ (function (MrvStatsCardsTypes) {
4427
+ MrvStatsCardsTypes["AGG_PROGRAMME_BY_SECTOR"] = "AGG_PROGRAMME_BY_SECTOR";
4428
+ // MY_AGG_PROGRAMME_BY_SECTOR = "MY_AGG_PROGRAMME_BY_SECTOR",
4429
+ MrvStatsCardsTypes["AGG_NDC_ACTION_BY_TYPE"] = "AGG_NDC_ACTION_BY_TYPE";
4430
+ // MY_AGG_NDC_ACTION_BY_TYPE = "MY_AGG_NDC_ACTION_BY_TYPE",
4431
+ MrvStatsCardsTypes["AGG_NDC_ACTION_BY_SECTOR"] = "AGG_NDC_ACTION_BY_SECTOR";
4432
+ // MY_AGG_NDC_ACTION_BY_SECTOR = "MY_AGG_NDC_ACTION_BY_SECTOR",
4433
+ MrvStatsCardsTypes["TOTAL_EMISSIONS"] = "TOTAL_EMISSIONS";
4434
+ // MY_TOTAL_EMISSIONS = "MY_TOTAL_EMISSIONS",
4435
+ MrvStatsCardsTypes["PROGRAMME_LOCATION"] = "PROGRAMME_LOCATION";
4436
+ // MY_PROGRAMME_LOCATION = "MY_PROGRAMME_LOCATION",
4437
+ MrvStatsCardsTypes["INVESTMENT_LOCATION"] = "INVESTMENT_LOCATION";
4438
+ // MY_INVESTMENT_LOCATION = "MY_INVESTMENT_LOCATION"
4439
+ MrvStatsCardsTypes["AGG_INVESTMENT_BY_TYPE"] = "AGG_INVESTMENT_BY_TYPE";
4440
+ // MY_AGG_INVESTMENT_BY_TYPE = "MY_AGG_INVESTMENT_BY_TYPE",
4441
+ })(MrvStatsCardsTypes || (MrvStatsCardsTypes = {}));
4442
+ var SystemNames;
4443
+ (function (SystemNames) {
4444
+ SystemNames["CARBON_REGISTRY"] = "CARBON_REGISTRY_SYSTEM";
4445
+ SystemNames["CARBON_TRANSPARENCY"] = "CARBON_TRANSPARENCY_SYSTEM";
4446
+ })(SystemNames || (SystemNames = {}));
4447
+
4386
4448
  var ConfigurationSettingsType;
4387
4449
  (function (ConfigurationSettingsType) {
4388
4450
  ConfigurationSettingsType[ConfigurationSettingsType["isTransferFrozen"] = 0] = "isTransferFrozen";
@@ -4394,6 +4456,10 @@ var MapTypes;
4394
4456
  MapTypes["None"] = "None";
4395
4457
  })(MapTypes || (MapTypes = {}));
4396
4458
 
4459
+ var dateTimeFormat = 'dd LLLL yyyy @ HH:mm';
4460
+ var dateFormat = 'dd LLLL yyyy';
4461
+ var creditUnit = 'ITMO';
4462
+
4397
4463
  var BaseEntity = /** @class */ (function () {
4398
4464
  function BaseEntity() {
4399
4465
  }
@@ -4418,6 +4484,12 @@ var ProgrammeEntity = /** @class */ (function () {
4418
4484
  return ProgrammeEntity;
4419
4485
  }());
4420
4486
 
4487
+ var ProgrammeCertify = /** @class */ (function () {
4488
+ function ProgrammeCertify() {
4489
+ }
4490
+ return ProgrammeCertify;
4491
+ }());
4492
+
4421
4493
  var AddNewCompanyComponent = function (props) {
4422
4494
  var _a;
4423
4495
  var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField;
@@ -5111,11 +5183,11 @@ var UserActionConfirmationModel = function (props) {
5111
5183
  React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
5112
5184
  };
5113
5185
 
5114
- var css_248z$j = ".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";
5115
- styleInject(css_248z$j);
5186
+ var css_248z$n = ".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";
5187
+ styleInject(css_248z$n);
5116
5188
 
5117
- var css_248z$i = ".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";
5118
- styleInject(css_248z$i);
5189
+ var css_248z$m = ".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";
5190
+ styleInject(css_248z$m);
5119
5191
 
5120
5192
  var OrganisationStatus = function (props) {
5121
5193
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -5362,8 +5434,8 @@ var CompanyProfileComponent = function (props) {
5362
5434
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
5363
5435
  };
5364
5436
 
5365
- var css_248z$h = ".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: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 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";
5366
- styleInject(css_248z$h);
5437
+ var css_248z$l = ".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: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 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";
5438
+ styleInject(css_248z$l);
5367
5439
 
5368
5440
  var Search$1 = Input.Search;
5369
5441
  var ProgrammeManagementComponent = function (props) {
@@ -5792,8 +5864,8 @@ var ProgrammeManagementComponent = function (props) {
5792
5864
  } })))))));
5793
5865
  };
5794
5866
 
5795
- var css_248z$g = ".programme-details-form-container,\n.programme-sought-form-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form,\n .programme-details-form-container .programme-sought-form,\n .programme-sought-form-container .programme-details-form,\n .programme-sought-form-container .programme-sought-form {\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover {\n border-color: #ff4d4f !important; }\n .programme-details-form-container .programme-details-form .ant-picker-large,\n .programme-details-form-container .programme-sought-form .ant-picker-large,\n .programme-sought-form-container .programme-details-form .ant-picker-large,\n .programme-sought-form-container .programme-sought-form .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n color: #16b1ff; }\n .programme-details-form-container .programme-details-form .steps-actions,\n .programme-details-form-container .programme-sought-form .steps-actions,\n .programme-sought-form-container .programme-details-form .steps-actions,\n .programme-sought-form-container .programme-sought-form .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .options-programme,\n .programme-details-form-container .programme-sought-form .options-programme,\n .programme-sought-form-container .programme-details-form .options-programme,\n .programme-sought-form-container .programme-sought-form .options-programme {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n width: 50%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n width: 30%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row,\n .programme-details-form-container .programme-sought-form .row,\n .programme-sought-form-container .programme-details-form .row,\n .programme-sought-form-container .programme-sought-form .row {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .website .ant-input,\n .programme-details-form-container .programme-sought-form .row .website .ant-input,\n .programme-sought-form-container .programme-details-form .row .website .ant-input,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .design-upload-section,\n .programme-details-form-container .programme-sought-form .row .design-upload-section,\n .programme-sought-form-container .programme-details-form .row .design-upload-section,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n width: 20%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n display: flex;\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n width: 60%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n width: 35%;\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n width: 80%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n width: 250px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n border-radius: 4px;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row-org,\n .programme-details-form-container .programme-sought-form .row-org,\n .programme-sought-form-container .programme-details-form .row-org,\n .programme-sought-form-container .programme-sought-form .row-org {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row,\n .programme-details-form-container .programme-sought-form .selection-details-row,\n .programme-sought-form-container .programme-details-form .selection-details-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row {\n width: 100%;\n margin-bottom: 1rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n width: 45%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-programme-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-programme-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-programme-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-programme-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-programme-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-programme-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-programme-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-programme-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-programme-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-programme-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n";
5796
- styleInject(css_248z$g);
5867
+ var css_248z$k = ".programme-details-form-container,\n.programme-sought-form-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form,\n .programme-details-form-container .programme-sought-form,\n .programme-sought-form-container .programme-details-form,\n .programme-sought-form-container .programme-sought-form {\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover {\n border-color: #ff4d4f !important; }\n .programme-details-form-container .programme-details-form .ant-picker-large,\n .programme-details-form-container .programme-sought-form .ant-picker-large,\n .programme-sought-form-container .programme-details-form .ant-picker-large,\n .programme-sought-form-container .programme-sought-form .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n color: #16b1ff; }\n .programme-details-form-container .programme-details-form .steps-actions,\n .programme-details-form-container .programme-sought-form .steps-actions,\n .programme-sought-form-container .programme-details-form .steps-actions,\n .programme-sought-form-container .programme-sought-form .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .options-programme,\n .programme-details-form-container .programme-sought-form .options-programme,\n .programme-sought-form-container .programme-details-form .options-programme,\n .programme-sought-form-container .programme-sought-form .options-programme {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n width: 50%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n width: 30%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row,\n .programme-details-form-container .programme-sought-form .row,\n .programme-sought-form-container .programme-details-form .row,\n .programme-sought-form-container .programme-sought-form .row {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .website .ant-input,\n .programme-details-form-container .programme-sought-form .row .website .ant-input,\n .programme-sought-form-container .programme-details-form .row .website .ant-input,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .design-upload-section,\n .programme-details-form-container .programme-sought-form .row .design-upload-section,\n .programme-sought-form-container .programme-details-form .row .design-upload-section,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n width: 20%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n display: flex;\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n width: 60%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n width: 35%;\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n width: 80%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n width: 250px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n border-radius: 4px;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row-org,\n .programme-details-form-container .programme-sought-form .row-org,\n .programme-sought-form-container .programme-details-form .row-org,\n .programme-sought-form-container .programme-sought-form .row-org {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row,\n .programme-details-form-container .programme-sought-form .selection-details-row,\n .programme-sought-form-container .programme-details-form .selection-details-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row {\n width: 100%;\n margin-bottom: 1rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n width: 45%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-programme-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-programme-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-programme-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-programme-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-programme-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-programme-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-programme-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-programme-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-programme-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-programme-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n";
5868
+ styleInject(css_248z$k);
5797
5869
 
5798
5870
  function commonjsRequire(path) {
5799
5871
  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.');
@@ -12388,8 +12460,8 @@ var ProgrammeCreationComponent = function (props) {
12388
12460
  ] })))));
12389
12461
  };
12390
12462
 
12391
- var css_248z$f = ".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";
12392
- styleInject(css_248z$f);
12463
+ var css_248z$j = ".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";
12464
+ styleInject(css_248z$j);
12393
12465
 
12394
12466
  var ChangePasswordModel = function (props) {
12395
12467
  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;
@@ -12813,8 +12885,8 @@ var AddNewUserComponent = function (props) {
12813
12885
  React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
12814
12886
  };
12815
12887
 
12816
- var css_248z$e = ".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";
12817
- styleInject(css_248z$e);
12888
+ var css_248z$i = ".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";
12889
+ styleInject(css_248z$i);
12818
12890
 
12819
12891
  var UserRoleIcon = function (props) {
12820
12892
  var role = props.role;
@@ -12823,8 +12895,8 @@ var UserRoleIcon = function (props) {
12823
12895
  React.createElement("div", null, role === "ViewOnly" ? "Viewer" : role)));
12824
12896
  };
12825
12897
 
12826
- var css_248z$d = ".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";
12827
- styleInject(css_248z$d);
12898
+ var css_248z$h = ".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";
12899
+ styleInject(css_248z$h);
12828
12900
 
12829
12901
  var LanguageSelection = function (props) {
12830
12902
  var i18n = props.i18n;
@@ -13013,8 +13085,8 @@ var UserProfileComponent = function (props) {
13013
13085
  : "-")))))))))));
13014
13086
  };
13015
13087
 
13016
- var css_248z$c = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
13017
- styleInject(css_248z$c);
13088
+ var css_248z$g = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
13089
+ styleInject(css_248z$g);
13018
13090
 
13019
13091
  var Search = Input.Search;
13020
13092
  var UserManagementComponent = function (props) {
@@ -13552,8 +13624,8 @@ var UserManagementComponent = function (props) {
13552
13624
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
13553
13625
  };
13554
13626
 
13555
- var css_248z$b = ".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";
13556
- styleInject(css_248z$b);
13627
+ var css_248z$f = ".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";
13628
+ styleInject(css_248z$f);
13557
13629
 
13558
13630
  var Loading = function () {
13559
13631
  return React.createElement(Spin, { className: "loading-center", size: "large" });
@@ -14650,8 +14722,8 @@ var InvestmentManagementComponent = function (props) {
14650
14722
  }, 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 }))));
14651
14723
  };
14652
14724
 
14653
- var css_248z$a = ".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";
14654
- styleInject(css_248z$a);
14725
+ var css_248z$e = ".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";
14726
+ styleInject(css_248z$e);
14655
14727
 
14656
14728
  var NdcActionManagementComponent = function (props) {
14657
14729
  var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
@@ -15031,8 +15103,8 @@ var NdcActionManagementComponent = function (props) {
15031
15103
  } })))))));
15032
15104
  };
15033
15105
 
15034
- var css_248z$9 = ".ndc-action-details-container Input {\n height: 40px; }\n\n.ndc-action-details-container .in-nap-col {\n width: 100%; }\n\n.ndc-action-details-container .included-nap-col {\n width: 40%;\n display: flex; }\n .ndc-action-details-container .included-nap-col .in-nap-row {\n width: 100%;\n align-items: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container {\n width: 43%;\n text-align: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.ndc-action-details-container .row-custom-1 {\n display: flex;\n margin-bottom: 2px; }\n\n.ndc-action-details-container .row-custom {\n display: flex;\n width: 200px;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .ndc-action-details-container .row-custom .ant-input-number {\n height: 35px;\n display: flex;\n align-items: center;\n justify-content: center; }\n\n.ndc-action-details-container .enablement-type-item {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-form-item-row {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-checkbox-wrapper {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp .grp-row {\n display: flex;\n width: 100%; }\n\n.ndc-action-details-container .ant-select-selection-item {\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n font-family: \"Inter\";\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.5);\n margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .ndc-action-details-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .ndc-action-details-container .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .ndc-action-details-container .design-upload-section .ant-upload {\n width: 20%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n";
15035
- styleInject(css_248z$9);
15106
+ var css_248z$d = ".ndc-action-details-container Input {\n height: 40px; }\n\n.ndc-action-details-container .in-nap-col {\n width: 100%; }\n\n.ndc-action-details-container .included-nap-col {\n width: 40%;\n display: flex; }\n .ndc-action-details-container .included-nap-col .in-nap-row {\n width: 100%;\n align-items: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container {\n width: 43%;\n text-align: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.ndc-action-details-container .row-custom-1 {\n display: flex;\n margin-bottom: 2px; }\n\n.ndc-action-details-container .row-custom {\n display: flex;\n width: 200px;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .ndc-action-details-container .row-custom .ant-input-number {\n height: 35px;\n display: flex;\n align-items: center;\n justify-content: center; }\n\n.ndc-action-details-container .enablement-type-item {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-form-item-row {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-checkbox-wrapper {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp .grp-row {\n display: flex;\n width: 100%; }\n\n.ndc-action-details-container .ant-select-selection-item {\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n font-family: \"Inter\";\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.5);\n margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .ndc-action-details-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .ndc-action-details-container .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .ndc-action-details-container .design-upload-section .ant-upload {\n width: 20%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n";
15107
+ styleInject(css_248z$d);
15036
15108
 
15037
15109
  var EnablementTypes;
15038
15110
  (function (EnablementTypes) {
@@ -15646,11 +15718,11 @@ var NdcActionDetails = function (props) {
15646
15718
  React.createElement(Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
15647
15719
  };
15648
15720
 
15649
- var css_248z$8 = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
15650
- styleInject(css_248z$8);
15721
+ var css_248z$c = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
15722
+ styleInject(css_248z$c);
15651
15723
 
15652
- var css_248z$7 = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
15653
- styleInject(css_248z$7);
15724
+ var css_248z$b = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
15725
+ styleInject(css_248z$b);
15654
15726
 
15655
15727
  var GenderParity = function (props) {
15656
15728
  var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
@@ -18153,139 +18225,1160 @@ var AddNdcActionComponent = function (props) {
18153
18225
  React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
18154
18226
  };
18155
18227
 
18156
- var css_248z$6 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
18157
- styleInject(css_248z$6);
18158
-
18159
- var LegendItem = function (props) {
18160
- var text = props.text, color = props.color;
18161
- return (React.createElement("div", { className: "legend-item-container" },
18162
- React.createElement(CircleFill, { color: color, size: 12 }),
18163
- React.createElement("div", { className: "text" }, text)));
18164
- };
18228
+ var css_248z$a = ".ndc-details-view .card-container {\n margin-bottom: 16px;\n width: 100%;\n border-radius: 10px; }\n .ndc-details-view .card-container .co-benifits-view .title {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n margin-left: 0.5rem; }\n .ndc-details-view .card-container .action-btns {\n margin-top: 25px;\n margin-bottom: -15px;\n justify-content: end; }\n\n.ndc-details-view .fix-height {\n height: 350px; }\n";
18229
+ styleInject(css_248z$a);
18165
18230
 
18166
- var css_248z$5 = ".map-box-container .mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.map-box-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.map-box-container .mapboxgl-popup-close-button,\n.map-box-container .mapboxgl-popup-close-button:hover {\n display: none; }\n";
18167
- styleInject(css_248z$5);
18231
+ var css_248z$9 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .row {\n display: flex;\n width: 40%;\n align-items: center;\n justify-content: space-between; }\n .info-view .field-value .row .key {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n .info-view .field-value .row .data {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
18232
+ styleInject(css_248z$9);
18168
18233
 
18169
- var MapboxComponent = function (props) {
18170
- var mapContainerRef = useRef(null);
18171
- var center = props.center, markers = props.markers, mapSource = props.mapSource, onClick = props.onClick, showPopupOnClick = props.showPopupOnClick, onMouseMove = props.onMouseMove, layer = props.layer, height = props.height, style = props.style, zoom = props.zoom, onRender = props.onRender, accessToken = props.accessToken;
18172
- mapboxgl.accessToken = accessToken;
18173
- useEffect(function () {
18174
- if (!mapContainerRef || !mapContainerRef.current || center.length !== 2) {
18175
- return;
18176
- }
18177
- var map = new mapboxgl.Map({
18178
- container: mapContainerRef.current || '',
18179
- style: style,
18180
- center: !Number.isNaN(center[0]) && !Number.isNaN(center[1])
18181
- ? [center[0], center[1]]
18182
- : [9.082, 8.6753],
18183
- zoom: zoom,
18184
- maxZoom: 17,
18185
- });
18186
- map.on('load', function () {
18187
- var currentMarkes = {};
18188
- if (mapSource) {
18189
- map.addSource(mapSource.key, mapSource.data);
18190
- }
18191
- if (onClick) {
18192
- map.on('click', function (e) {
18193
- var popupContent = onClick(map, e);
18194
- if (showPopupOnClick && popupContent) {
18195
- new mapboxgl.Popup()
18196
- .setLngLat(map.unproject(e.point))
18197
- .setHTML(popupContent)
18198
- .addTo(map);
18199
- }
18200
- });
18201
- }
18202
- if (onMouseMove) {
18203
- map.on('mousemove', function (e) {
18204
- onMouseMove(map, e);
18205
- });
18234
+ var InfoView = function (props) {
18235
+ var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
18236
+ return (React.createElement("div", { className: "info-view" },
18237
+ React.createElement("div", { className: "title" },
18238
+ React.createElement("span", { className: "title-icon" }, icon),
18239
+ React.createElement("span", { className: "title-text" }, title)),
18240
+ React.createElement("div", null, Object.keys(data).map(function (k) {
18241
+ var _a;
18242
+ if (hiddenColumns.indexOf(k) < 0) {
18243
+ return (React.createElement(Row, { className: "field", key: k },
18244
+ React.createElement(Col, { span: 12, className: "field-key" }, k),
18245
+ React.createElement(Col, { span: 12, className: "field-value" }, k.includes("GHG Emissions") ? (((_a = Object.values(data[k])) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (Object.entries(data[k]).map(function (_a) {
18246
+ var key = _a[0]; _a[1];
18247
+ return (React.createElement("div", { className: "row" },
18248
+ React.createElement("div", { className: "key" }, key),
18249
+ React.createElement("div", { className: "data" }, data[k][key])));
18250
+ })) : (React.createElement("div", null, "-"))) : (React.createElement("span", null, data[k] instanceof DateTime
18251
+ ? data[k].toFormat(dateFormat)
18252
+ : data[k] === "" || !data[k] || data[k] === "NaN"
18253
+ ? "-"
18254
+ : data[k])))));
18206
18255
  }
18207
- if (layer) {
18208
- map.addLayer(layer);
18256
+ else {
18257
+ return null;
18209
18258
  }
18210
- if (onRender) {
18211
- map.on('render', function () {
18212
- var markersList = onRender(map);
18213
- if (markersList) {
18214
- markersList.forEach(function (marker) {
18215
- if (!currentMarkes[marker.id]) {
18216
- var createdMarker = new mapboxgl.Marker({
18217
- color: marker.color,
18218
- element: marker.element ? marker.element : undefined,
18219
- })
18220
- .setLngLat([marker.location[0], marker.location[1]])
18221
- .addTo(map);
18222
- currentMarkes[marker.id] = createdMarker;
18223
- }
18224
- });
18225
- var _loop_1 = function (id) {
18226
- if (!(markersList === null || markersList === void 0 ? void 0 : markersList.some(function (marker) { var _a; return ((_a = marker.id) === null || _a === void 0 ? void 0 : _a.toString()) === id; }))) {
18227
- currentMarkes[id].remove();
18228
- delete currentMarkes[id];
18229
- }
18230
- };
18231
- for (var id in currentMarkes) {
18232
- _loop_1(id);
18259
+ }))));
18260
+ };
18261
+ InfoView.defaultProps = {
18262
+ hiddenColumns: [],
18263
+ };
18264
+
18265
+ var NdcActionViewComponent = function (props) {
18266
+ var _a;
18267
+ var _b, _c;
18268
+ var useUserContext = props.useUserContext; props.linkDocVisible; props.uploadDocUserPermission; var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
18269
+ translator.setDefaultNamespace("ndcAction");
18270
+ var t = translator.t;
18271
+ useUserContext().userInfoState;
18272
+ var post = useConnection().post;
18273
+ var state = useLocation().state;
18274
+ var _d = useState({}), ndcActionReportDetails = _d[0]; _d[1];
18275
+ var _e = useState(false), isLoading = _e[0], setIsLoading = _e[1];
18276
+ var _f = useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
18277
+ var _g = useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
18278
+ var _h = useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
18279
+ var _j = useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
18280
+ var _k = useState([]); _k[0]; var setProgrammeOwnerId = _k[1];
18281
+ var _l = useState(false); _l[0]; var setCanUploadMonitorReport = _l[1];
18282
+ var _m = useState(false); _m[0]; _m[1];
18283
+ var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
18284
+ var response, error_1;
18285
+ var _a, _b, _c;
18286
+ return __generator(this, function (_d) {
18287
+ switch (_d.label) {
18288
+ case 0:
18289
+ setIsLoading(true);
18290
+ _d.label = 1;
18291
+ case 1:
18292
+ _d.trys.push([1, 3, 4, 5]);
18293
+ return [4 /*yield*/, post("national/programme/query", {
18294
+ page: 1,
18295
+ size: 10,
18296
+ filterAnd: [
18297
+ {
18298
+ key: "programmeId",
18299
+ operation: "=",
18300
+ value: programmeId,
18301
+ },
18302
+ ],
18303
+ })];
18304
+ case 2:
18305
+ response = _d.sent();
18306
+ if (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
18307
+ setProgrammeOwnerId((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.companyId);
18308
+ if (((_c = response === null || response === void 0 ? void 0 : response.data[0]) === null || _c === void 0 ? void 0 : _c.currentStage) === ProgrammeStageR.Authorised) {
18309
+ setCanUploadMonitorReport(true);
18233
18310
  }
18234
18311
  }
18235
- });
18312
+ return [3 /*break*/, 5];
18313
+ case 3:
18314
+ error_1 = _d.sent();
18315
+ console.log("Error in getting programme by id", error_1);
18316
+ return [3 /*break*/, 5];
18317
+ case 4:
18318
+ setIsLoading(false);
18319
+ return [7 /*endfinally*/];
18320
+ case 5: return [2 /*return*/];
18236
18321
  }
18237
18322
  });
18238
- if (markers) {
18239
- markers.forEach(function (marker) {
18240
- new mapboxgl.Marker({
18241
- color: marker.color,
18242
- element: marker.element ? marker.element : undefined,
18243
- })
18244
- .setLngLat([marker.location[0], marker.location[1]])
18245
- .addTo(map);
18246
- });
18247
- }
18248
- });
18249
- return (React.createElement("div", { className: "map-box-container", style: { width: '100%', height: "".concat(height, "px") }, ref: mapContainerRef }));
18250
- };
18251
-
18252
- var MapComponent = function (props) {
18253
- var mapType = props.mapType;
18254
- return React.createElement("div", null, mapType === MapTypes.Mapbox ? MapboxComponent(props) : "");
18255
- };
18256
-
18257
- var css_248z$4 = ".stastic-card-main-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 11.2rem;\n background-color: white;\n border-radius: 0.625rem;\n padding: 1rem 1.875rem 0 1.875rem; }\n .stastic-card-main-container .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n height: 3.3rem; }\n .stastic-card-main-container .title-section .title {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: 'Inter';\n font-size: 1.15rem;\n font-weight: 600;\n width: 95%;\n color: rgba(58, 53, 65, 0.8); }\n .stastic-card-main-container .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 5%;\n align-items: center;\n justify-content: flex-end; }\n .stastic-card-main-container .values-section {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n height: 5rem; }\n .stastic-card-main-container .values-section .values-and-unit {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 60%; }\n .stastic-card-main-container .values-section .values-and-unit .value {\n font-family: 'Inter';\n font-size: 2rem;\n font-weight: 600;\n width: 100%;\n color: #16b1ff;\n padding: 0; }\n .stastic-card-main-container .values-section .values-and-unit .unit {\n margin-bottom: -0.6rem;\n margin-left: 0.2rem;\n margin-top: -0.66rem;\n font-family: 'Inter';\n font-size: 0.875rem;\n font-weight: 500;\n width: 100%;\n color: rgba(58, 53, 65, 0.5); }\n .stastic-card-main-container .values-section .icon-section {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n width: 40%;\n justify-content: flex-start; }\n .stastic-card-main-container .values-section .icon-section img {\n height: 80px; }\n .stastic-card-main-container .values-section .updated-on-null {\n display: flex;\n flex-direction: row;\n font-size: 0.813rem;\n border-radius: 3.125rem;\n padding: 0 0.5rem 0 0.5rem;\n margin-top: 1rem;\n color: transparent;\n background-color: transparent; }\n .stastic-card-main-container .updated-on {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n width: max-content;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
18258
- styleInject(css_248z$4);
18259
-
18260
- var StatsCardsTypes;
18261
- (function (StatsCardsTypes) {
18262
- StatsCardsTypes["PROGRAMMES_PENDING"] = "Programmes Pending";
18263
- StatsCardsTypes["TRANSFER_REQUEST_RECEIVED"] = "Pending Transfers Received";
18264
- StatsCardsTypes["PROGRAMMES_UNCERTIFIED"] = "Programmes Certifiable";
18265
- StatsCardsTypes["TRANSFER_REQUEST_SENT"] = "Pending Transfers Sent";
18266
- StatsCardsTypes["PROGRAMMES_CERTIFIED"] = "Programmes Certified";
18267
- StatsCardsTypes["CREDIT_BALANCE"] = "Credit Balance";
18268
- StatsCardsTypes["CREDIT_CERTIFIED"] = "Credits Certified";
18269
- StatsCardsTypes["PROGRAMMES"] = "Programmes";
18270
- StatsCardsTypes["CREDITS"] = "Credits";
18271
- StatsCardsTypes["CERTIFIED_CREDITS"] = "Certified Credits";
18272
- StatsCardsTypes["TOTAL_PROGRAMMES"] = "Total Programmes";
18273
- StatsCardsTypes["TOTAL_PROGRAMMES_SECTOR"] = "Total Programmes: Sector";
18274
- StatsCardsTypes["TOTAL_CREDITS"] = "Total Credits";
18275
- StatsCardsTypes["TOTAL_CREDITS_CERTIFIED"] = "Total Credits Certified";
18276
- StatsCardsTypes["PROGRAMME_LOCATIONS"] = "Programme Locations";
18277
- StatsCardsTypes["TRANSFER_LOCATIONS_INTERNATIONAL"] = "Transfer Locations International";
18278
- })(StatsCardsTypes || (StatsCardsTypes = {}));
18279
-
18280
- var toolTipTextGen = function (companyRole, cardType, mine) {
18281
- var text = '';
18282
- if (companyRole === CompanyRole.GOVERNMENT) {
18283
- if (cardType === StatsCardsTypes.PROGRAMMES_PENDING) {
18284
- text = 'Pending state programmes awaiting authorisation';
18323
+ }); };
18324
+ // useEffect(() => {
18325
+ // if (ndcActionDetails?.id) {
18326
+ // getProjectReports();
18327
+ // }
18328
+ // }, [ndcActionDetails?.id, programmeOwnerId]);
18329
+ useEffect(function () {
18330
+ var _a, _b, _c, _d, _e, _f, _g, _h;
18331
+ if (!state) {
18332
+ onNavigateToNdcManagementView();
18285
18333
  }
18286
- else if (cardType === StatsCardsTypes.TRANSFER_REQUEST_SENT) {
18287
- text =
18288
- 'Pending credit transfer requests sent to programme owners initiated by your organisation';
18334
+ else {
18335
+ if (!state.record && state.id) ;
18336
+ else if (state.record) {
18337
+ getProgrammeById((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.programmeId);
18338
+ setNdcActionDetails(state.record);
18339
+ setCoBenifitsComponentnDetails((_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.coBenefitsProperties);
18340
+ setEmissionsReductionExpected(((_c = state.record) === null || _c === void 0 ? void 0 : _c.emissionReductionExpected) !== null ||
18341
+ ((_d = state.record) === null || _d === void 0 ? void 0 : _d.emissionReductionExpected) !== undefined
18342
+ ? Number((_e = state.record) === null || _e === void 0 ? void 0 : _e.emissionReductionExpected)
18343
+ : 0);
18344
+ setEmissionsReductionAchieved(((_f = state.record) === null || _f === void 0 ? void 0 : _f.emissionReductionAchieved) !== null ||
18345
+ ((_g = state.record) === null || _g === void 0 ? void 0 : _g.emissionReductionAchieved) !== undefined
18346
+ ? Number((_h = state.record) === null || _h === void 0 ? void 0 : _h.emissionReductionAchieved)
18347
+ : 0);
18348
+ }
18349
+ }
18350
+ }, []);
18351
+ var getNdcActionNames = function (action) {
18352
+ switch (action) {
18353
+ case NdcActionTypes.Adaptation:
18354
+ return t("ndcAction:adaptation");
18355
+ case NdcActionTypes.Mitigation:
18356
+ return t("ndcAction:mitigation");
18357
+ case NdcActionTypes.CrossCutting:
18358
+ return t("ndcAction:crossCutting");
18359
+ case NdcActionTypes.Enablement:
18360
+ return t("ndcAction:enablement");
18361
+ default:
18362
+ return "";
18363
+ }
18364
+ };
18365
+ var ndcActionBasicDetails = (_a = {},
18366
+ _a[t("ndcAction:viewProgramme")] = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.programmeName,
18367
+ _a[t("ndcAction:viewNdcAction")] = getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action),
18368
+ _a[t("ndcAction:viewCurrentStatus")] = (React.createElement(Tag, { className: "clickable", color: getNdcStatusTagType(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.status) }, addSpaces(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.status))),
18369
+ _a);
18370
+ var getNdcActionMitigationDetails = function () {
18371
+ var _a, _b, _c, _d, _e;
18372
+ var mitigationDetails = {};
18373
+ mitigationTypeList === null || mitigationTypeList === void 0 ? void 0 : mitigationTypeList.map(function (type) {
18374
+ if ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation) === type.value) {
18375
+ mitigationDetails[t("ndcAction:viewMitigationType")] = type.label;
18376
+ }
18377
+ });
18378
+ if ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation) === MitigationTypes.AGRICULTURE &&
18379
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.agricultureProperties)) {
18380
+ mitigationDetails[t("ndcAction:viewMitigationLandArea")] =
18381
+ addCommSep((_a = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.agricultureProperties) === null || _a === void 0 ? void 0 : _a.landArea) +
18382
+ ((_b = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.agricultureProperties) === null || _b === void 0 ? void 0 : _b.landAreaUnit);
18383
+ }
18384
+ if ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation) === MitigationTypes.SOLAR &&
18385
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties)) {
18386
+ mitigationDetails[t("ndcAction:viewMitigationEnergyGeneration")] =
18387
+ addCommSep((_c = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _c === void 0 ? void 0 : _c.energyGeneration) +
18388
+ ((_d = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _d === void 0 ? void 0 : _d.energyGenerationUnit);
18389
+ mitigationDetails[t("ndcAction:viewMitigationConsumerGroup")] =
18390
+ (_e = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _e === void 0 ? void 0 : _e.consumerGroup;
18391
+ }
18392
+ if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.ndcFinancing) {
18393
+ mitigationDetails[t("ndcAction:viewMitigationUserEstimatedCredits")] =
18394
+ addCommSep(ndcActionDetails.ndcFinancing.userEstimatedCredits);
18395
+ mitigationDetails[t("ndcAction:viewMitigationSysEstimatedCredits")] =
18396
+ addCommSep(ndcActionDetails.ndcFinancing.systemEstimatedCredits);
18397
+ }
18398
+ mitigationDetails[t("ndcAction:viewMethodology")] =
18399
+ ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.methodology;
18400
+ return mitigationDetails;
18401
+ };
18402
+ var getNdcActionAdaptationDetails = function () {
18403
+ var _a, _b, _c, _d;
18404
+ var adaptationDetails = {};
18405
+ if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) {
18406
+ adaptationDetails[t("ndcAction:viewAdaptationImplementingAgency")] =
18407
+ ndcActionDetails.adaptationProperties.implementingAgency;
18408
+ adaptationDetails[t("ndcAction:viewAdaptationNationalPlanObjectives")] =
18409
+ ndcActionDetails.adaptationProperties.nationalPlanObjectives;
18410
+ adaptationDetails[t("ndcAction:viewAdaptationNationalPlanCoverage")] =
18411
+ ndcActionDetails.adaptationProperties.nationalPlanCoverage;
18412
+ adaptationDetails[t("ndcAction:viewIncludedInNAP")] = ((_a = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _a === void 0 ? void 0 : _a.includedInNAP)
18413
+ ? "Yes"
18414
+ : ((_b = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _b === void 0 ? void 0 : _b.includedInNAP) === false
18415
+ ? "No"
18416
+ : "-";
18417
+ adaptationDetails[t("ndcAction:viewGhgEmissionsAvoided")] =
18418
+ ((_c = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _c === void 0 ? void 0 : _c.ghgEmissionsAvoided)
18419
+ ? ndcActionDetails.adaptationProperties.ghgEmissionsAvoided
18420
+ : {};
18421
+ adaptationDetails[t("ndcAction:viewGhgEmissionsReduced")] =
18422
+ ((_d = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _d === void 0 ? void 0 : _d.ghgEmissionsReduced)
18423
+ ? ndcActionDetails.adaptationProperties.ghgEmissionsReduced
18424
+ : {};
18425
+ }
18426
+ return adaptationDetails;
18427
+ };
18428
+ var getEnablementProperties = function () {
18429
+ var _a, _b, _c, _d, _e, _f, _g;
18430
+ var details = {};
18431
+ if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.enablementProperties) {
18432
+ details[t("ndcAction:title")] =
18433
+ (_a = ndcActionDetails.enablementProperties) === null || _a === void 0 ? void 0 : _a.title;
18434
+ details[t("ndcAction:type")] = ((_b = ndcActionDetails.enablementProperties) === null || _b === void 0 ? void 0 : _b.type)
18435
+ ? (_c = ndcActionDetails.enablementProperties) === null || _c === void 0 ? void 0 : _c.type.join(", ")
18436
+ : "-";
18437
+ if ((_d = ndcActionDetails.enablementProperties) === null || _d === void 0 ? void 0 : _d.report) {
18438
+ details[t("ndcAction:report")] = ((_e = ndcActionDetails.enablementProperties) === null || _e === void 0 ? void 0 : _e.report) && (React.createElement("a", { href: (_f = ndcActionDetails.enablementProperties) === null || _f === void 0 ? void 0 : _f.report, target: "_blank", rel: "noopener noreferrer", download: true }, (_g = ndcActionDetails.enablementProperties) === null || _g === void 0 ? void 0 : _g.report));
18439
+ }
18440
+ }
18441
+ return details;
18442
+ };
18443
+ var formatString = function (langTag, vargs) {
18444
+ var str = t(langTag);
18445
+ var parts = str.split("{}");
18446
+ var insertAt = 1;
18447
+ for (var _i = 0, vargs_1 = vargs; _i < vargs_1.length; _i++) {
18448
+ var arg = vargs_1[_i];
18449
+ parts.splice(insertAt, 0, arg);
18450
+ insertAt += 2;
18451
+ }
18452
+ return parts.join("");
18453
+ };
18454
+ return (React.createElement("div", { className: "ndc-details-view content-container" },
18455
+ React.createElement("div", { className: "title-bar" },
18456
+ React.createElement("div", null,
18457
+ React.createElement("div", { className: "body-title" },
18458
+ t("ndcAction:NdcDetailsViewTitle"),
18459
+ " ",
18460
+ getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)),
18461
+ React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcDetailsViewSubTitle")))),
18462
+ React.createElement("div", { className: "content-body" },
18463
+ React.createElement(Row, { gutter: 16 },
18464
+ (emissionsReductionAchieved !== 0 ||
18465
+ emissionsReductionExpected !== 0) && (React.createElement(Col, { lg: 8, md: 24 },
18466
+ React.createElement(Card, { className: "card-container fix-height" },
18467
+ React.createElement("div", { className: "info-view" },
18468
+ React.createElement("div", { className: "title" },
18469
+ React.createElement("span", { className: "title-text" }, formatString("ndcAction:NdcCreditChartTitle", []))),
18470
+ React.createElement("div", { className: "map-content" },
18471
+ React.createElement(Chart, { id: "creditChart", options: {
18472
+ labels: ["Achieved", "Pending"],
18473
+ legend: {
18474
+ position: "bottom",
18475
+ },
18476
+ colors: ["#b3b3ff", "#e0e0eb"],
18477
+ tooltip: {
18478
+ fillSeriesColor: false,
18479
+ enabled: true,
18480
+ y: {
18481
+ formatter: function (value) {
18482
+ return addCommSepRound(value);
18483
+ },
18484
+ },
18485
+ },
18486
+ states: {
18487
+ normal: {
18488
+ filter: {
18489
+ type: "none",
18490
+ value: 0,
18491
+ },
18492
+ },
18493
+ hover: {
18494
+ filter: {
18495
+ type: "none",
18496
+ value: 0,
18497
+ },
18498
+ },
18499
+ active: {
18500
+ allowMultipleDataPointsSelection: true,
18501
+ filter: {
18502
+ type: "darken",
18503
+ value: 0.7,
18504
+ },
18505
+ },
18506
+ },
18507
+ stroke: {
18508
+ colors: ["#00"],
18509
+ },
18510
+ plotOptions: {
18511
+ pie: {
18512
+ expandOnClick: false,
18513
+ donut: {
18514
+ size: "75%",
18515
+ labels: {
18516
+ show: true,
18517
+ total: {
18518
+ showAlways: true,
18519
+ show: true,
18520
+ label: "Expected",
18521
+ formatter: function () {
18522
+ return "" + addCommSep(emissionsReductionExpected);
18523
+ },
18524
+ },
18525
+ },
18526
+ },
18527
+ },
18528
+ },
18529
+ dataLabels: {
18530
+ enabled: false,
18531
+ },
18532
+ responsive: [
18533
+ {
18534
+ breakpoint: 480,
18535
+ options: {
18536
+ chart: {
18537
+ width: "15vw",
18538
+ },
18539
+ legend: {
18540
+ position: "bottom",
18541
+ },
18542
+ },
18543
+ },
18544
+ ],
18545
+ }, series: [
18546
+ emissionsReductionAchieved,
18547
+ emissionsReductionExpected - emissionsReductionAchieved,
18548
+ ], type: "donut", fontFamily: "inter", height: "290px" })))))),
18549
+ React.createElement(Col, { lg: 8, md: 24 },
18550
+ React.createElement(Card, { className: "card-container fix-height" },
18551
+ React.createElement("div", null,
18552
+ React.createElement(InfoView, { data: ndcActionBasicDetails, title: t("ndcAction:viewGeneralTitle"), icon: React.createElement(Icon.Lightbulb, null) })))),
18553
+ React.createElement(Col, { lg: 8, md: 24 },
18554
+ React.createElement(Skeleton, { loading: isLoading, active: true },
18555
+ React.createElement(Card, { className: "card-container fix-height" },
18556
+ React.createElement("div", null,
18557
+ React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon.FileEarmarkText, null) })))))),
18558
+ ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.Mitigation ||
18559
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.CrossCutting) && (React.createElement(Row, null,
18560
+ React.createElement(Col, { lg: 24, className: "gutter-row" },
18561
+ React.createElement(Card, { className: "card-container" },
18562
+ React.createElement("div", null,
18563
+ React.createElement(InfoView, { data: getNdcActionMitigationDetails(), title: t("ndcAction:viewMitigationTitle") })))))),
18564
+ ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.Adaptation ||
18565
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.CrossCutting) && (React.createElement(Row, null,
18566
+ React.createElement(Col, { lg: 24 },
18567
+ React.createElement(Card, { className: "card-container" },
18568
+ React.createElement("div", null,
18569
+ React.createElement(InfoView, { data: getNdcActionAdaptationDetails(), title: t("ndcAction:viewAdaptationTitle") })))))),
18570
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.Enablement && (React.createElement(Row, null,
18571
+ React.createElement(Col, { lg: 24 },
18572
+ React.createElement(Card, { className: "card-container" },
18573
+ React.createElement("div", null,
18574
+ React.createElement(InfoView, { data: getEnablementProperties(), title: t("ndcAction:enablement") })))))),
18575
+ ((_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.coBenefitsProperties) && (React.createElement(Row, null,
18576
+ React.createElement(Col, { lg: 24 },
18577
+ React.createElement(Card, { className: "card-container" },
18578
+ React.createElement("div", { className: "co-benifits-view" },
18579
+ React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
18580
+ React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator })))))))));
18581
+ };
18582
+
18583
+ var css_248z$8 = ".credit-transfer-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .credit-transfer-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n margin-bottom: 0px; }\n .credit-transfer-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n margin-right: 10px; }\n .credit-transfer-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-modal-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 2rem 0 0 0;\n width: 100%; }\n .credit-transfer-modal-container .icon-credit {\n margin-bottom: 15px; }\n .credit-transfer-modal-container .credit-transfer-details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-bottom: 10px; }\n .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n font-family: 'Inter' !important;\n font-style: normal;\n font-weight: 600;\n font-size: 0.9rem;\n line-height: 1.3rem;\n padding: 0 1rem 0 1rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8) !important; }\n .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.8rem;\n line-height: 1.375rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-modal-container .remarks-credit-transfer {\n flex-direction: row;\n width: 100%;\n padding: 0.5rem 1rem 0 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n display: flex;\n flex-direction: row; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n width: 100%; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n font-size: 0.8rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n font-size: 0.75rem;\n font-weight: 600; }\n";
18584
+ styleInject(css_248z$8);
18585
+
18586
+ var css_248z$7 = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
18587
+ styleInject(css_248z$7);
18588
+
18589
+ function n(){return (n=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e]);}return a}).apply(this,arguments)}function t(a,n){if(null==a)return {};var t,e,r={},s=Object.keys(a);for(e=0;e<s.length;e++)n.indexOf(t=s[e])>=0||(r[t]=a[t]);return r}var e={ac:!0,ad:!0,ae:!0,af:!0,afar:!0,ag:!0,ai:!0,al:!0,am:!0,ao:!0,aq:!0,ar:!0,as:!0,at:!0,au:!0,"au-aboriginal":!0,"au-act":!0,"au-nsw":!0,"au-nt":!0,"au-qld":!0,"au-tas":!0,"au-vic":!0,"au-wa":!0,aw:!0,ax:!0,az:!0,ba:!0,bb:!0,bd:!0,be:!0,bf:!0,bg:!0,bh:!0,bi:!0,bj:!0,bl:!0,bm:!0,bn:!0,bo:!0,"bq-bo":!0,"bq-sa":!0,"bq-se":!0,bq:!0,br:!0,bs:!0,bt:!0,bv:!0,bw:!0,by:!0,bz:!0,"ca-bc":!0,ca:!0,cc:!0,cd:!0,cf:!0,cg:!0,"ch-gr":!0,ch:!0,ci:!0,ck:!0,cl:!0,cm:!0,"cn-xj":!0,cn:!0,co:!0,cp:!0,cq:!0,cr:!0,cu:!0,cv:!0,cw:!0,cx:!0,cy:!0,cz:!0,de:!0,dg:!0,dj:!0,dk:!0,dm:!0,do:!0,dz:!0,ea:!0,earth:!0,east_african_federation:!0,easter_island:!0,"ec-w":!0,ec:!0,ee:!0,eg:!0,eh:!0,er:!0,"es-ar":!0,"es-ce":!0,"es-cn":!0,"es-ct":!0,"es-ga":!0,"es-ib":!0,"es-ml":!0,"es-pv":!0,"es-variant":!0,es:!0,"et-or":!0,"et-ti":!0,et:!0,eu:!0,european_union:!0,ewe:!0,fi:!0,fj:!0,fk:!0,fm:!0,fo:!0,"fr-20r":!0,"fr-bre":!0,"fr-cp":!0,fr:!0,fx:!0,ga:!0,"gb-con":!0,"gb-eng":!0,"gb-nir":!0,"gb-ork":!0,"gb-sct":!0,"gb-wls":!0,gb:!0,gd:!0,"ge-ab":!0,ge:!0,gf:!0,gg:!0,gh:!0,gi:!0,gl:!0,gm:!0,gn:!0,gp:!0,gq:!0,gr:!0,gs:!0,gt:!0,gu:!0,guarani:!0,gw:!0,gy:!0,hausa:!0,hk:!0,hm:!0,hmong:!0,hn:!0,hr:!0,ht:!0,hu:!0,ic:!0,id:!0,"id-jb":!0,"id-jt":!0,ie:!0,il:!0,im:!0,"in-as":!0,"in-gj":!0,"in-ka":!0,"in-or":!0,"in-tn":!0,in:!0,io:!0,iq:!0,ir:!0,is:!0,"it-23":!0,"it-82":!0,"it-88":!0,it:!0,je:!0,jm:!0,jo:!0,jp:!0,kanuri:!0,ke:!0,kg:!0,kh:!0,ki:!0,kikuyu:!0,km:!0,kn:!0,kongo:!0,kp:!0,kr:!0,kurdistan:!0,kw:!0,ky:!0,kz:!0,la:!0,lb:!0,lc:!0,li:!0,lk:!0,lr:!0,ls:!0,lt:!0,lu:!0,lv:!0,ly:!0,ma:!0,malayali:!0,manipur:!0,maori:!0,mc:!0,md:!0,me:!0,mf:!0,mg:!0,mh:!0,mizoram:!0,mk:!0,ml:!0,mm:!0,mn:!0,mo:!0,mp:!0,mq:!0,mr:!0,ms:!0,mt:!0,mu:!0,mv:!0,mw:!0,mx:!0,my:!0,mz:!0,na:!0,nato:!0,nc:!0,ne:!0,nf:!0,ng:!0,ni:!0,"nl-fr":!0,nl:!0,no:!0,northern_cyprus:!0,np:!0,nr:!0,nu:!0,nz:!0,occitania:!0,olympics:!0,om:!0,otomi:!0,pa:!0,pe:!0,pf:!0,pg:!0,ph:!0,"pk-jk":!0,"pk-sd":!0,pk:!0,pl:!0,pm:!0,pn:!0,pr:!0,ps:!0,"pt-20":!0,"pt-30":!0,pt:!0,pw:!0,py:!0,qa:!0,quechua:!0,re:!0,ro:!0,rs:!0,ru:!0,"ru-ba":!0,"ru-ce":!0,"ru-cu":!0,"ru-da":!0,"ru-ko":!0,"ru-ta":!0,"ru-ud":!0,rw:!0,sa:!0,sami:!0,sb:!0,sc:!0,sd:!0,se:!0,sg:!0,"sh-ac":!0,"sh-hl":!0,"sh-ta":!0,sh:!0,si:!0,sj:!0,sk:!0,sl:!0,sm:!0,sn:!0,so:!0,somaliland:!0,south_ossetia:!0,soviet_union:!0,sr:!0,ss:!0,st:!0,su:!0,sv:!0,sx:!0,sy:!0,sz:!0,ta:!0,tc:!0,td:!0,tf:!0,tg:!0,th:!0,tibet:!0,tj:!0,tk:!0,tl:!0,tm:!0,tn:!0,to:!0,torres_strait_islands:!0,tr:!0,transnistria:!0,tt:!0,tv:!0,tw:!0,tz:!0,ua:!0,ug:!0,uk:!0,um:!0,un:!0,united_nations:!0,"us-hi":!0,us:!0,uy:!0,uz:!0,va:!0,vc:!0,ve:!0,vg:!0,vi:!0,vn:!0,vu:!0,wf:!0,wiphala:!0,ws:!0,xk:!0,xx:!0,ye:!0,yorubaland:!0,yt:!0,za:!0,zm:!0,zw:!0},s=["countryCode","cdnUrl"],c=function(a,t,e,r){return void 0===r&&(r=""),n({},e,{title:e.title||a,height:e.height||100,src:""+(t||"https://hatscripts.github.io/circle-flags/flags/")+r+a+".svg"})},u=function(r){var i=r.countryCode,u=r.cdnUrl,o=t(r,s);return React.createElement("img",n({"data-testid":"circle-country-flag"},c(function(a){return e[a]?a:"xx"}(i).toLowerCase(),u,o)))};
18590
+
18591
+ var TransferActionModel = function (props) {
18592
+ var transfer = props.transfer, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, translator = props.translator;
18593
+ var t = translator.t;
18594
+ var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
18595
+ var _b = useState(false), loading = _b[0], setLoading = _b[1];
18596
+ var _c = useState(false), checked = _c[0], setChecked = _c[1];
18597
+ var companyList = !transfer.isRetirement
18598
+ ? [
18599
+ {
18600
+ value: transfer.toCompanyId,
18601
+ label: transfer.receiver[0].name,
18602
+ },
18603
+ ]
18604
+ : [
18605
+ {
18606
+ value: transfer.fromCompanyId,
18607
+ label: transfer.sender[0].name,
18608
+ },
18609
+ ];
18610
+ return (React.createElement(Modal, { title: React.createElement("div", { className: "popup-header" },
18611
+ React.createElement("div", { className: "icon" }, icon),
18612
+ React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
18613
+ React.createElement("div", { className: "transfer-form" },
18614
+ React.createElement(Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
18615
+ toCompanyId: !transfer.isRetirement
18616
+ ? transfer.toCompanyId
18617
+ : transfer.fromCompanyId,
18618
+ programmeName: transfer.programmeTitle,
18619
+ serialNo: transfer.serialNo,
18620
+ creditAmount: transfer.creditAmount,
18621
+ company: transfer.toCompanyMeta
18622
+ ? transfer.toCompanyMeta.name
18623
+ : null,
18624
+ country: transfer.toCompanyMeta
18625
+ ? transfer.toCompanyMeta.country
18626
+ : null,
18627
+ countryName: transfer.toCompanyMeta
18628
+ ? transfer.toCompanyMeta.countryName
18629
+ : null,
18630
+ }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
18631
+ var res;
18632
+ return __generator(this, function (_a) {
18633
+ switch (_a.label) {
18634
+ case 0:
18635
+ setLoading(true);
18636
+ if (d.comment) {
18637
+ d.comment = d.comment.trim();
18638
+ }
18639
+ return [4 /*yield*/, onFinish(transfer.requestId, d.comment)];
18640
+ case 1:
18641
+ res = _a.sent();
18642
+ setPopupError(res);
18643
+ setLoading(false);
18644
+ return [2 /*return*/];
18645
+ }
18646
+ });
18647
+ }); } },
18648
+ React.createElement(Row, null,
18649
+ React.createElement(Col, { span: 24 },
18650
+ React.createElement(Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
18651
+ React.createElement(Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
18652
+ React.createElement(Row, null,
18653
+ React.createElement(Col, { span: 24 },
18654
+ React.createElement(Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
18655
+ React.createElement(Input, { disabled: true })))),
18656
+ !transfer.isRetirement && (React.createElement(Row, null,
18657
+ React.createElement(Col, { span: 24 },
18658
+ React.createElement(Form.Item, { className: "remarks-label", label: t("view:serialNoField"), name: "serialNo" },
18659
+ React.createElement(Input, { disabled: true }))))),
18660
+ transfer.toCompanyMeta && transfer.toCompanyMeta.country && (React.createElement(Row, null,
18661
+ React.createElement(Col, { span: 24 },
18662
+ React.createElement(Form.Item, { className: "remarks-label", label: t("creditTransfer:country"), name: "countryName" },
18663
+ React.createElement(Input, { disabled: true }))))),
18664
+ transfer.toCompanyMeta && transfer.toCompanyMeta.name && (React.createElement(Row, null,
18665
+ React.createElement(Col, { span: 24 },
18666
+ React.createElement(Form.Item, { className: "remarks-label", label: t("creditTransfer:company"), name: "company" },
18667
+ React.createElement(Input, { disabled: true }))))),
18668
+ React.createElement(Row, null,
18669
+ React.createElement(Col, { lg: 18, md: 20 },
18670
+ React.createElement("div", { className: "label" }, "".concat(t("view:transferApproveTotal"), " (").concat(creditUnit, ")"))),
18671
+ React.createElement(Col, { lg: 6, md: 4 },
18672
+ React.createElement(Form.Item, { className: "popup-credit-input" },
18673
+ React.createElement(InputNumber, { placeholder: addCommSep(transfer.creditAmount), disabled: true })))),
18674
+ React.createElement(Row, null,
18675
+ React.createElement(Col, { span: 24 },
18676
+ React.createElement(Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
18677
+ {
18678
+ required: remarkRequired,
18679
+ message: "Required field",
18680
+ },
18681
+ function (_a) {
18682
+ _a.getFieldValue;
18683
+ return ({
18684
+ validator: function (rule, v) {
18685
+ if (remarkRequired &&
18686
+ v !== undefined &&
18687
+ v !== "" &&
18688
+ v.trim() === "") {
18689
+ // eslint-disable-next-line prefer-promise-reject-errors
18690
+ return Promise.reject("Required field");
18691
+ }
18692
+ return Promise.resolve();
18693
+ },
18694
+ });
18695
+ },
18696
+ ] },
18697
+ React.createElement(Input.TextArea, { placeholder: "" })))),
18698
+ React.createElement(Row, null,
18699
+ React.createElement(Col, { span: 24 },
18700
+ React.createElement(Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
18701
+ React.createElement(Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
18702
+ popupError ? (React.createElement(Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
18703
+ React.createElement(Form.Item, { className: "footer" },
18704
+ React.createElement(Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
18705
+ React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
18706
+ };
18707
+
18708
+ var CreditTransferComponent = function (props) {
18709
+ var useConnection = props.useConnection, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
18710
+ var userInfoState = useUserContext().userInfoState;
18711
+ var t = translator.t;
18712
+ var statusOptions = Object.keys(CreditTransferStage).map(function (k, index) { return ({
18713
+ label: addSpaces(Object.values(CreditTransferStage)[index]),
18714
+ value: k,
18715
+ }); });
18716
+ var _a = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _a[0], setSelectedStatus = _a[1];
18717
+ var _b = useState(false), indeterminate = _b[0], setIndeterminate = _b[1];
18718
+ var _c = useState(true), checkAll = _c[0], setCheckAll = _c[1];
18719
+ var _d = useConnection(), post = _d.post; _d.get;
18720
+ var _e = useState(), totalProgramme = _e[0], setTotalProgramme = _e[1];
18721
+ var _f = useState(), dataFilter = _f[0], setDataFilter = _f[1];
18722
+ var _g = useState(false), loading = _g[0], setLoading = _g[1];
18723
+ var _h = useState([]), tableData = _h[0], setTableData = _h[1];
18724
+ var _j = useState(1), currentPage = _j[0], setCurrentPage = _j[1];
18725
+ var _k = useState(10), pageSize = _k[0], setPageSize = _k[1];
18726
+ var _l = useState(), search = _l[0], setSearch = _l[1];
18727
+ var _m = useState(), searchText = _m[0], setSearchText = _m[1];
18728
+ var _o = useState(), statusFilter = _o[0], setStatusFilter = _o[1];
18729
+ var _p = useState(), sortOrder = _p[0], setSortOrder = _p[1];
18730
+ var _q = useState(), sortField = _q[0], setSortField = _q[1];
18731
+ var _r = useState(false), modalVisible = _r[0], setModalVisible = _r[1];
18732
+ var _s = useState(), selectedReq = _s[0], setSelectedReq = _s[1];
18733
+ var _t = useState(), popupInfo = _t[0], setPopupInfo = _t[1];
18734
+ var _u = useState(); _u[0]; _u[1];
18735
+ var _v = useState(0); _v[0]; _v[1];
18736
+ var _w = useState(); _w[0]; _w[1];
18737
+ var _x = useState(0); _x[0]; _x[1];
18738
+ var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
18739
+ var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
18740
+ return __generator(this, function (_a) {
18741
+ console.log(checkedValues);
18742
+ if (checkedValues !== selectedStatus) {
18743
+ setSelectedStatus(checkedValues);
18744
+ }
18745
+ if (checkedValues.length === 0) {
18746
+ setTableData([]);
18747
+ setTotalProgramme(0);
18748
+ return [2 /*return*/];
18749
+ }
18750
+ setStatusFilter({
18751
+ key: "status",
18752
+ operation: "in",
18753
+ value: checkedValues,
18754
+ });
18755
+ return [2 /*return*/];
18756
+ });
18757
+ }); };
18758
+ Form.useForm()[0];
18759
+ var Search = Input.Search;
18760
+ var onCheckAllChange = function (e) {
18761
+ var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
18762
+ setSelectedStatus(nw);
18763
+ setIndeterminate(false);
18764
+ setCheckAll(e.target.checked);
18765
+ onStatusQuery(nw);
18766
+ };
18767
+ var getAllTransfers = function () { return __awaiter(void 0, void 0, void 0, function () {
18768
+ var filter, interFilterOr, sort, response, error_1;
18769
+ return __generator(this, function (_a) {
18770
+ switch (_a.label) {
18771
+ case 0:
18772
+ setLoading(true);
18773
+ filter = [];
18774
+ if (statusFilter) {
18775
+ filter.push(statusFilter);
18776
+ }
18777
+ if (search && search !== "") {
18778
+ interFilterOr = [
18779
+ {
18780
+ key: "programmeTitle",
18781
+ operation: "like",
18782
+ value: "".concat(search, "%"),
18783
+ },
18784
+ ];
18785
+ if (!isNaN(Number(search))) {
18786
+ interFilterOr.push({
18787
+ key: "requestId",
18788
+ operation: "=",
18789
+ value: "".concat(search),
18790
+ });
18791
+ }
18792
+ filter.push({
18793
+ value: {
18794
+ page: currentPage,
18795
+ size: pageSize,
18796
+ filterOr: interFilterOr,
18797
+ },
18798
+ });
18799
+ }
18800
+ if (sortOrder && sortField) {
18801
+ sort = {
18802
+ key: sortField === "programmeCertifierId"
18803
+ ? "programmeCertifierId[1]"
18804
+ : sortField,
18805
+ order: sortOrder,
18806
+ nullFirst: false,
18807
+ };
18808
+ }
18809
+ else {
18810
+ sort = {
18811
+ key: "requestId",
18812
+ order: "DESC",
18813
+ };
18814
+ }
18815
+ _a.label = 1;
18816
+ case 1:
18817
+ _a.trys.push([1, 3, , 4]);
18818
+ return [4 /*yield*/, post("national/programme/transferQuery", {
18819
+ page: currentPage,
18820
+ size: pageSize,
18821
+ filterAnd: filter,
18822
+ filterOr: dataFilter,
18823
+ sort: sort,
18824
+ })];
18825
+ case 2:
18826
+ response = _a.sent();
18827
+ console.log(response);
18828
+ setTableData(response.data);
18829
+ setTotalProgramme(response.response.data.total);
18830
+ setLoading(false);
18831
+ return [3 /*break*/, 4];
18832
+ case 3:
18833
+ error_1 = _a.sent();
18834
+ console.log("Error in getting programme transfers", error_1);
18835
+ message.open({
18836
+ type: "error",
18837
+ content: error_1.message,
18838
+ duration: 3,
18839
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
18840
+ });
18841
+ setLoading(false);
18842
+ return [3 /*break*/, 4];
18843
+ case 4: return [2 /*return*/];
18844
+ }
18845
+ });
18846
+ }); };
18847
+ useEffect(function () {
18848
+ if (currentPage !== 1) {
18849
+ setCurrentPage(1);
18850
+ }
18851
+ else {
18852
+ getAllTransfers();
18853
+ }
18854
+ }, [statusFilter, dataFilter]);
18855
+ useEffect(function () {
18856
+ getAllTransfers();
18857
+ }, [currentPage, pageSize, sortField, sortOrder, search]);
18858
+ var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
18859
+ var response, successMsg, error_2;
18860
+ return __generator(this, function (_a) {
18861
+ switch (_a.label) {
18862
+ case 0:
18863
+ setLoading(true);
18864
+ _a.label = 1;
18865
+ case 1:
18866
+ _a.trys.push([1, 3, , 4]);
18867
+ return [4 /*yield*/, post("national/programme/" + endpoint, {
18868
+ requestId: reqId,
18869
+ comment: remarks,
18870
+ })];
18871
+ case 2:
18872
+ response = _a.sent();
18873
+ successMsg = response.message;
18874
+ if (isRetire) {
18875
+ successMsg = t("creditTransfer:internationalTransferReqCancelled");
18876
+ }
18877
+ console.log(response);
18878
+ message.open({
18879
+ type: "success",
18880
+ content: successText ? successText : successMsg,
18881
+ duration: 3,
18882
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
18883
+ });
18884
+ setLoading(false);
18885
+ getAllTransfers();
18886
+ setModalVisible(false);
18887
+ return [3 /*break*/, 4];
18888
+ case 3:
18889
+ error_2 = _a.sent();
18890
+ console.log("Error in Cancelling transfer request", error_2);
18891
+ setLoading(false);
18892
+ return [2 /*return*/, error_2.message];
18893
+ case 4: return [2 /*return*/];
18894
+ }
18895
+ });
18896
+ }); };
18897
+ var showModalOnAction = function (record, info) {
18898
+ setSelectedReq(record);
18899
+ setModalVisible(true);
18900
+ setPopupInfo(info);
18901
+ };
18902
+ var actionMenu = function (record) {
18903
+ var isRetire = false;
18904
+ if (record.isRetirement === true) {
18905
+ isRetire = true;
18906
+ }
18907
+ if (record.status === "Pending" &&
18908
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly) {
18909
+ return (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) === record.initiatorCompanyId ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
18910
+ {
18911
+ text: t("creditTransfer:cancel"),
18912
+ icon: React.createElement(Icon.ExclamationOctagon, null),
18913
+ click: function () {
18914
+ showModalOnAction(record, {
18915
+ title: t("creditTransfer:cancelTitle"),
18916
+ icon: React.createElement(Icon.ExclamationOctagon, null),
18917
+ actionBtnText: t("creditTransfer:proceed"),
18918
+ okAction: function (requestId, comment) {
18919
+ return handleRequestOk(requestId, comment, "transferCancel", undefined, isRetire);
18920
+ },
18921
+ type: "danger",
18922
+ remarkRequired: true,
18923
+ });
18924
+ },
18925
+ },
18926
+ ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
18927
+ React.createElement(Typography.Text, { className: "action-icon color-error" }, item.icon),
18928
+ React.createElement("span", null, item.text))); } })) : !record.isRetirement &&
18929
+ record.fromCompanyId === (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
18930
+ {
18931
+ text: t("creditTransfer:accept"),
18932
+ icon: React.createElement(Icon.ClipboardCheck, null),
18933
+ style: "color-primary",
18934
+ click: function () {
18935
+ showModalOnAction(record, {
18936
+ title: t("creditTransfer:acceptTitle"),
18937
+ icon: React.createElement(Icon.ClipboardCheck, null),
18938
+ actionBtnText: t("creditTransfer:proceed"),
18939
+ okAction: function (requestId, comment) {
18940
+ return handleRequestOk(requestId, comment, "transferApprove", "".concat(t("creditTransfer:transferReqApproved")));
18941
+ },
18942
+ type: "primary",
18943
+ remarkRequired: false,
18944
+ });
18945
+ },
18946
+ },
18947
+ {
18948
+ text: t("creditTransfer:reject"),
18949
+ icon: React.createElement(Icon.XOctagon, null),
18950
+ style: "color-error",
18951
+ click: function () {
18952
+ showModalOnAction(record, {
18953
+ title: t("creditTransfer:rejectTitle"),
18954
+ icon: React.createElement(Icon.XOctagon, null),
18955
+ actionBtnText: t("creditTransfer:reject"),
18956
+ okAction: function (requestId, comment) {
18957
+ return handleRequestOk(requestId, comment, "transferReject");
18958
+ },
18959
+ type: "danger",
18960
+ remarkRequired: true,
18961
+ });
18962
+ },
18963
+ },
18964
+ ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
18965
+ React.createElement(Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
18966
+ React.createElement("span", null, item.text))); } })) : record.isRetirement &&
18967
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
18968
+ {
18969
+ text: t("creditTransfer:recognise"),
18970
+ icon: React.createElement(Icon.Save, null),
18971
+ style: "color-primary",
18972
+ click: function () {
18973
+ showModalOnAction(record, {
18974
+ title: t("creditTransfer:recogniseTitle"),
18975
+ icon: React.createElement(Icon.Save, null),
18976
+ actionBtnText: t("creditTransfer:recognise"),
18977
+ okAction: function (requestId, comment) {
18978
+ return handleRequestOk(requestId, comment, "transferApprove", "".concat(t("creditTransfer:internationalTranferReqAccepted")));
18979
+ },
18980
+ type: "primary",
18981
+ remarkRequired: false,
18982
+ });
18983
+ },
18984
+ },
18985
+ {
18986
+ text: t("creditTransfer:notrecognise"),
18987
+ icon: React.createElement(Icon.XOctagon, null),
18988
+ style: "color-error",
18989
+ click: function () {
18990
+ showModalOnAction(record, {
18991
+ title: t("creditTransfer:notRecogniseTitle"),
18992
+ icon: React.createElement(Icon.XOctagon, null),
18993
+ actionBtnText: t("creditTransfer:notrecognise"),
18994
+ okAction: function (requestId, comment) {
18995
+ return handleRequestOk(requestId, comment, "transferReject", "".concat(t("creditTransfer:internationalTranferReqAccepted")));
18996
+ },
18997
+ type: "danger",
18998
+ remarkRequired: true,
18999
+ });
19000
+ },
19001
+ },
19002
+ ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
19003
+ React.createElement(Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
19004
+ React.createElement("span", null, item.text))); } })) : null;
19005
+ }
19006
+ };
19007
+ var columns = [
19008
+ {
19009
+ title: t("creditTransfer:requestID"),
19010
+ dataIndex: "requestId",
19011
+ key: "requestId",
19012
+ sorter: true,
19013
+ },
19014
+ {
19015
+ title: t("creditTransfer:date"),
19016
+ key: "txTime",
19017
+ sorter: true,
19018
+ align: "left",
19019
+ render: function (item, itemObj) {
19020
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
19021
+ },
19022
+ },
19023
+ {
19024
+ title: t("creditTransfer:pName"),
19025
+ dataIndex: "programmeTitle",
19026
+ key: "programmeTitle",
19027
+ sorter: true,
19028
+ align: "left",
19029
+ render: function (item) {
19030
+ return React.createElement("span", { className: "clickable" }, item);
19031
+ },
19032
+ onCell: function (record, rowIndex) {
19033
+ return {
19034
+ onClick: function (ev) {
19035
+ onNavigateToProgrammeView(record.programmeId);
19036
+ },
19037
+ };
19038
+ },
19039
+ },
19040
+ {
19041
+ title: t("creditTransfer:sector"),
19042
+ dataIndex: "programmeSector",
19043
+ key: "programmeSector",
19044
+ sorter: true,
19045
+ align: "left",
19046
+ },
19047
+ {
19048
+ title: t("creditTransfer:certifier"),
19049
+ dataIndex: "programmeCertifierId",
19050
+ key: "programmeCertifierId",
19051
+ sorter: true,
19052
+ align: "left",
19053
+ render: function (item, itemObj) {
19054
+ if (item === null) {
19055
+ return;
19056
+ }
19057
+ var cMap = {};
19058
+ for (var _i = 0, _a = itemObj.certifier; _i < _a.length; _i++) {
19059
+ var c = _a[_i];
19060
+ cMap[c.companyId] = c;
19061
+ }
19062
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.programmeCertifierId &&
19063
+ itemObj.programmeCertifierId.map(function (id, i) {
19064
+ var v = cMap[id];
19065
+ if (!v) {
19066
+ return;
19067
+ }
19068
+ return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
19069
+ React.createElement("div", null,
19070
+ React.createElement(ProfileIcon, { icon: v.logo, bg: "rgba(128, 255, 0, 0.12)", name: v.name }))));
19071
+ })));
19072
+ },
19073
+ },
19074
+ {
19075
+ title: t("creditTransfer:initiator"),
19076
+ key: "initiatorCompanyId",
19077
+ sorter: true,
19078
+ align: "left",
19079
+ render: function (item, itemObj) {
19080
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.requester &&
19081
+ itemObj.requester.map(function (v, i) {
19082
+ return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
19083
+ React.createElement("div", null,
19084
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
19085
+ })));
19086
+ },
19087
+ },
19088
+ {
19089
+ title: t("creditTransfer:cSender"),
19090
+ key: "fromCompanyId",
19091
+ sorter: true,
19092
+ align: "left",
19093
+ render: function (item, itemObj) {
19094
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.sender &&
19095
+ itemObj.sender.map(function (v, i) {
19096
+ return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
19097
+ React.createElement("div", null,
19098
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
19099
+ })));
19100
+ },
19101
+ },
19102
+ {
19103
+ title: t("creditTransfer:cReceiver"),
19104
+ dataIndex: "toCompanyId",
19105
+ key: "toCompanyId",
19106
+ sorter: true,
19107
+ align: "left",
19108
+ render: function (item, itemObj) {
19109
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.receiver &&
19110
+ itemObj.receiver.map(function (v, i) {
19111
+ return !itemObj.isRetirement ? (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
19112
+ React.createElement("div", null,
19113
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name })))) : itemObj.retirementType === "0" ? (React.createElement(Tooltip, { title: t("creditTransfer:iaccount") +
19114
+ "".concat(itemObj.toCompanyMeta &&
19115
+ itemObj.toCompanyMeta.countryName
19116
+ ? " - " + itemObj.toCompanyMeta.countryName
19117
+ : ""), color: TooltipColor, key: TooltipColor }, itemObj.toCompanyMeta && itemObj.toCompanyMeta.country && (React.createElement(u, { className: "profile-icon flag-ret-icon", countryCode: itemObj.toCompanyMeta.country.toLowerCase() })))) : (React.createElement(Tooltip, { title: t("creditTransfer:laccount"), color: TooltipColor, key: TooltipColor },
19118
+ React.createElement("div", { className: "ret-icon profile-icon" },
19119
+ React.createElement(Icon.Save, null))));
19120
+ })));
19121
+ },
19122
+ },
19123
+ {
19124
+ title: t("creditTransfer:cRequested") + " (".concat(creditUnit, ")"),
19125
+ dataIndex: "creditAmount",
19126
+ key: "creditAmount",
19127
+ sorter: true,
19128
+ align: "right",
19129
+ render: function (item) {
19130
+ return React.createElement("span", { className: "clickable" }, addCommSepRound(item));
19131
+ },
19132
+ },
19133
+ {
19134
+ title: t("programme:status"),
19135
+ key: "status",
19136
+ sorter: true,
19137
+ align: "center",
19138
+ render: function (item, Obj) {
19139
+ return (React.createElement(Tooltip, { title: Obj.serialNo, color: TooltipColor, key: TooltipColor },
19140
+ React.createElement(Tag, { className: "clickable", color: getTransferStageTagType(Obj.status) }, addSpaces(getStageTransferEnumVal(Obj.status)))));
19141
+ },
19142
+ },
19143
+ {
19144
+ align: "right",
19145
+ render: function (_, record) {
19146
+ var menu = actionMenu(record);
19147
+ return menu && !isTransferFrozen ? (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
19148
+ React.createElement(EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))) : (React.createElement("span", null));
19149
+ },
19150
+ // render: () => {
19151
+ // return (
19152
+ // <div className="clickable">
19153
+ // <MoreOutlined style={{ fontSize: '20px' }} />
19154
+ // </div>
19155
+ // );
19156
+ // },
19157
+ },
19158
+ ];
19159
+ var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
19160
+ return __generator(this, function (_a) {
19161
+ setSearch(searchText);
19162
+ return [2 /*return*/];
19163
+ });
19164
+ }); };
19165
+ var onChange = function (page, size) {
19166
+ setCurrentPage(page);
19167
+ setPageSize(size);
19168
+ };
19169
+ var handleTableChange = function (pag, sorter) {
19170
+ console.log(pag, sorter);
19171
+ setSortOrder(sorter.order === "ascend"
19172
+ ? "ASC"
19173
+ : sorter.order === "descend"
19174
+ ? "DESC"
19175
+ : undefined);
19176
+ setSortField(sorter.columnKey);
19177
+ // setCurrentPage(1);
19178
+ };
19179
+ var onFreezeTransfer = function () { return __awaiter(void 0, void 0, void 0, function () {
19180
+ var response;
19181
+ return __generator(this, function (_a) {
19182
+ switch (_a.label) {
19183
+ case 0: return [4 /*yield*/, post("national/Settings/update", {
19184
+ id: ConfigurationSettingsType.isTransferFrozen,
19185
+ settingValue: "".concat(!isTransferFrozen),
19186
+ })];
19187
+ case 1:
19188
+ response = _a.sent();
19189
+ if (response) {
19190
+ setTransferFrozen(!isTransferFrozen);
19191
+ }
19192
+ return [2 /*return*/];
19193
+ }
19194
+ });
19195
+ }); };
19196
+ return (React.createElement("div", { className: "credit-transfer-management content-container" },
19197
+ React.createElement("div", { className: "title-bar" },
19198
+ React.createElement(Row, { justify: "space-between", align: "middle" },
19199
+ React.createElement(Col, { span: 20 },
19200
+ React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers")),
19201
+ React.createElement("div", { className: "body-sub-title" }, t("creditTransfer:desc"))),
19202
+ React.createElement(Col, { span: 4 }, (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
19203
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.Admin) ||
19204
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.Root) && (React.createElement("div", { className: "transfer-freeze-icon", onClick: onFreezeTransfer }, isTransferFrozen ? (React.createElement(PlayCircle, { className: "play-circle", size: 35 })) : (React.createElement(PauseCircle, { className: "pause-circle", size: 35 }))))))),
19205
+ React.createElement("div", { className: "content-card" },
19206
+ React.createElement(Row, null,
19207
+ React.createElement(Col, { lg: { span: 16 }, md: { span: 16 } },
19208
+ React.createElement("div", { className: "action-bar" },
19209
+ React.createElement(Checkbox, { className: "all-check", indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, "All"),
19210
+ React.createElement(Checkbox.Group, { options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
19211
+ React.createElement(Col, { lg: { span: 8 }, md: { span: 8 } },
19212
+ React.createElement("div", { className: "filter-section" },
19213
+ React.createElement("div", { className: "search-filter" },
19214
+ React.createElement(Checkbox, { className: "label", onChange: function (v) {
19215
+ return setDataFilter(v.target.checked
19216
+ ? [
19217
+ {
19218
+ key: "initiatorCompanyId",
19219
+ operation: "=",
19220
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
19221
+ },
19222
+ {
19223
+ key: "fromCompanyId",
19224
+ operation: "=",
19225
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
19226
+ },
19227
+ {
19228
+ key: "toCompanyId",
19229
+ operation: "=",
19230
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
19231
+ },
19232
+ {
19233
+ key: "programmeCertifierId",
19234
+ operation: "ANY",
19235
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
19236
+ },
19237
+ ]
19238
+ : undefined);
19239
+ } }, t("view:seeMine"))),
19240
+ React.createElement("div", { className: "search-bar" },
19241
+ React.createElement(Search, { onPressEnter: onSearch, placeholder: "Search", allowClear: true, onChange: function (e) {
19242
+ return e.target.value === ""
19243
+ ? setSearch(e.target.value)
19244
+ : setSearchText(e.target.value);
19245
+ }, onSearch: setSearch, style: { width: 265 } }))))),
19246
+ React.createElement(Row, null,
19247
+ React.createElement(Col, { span: 24 },
19248
+ React.createElement("div", { className: "programmeManagement-table-container" },
19249
+ React.createElement(Table, { dataSource: tableData, columns: columns, className: "common-table-class", loading: loading, pagination: {
19250
+ current: currentPage,
19251
+ pageSize: pageSize,
19252
+ total: totalProgramme,
19253
+ showQuickJumper: true,
19254
+ showSizeChanger: true,
19255
+ onChange: onChange,
19256
+ }, onChange: function (val, filter, sorter) {
19257
+ return handleTableChange(val, sorter);
19258
+ }, locale: {
19259
+ emptyText: (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
19260
+ ? t("creditTransfer:noTransfer")
19261
+ : null })),
19262
+ } }))))),
19263
+ popupInfo && selectedReq && (React.createElement(TransferActionModel, { transfer: selectedReq, onCancel: function () {
19264
+ setModalVisible(false);
19265
+ setSelectedReq(undefined);
19266
+ }, 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 }))));
19267
+ };
19268
+
19269
+ var css_248z$6 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
19270
+ styleInject(css_248z$6);
19271
+
19272
+ var LegendItem = function (props) {
19273
+ var text = props.text, color = props.color;
19274
+ return (React.createElement("div", { className: "legend-item-container" },
19275
+ React.createElement(CircleFill, { color: color, size: 12 }),
19276
+ React.createElement("div", { className: "text" }, text)));
19277
+ };
19278
+
19279
+ var css_248z$5 = ".map-box-container .mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.map-box-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.map-box-container .mapboxgl-popup-close-button,\n.map-box-container .mapboxgl-popup-close-button:hover {\n display: none; }\n";
19280
+ styleInject(css_248z$5);
19281
+
19282
+ var MapboxComponent = function (props) {
19283
+ var mapContainerRef = useRef(null);
19284
+ var center = props.center, markers = props.markers, mapSource = props.mapSource, onClick = props.onClick, showPopupOnClick = props.showPopupOnClick, onMouseMove = props.onMouseMove, layer = props.layer, height = props.height, style = props.style, zoom = props.zoom, onRender = props.onRender, accessToken = props.accessToken;
19285
+ mapboxgl.accessToken = accessToken;
19286
+ useEffect(function () {
19287
+ if (!mapContainerRef || !mapContainerRef.current || center.length !== 2) {
19288
+ return;
19289
+ }
19290
+ var map = new mapboxgl.Map({
19291
+ container: mapContainerRef.current || '',
19292
+ style: style,
19293
+ center: !Number.isNaN(center[0]) && !Number.isNaN(center[1])
19294
+ ? [center[0], center[1]]
19295
+ : [9.082, 8.6753],
19296
+ zoom: zoom,
19297
+ maxZoom: 17,
19298
+ });
19299
+ map.on('load', function () {
19300
+ var currentMarkes = {};
19301
+ if (mapSource) {
19302
+ map.addSource(mapSource.key, mapSource.data);
19303
+ }
19304
+ if (onClick) {
19305
+ map.on('click', function (e) {
19306
+ var popupContent = onClick(map, e);
19307
+ if (showPopupOnClick && popupContent) {
19308
+ new mapboxgl.Popup()
19309
+ .setLngLat(map.unproject(e.point))
19310
+ .setHTML(popupContent)
19311
+ .addTo(map);
19312
+ }
19313
+ });
19314
+ }
19315
+ if (onMouseMove) {
19316
+ map.on('mousemove', function (e) {
19317
+ onMouseMove(map, e);
19318
+ });
19319
+ }
19320
+ if (layer) {
19321
+ map.addLayer(layer);
19322
+ }
19323
+ if (onRender) {
19324
+ map.on('render', function () {
19325
+ var markersList = onRender(map);
19326
+ if (markersList) {
19327
+ markersList.forEach(function (marker) {
19328
+ if (!currentMarkes[marker.id]) {
19329
+ var createdMarker = new mapboxgl.Marker({
19330
+ color: marker.color,
19331
+ element: marker.element ? marker.element : undefined,
19332
+ })
19333
+ .setLngLat([marker.location[0], marker.location[1]])
19334
+ .addTo(map);
19335
+ currentMarkes[marker.id] = createdMarker;
19336
+ }
19337
+ });
19338
+ var _loop_1 = function (id) {
19339
+ if (!(markersList === null || markersList === void 0 ? void 0 : markersList.some(function (marker) { var _a; return ((_a = marker.id) === null || _a === void 0 ? void 0 : _a.toString()) === id; }))) {
19340
+ currentMarkes[id].remove();
19341
+ delete currentMarkes[id];
19342
+ }
19343
+ };
19344
+ for (var id in currentMarkes) {
19345
+ _loop_1(id);
19346
+ }
19347
+ }
19348
+ });
19349
+ }
19350
+ });
19351
+ if (markers) {
19352
+ markers.forEach(function (marker) {
19353
+ new mapboxgl.Marker({
19354
+ color: marker.color,
19355
+ element: marker.element ? marker.element : undefined,
19356
+ })
19357
+ .setLngLat([marker.location[0], marker.location[1]])
19358
+ .addTo(map);
19359
+ });
19360
+ }
19361
+ });
19362
+ return (React.createElement("div", { className: "map-box-container", style: { width: '100%', height: "".concat(height, "px") }, ref: mapContainerRef }));
19363
+ };
19364
+
19365
+ var MapComponent = function (props) {
19366
+ var mapType = props.mapType;
19367
+ return React.createElement("div", null, mapType === MapTypes.Mapbox ? MapboxComponent(props) : "");
19368
+ };
19369
+
19370
+ var css_248z$4 = ".stastic-card-main-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 11.2rem;\n background-color: white;\n border-radius: 0.625rem;\n padding: 1rem 1.875rem 0 1.875rem; }\n .stastic-card-main-container .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n height: 3.3rem; }\n .stastic-card-main-container .title-section .title {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: 'Inter';\n font-size: 1.15rem;\n font-weight: 600;\n width: 95%;\n color: rgba(58, 53, 65, 0.8); }\n .stastic-card-main-container .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 5%;\n align-items: center;\n justify-content: flex-end; }\n .stastic-card-main-container .values-section {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n height: 5rem; }\n .stastic-card-main-container .values-section .values-and-unit {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 60%; }\n .stastic-card-main-container .values-section .values-and-unit .value {\n font-family: 'Inter';\n font-size: 2rem;\n font-weight: 600;\n width: 100%;\n color: #16b1ff;\n padding: 0; }\n .stastic-card-main-container .values-section .values-and-unit .unit {\n margin-bottom: -0.6rem;\n margin-left: 0.2rem;\n margin-top: -0.66rem;\n font-family: 'Inter';\n font-size: 0.875rem;\n font-weight: 500;\n width: 100%;\n color: rgba(58, 53, 65, 0.5); }\n .stastic-card-main-container .values-section .icon-section {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n width: 40%;\n justify-content: flex-start; }\n .stastic-card-main-container .values-section .icon-section img {\n height: 80px; }\n .stastic-card-main-container .values-section .updated-on-null {\n display: flex;\n flex-direction: row;\n font-size: 0.813rem;\n border-radius: 3.125rem;\n padding: 0 0.5rem 0 0.5rem;\n margin-top: 1rem;\n color: transparent;\n background-color: transparent; }\n .stastic-card-main-container .updated-on {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n width: max-content;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
19371
+ styleInject(css_248z$4);
19372
+
19373
+ var toolTipTextGen = function (companyRole, cardType, mine) {
19374
+ var text = '';
19375
+ if (companyRole === CompanyRole.GOVERNMENT) {
19376
+ if (cardType === StatsCardsTypes.PROGRAMMES_PENDING) {
19377
+ text = 'Pending state programmes awaiting authorisation';
19378
+ }
19379
+ else if (cardType === StatsCardsTypes.TRANSFER_REQUEST_SENT) {
19380
+ text =
19381
+ 'Pending credit transfer requests sent to programme owners initiated by your organisation';
18289
19382
  }
18290
19383
  else if (cardType === StatsCardsTypes.CREDIT_BALANCE) {
18291
19384
  text = 'Total credit balance owned by your organisation';
@@ -18493,43 +19586,6 @@ var StasticCard = function (props) {
18493
19586
  updatedDate !== '0' && React.createElement("div", { className: "updated-on" }, updatedDate)))));
18494
19587
  };
18495
19588
 
18496
- var css_248z$3 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .row {\n display: flex;\n width: 40%;\n align-items: center;\n justify-content: space-between; }\n .info-view .field-value .row .key {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n .info-view .field-value .row .data {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
18497
- styleInject(css_248z$3);
18498
-
18499
- var dateFormat = 'dd LLLL yyyy';
18500
- var creditUnit = 'ITMO';
18501
-
18502
- var InfoView = function (props) {
18503
- var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
18504
- return (React.createElement("div", { className: "info-view" },
18505
- React.createElement("div", { className: "title" },
18506
- React.createElement("span", { className: "title-icon" }, icon),
18507
- React.createElement("span", { className: "title-text" }, title)),
18508
- React.createElement("div", null, Object.keys(data).map(function (k) {
18509
- var _a;
18510
- if (hiddenColumns.indexOf(k) < 0) {
18511
- return (React.createElement(Row, { className: "field", key: k },
18512
- React.createElement(Col, { span: 12, className: "field-key" }, k),
18513
- React.createElement(Col, { span: 12, className: "field-value" }, k.includes("GHG Emissions") ? (((_a = Object.values(data[k])) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (Object.entries(data[k]).map(function (_a) {
18514
- var key = _a[0]; _a[1];
18515
- return (React.createElement("div", { className: "row" },
18516
- React.createElement("div", { className: "key" }, key),
18517
- React.createElement("div", { className: "data" }, data[k][key])));
18518
- })) : (React.createElement("div", null, "-"))) : (React.createElement("span", null, data[k] instanceof DateTime
18519
- ? data[k].toFormat(dateFormat)
18520
- : data[k] === "" || !data[k] || data[k] === "NaN"
18521
- ? "-"
18522
- : data[k])))));
18523
- }
18524
- else {
18525
- return null;
18526
- }
18527
- }))));
18528
- };
18529
- InfoView.defaultProps = {
18530
- hiddenColumns: [],
18531
- };
18532
-
18533
19589
  var ImgWithFallback = function (_a) {
18534
19590
  var src = _a.src, alt = _a.alt, fallbackSrc = _a.fallbackSrc, mediaType = _a.mediaType, className = _a.className, delegated = __rest(_a, ["src", "alt", "fallbackSrc", "mediaType", "className"]);
18535
19591
  return (React.createElement("picture", null,
@@ -18537,8 +19593,8 @@ var ImgWithFallback = function (_a) {
18537
19593
  React.createElement("img", __assign({ className: className, src: fallbackSrc, alt: alt }, delegated))));
18538
19594
  };
18539
19595
 
18540
- var css_248z$2 = ".margin-left-1 {\n margin-left: 1rem; }\n\n.investment-body {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n height: 3rem; }\n .investment-body .invester {\n display: flex;\n flex-direction: column;\n width: 50%; }\n .investment-body .invester .name-and-progress {\n display: flex;\n flex-direction: row;\n width: 100%; }\n .investment-body .invester .name-and-progress .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.3rem; }\n .investment-body .invester .name-and-progress .progress {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-top: 0.2rem;\n margin-left: 1rem; }\n .investment-body .amount {\n display: flex;\n flex-direction: row;\n font-weight: 500;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.8);\n width: 32%; }\n .investment-body .actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 18%; }\n .investment-body .actions .actions-icon-container {\n display: flex;\n height: 30px;\n width: 30px;\n align-items: center;\n justify-content: center;\n background-color: rgba(151, 110, 215, 0.3);\n border-radius: 50px; }\n .investment-body .actions .actions-icon-container .action-icons {\n color: #16b1ff;\n font-size: 16px; }\n";
18541
- styleInject(css_248z$2);
19596
+ var css_248z$3 = ".margin-left-1 {\n margin-left: 1rem; }\n\n.investment-body {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n height: 3rem; }\n .investment-body .invester {\n display: flex;\n flex-direction: column;\n width: 50%; }\n .investment-body .invester .name-and-progress {\n display: flex;\n flex-direction: row;\n width: 100%; }\n .investment-body .invester .name-and-progress .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.3rem; }\n .investment-body .invester .name-and-progress .progress {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-top: 0.2rem;\n margin-left: 1rem; }\n .investment-body .amount {\n display: flex;\n flex-direction: row;\n font-weight: 500;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.8);\n width: 32%; }\n .investment-body .actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 18%; }\n .investment-body .actions .actions-icon-container {\n display: flex;\n height: 30px;\n width: 30px;\n align-items: center;\n justify-content: center;\n background-color: rgba(151, 110, 215, 0.3);\n border-radius: 50px; }\n .investment-body .actions .actions-icon-container .action-icons {\n color: #16b1ff;\n font-size: 16px; }\n";
19597
+ styleInject(css_248z$3);
18542
19598
 
18543
19599
  var InvestmentBody = function (props) {
18544
19600
  var data = props.data, translator = props.translator;
@@ -18649,12 +19705,6 @@ var ProgrammeIssueForm = function (props) {
18649
19705
  React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
18650
19706
  };
18651
19707
 
18652
- var CompanyState;
18653
- (function (CompanyState) {
18654
- CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
18655
- CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
18656
- })(CompanyState || (CompanyState = {}));
18657
-
18658
19708
  var ProgrammeRetireForm = function (props) {
18659
19709
  var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, translator = props.translator, useConnection = props.useConnection;
18660
19710
  var t = translator.t;
@@ -19188,125 +20238,8 @@ var RejectDocumentationConfirmationModel = function (props) {
19188
20238
  React.createElement(Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
19189
20239
  };
19190
20240
 
19191
- var TransferActionModel = function (props) {
19192
- var transfer = props.transfer, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, translator = props.translator;
19193
- var t = translator.t;
19194
- var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
19195
- var _b = useState(false), loading = _b[0], setLoading = _b[1];
19196
- var _c = useState(false), checked = _c[0], setChecked = _c[1];
19197
- var companyList = !transfer.isRetirement
19198
- ? [
19199
- {
19200
- value: transfer.toCompanyId,
19201
- label: transfer.receiver[0].name,
19202
- },
19203
- ]
19204
- : [
19205
- {
19206
- value: transfer.fromCompanyId,
19207
- label: transfer.sender[0].name,
19208
- },
19209
- ];
19210
- return (React.createElement(Modal, { title: React.createElement("div", { className: "popup-header" },
19211
- React.createElement("div", { className: "icon" }, icon),
19212
- React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
19213
- React.createElement("div", { className: "transfer-form" },
19214
- React.createElement(Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
19215
- toCompanyId: !transfer.isRetirement
19216
- ? transfer.toCompanyId
19217
- : transfer.fromCompanyId,
19218
- programmeName: transfer.programmeTitle,
19219
- serialNo: transfer.serialNo,
19220
- creditAmount: transfer.creditAmount,
19221
- company: transfer.toCompanyMeta
19222
- ? transfer.toCompanyMeta.name
19223
- : null,
19224
- country: transfer.toCompanyMeta
19225
- ? transfer.toCompanyMeta.country
19226
- : null,
19227
- countryName: transfer.toCompanyMeta
19228
- ? transfer.toCompanyMeta.countryName
19229
- : null,
19230
- }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
19231
- var res;
19232
- return __generator(this, function (_a) {
19233
- switch (_a.label) {
19234
- case 0:
19235
- setLoading(true);
19236
- if (d.comment) {
19237
- d.comment = d.comment.trim();
19238
- }
19239
- return [4 /*yield*/, onFinish(transfer.requestId, d.comment)];
19240
- case 1:
19241
- res = _a.sent();
19242
- setPopupError(res);
19243
- setLoading(false);
19244
- return [2 /*return*/];
19245
- }
19246
- });
19247
- }); } },
19248
- React.createElement(Row, null,
19249
- React.createElement(Col, { span: 24 },
19250
- React.createElement(Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
19251
- React.createElement(Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
19252
- React.createElement(Row, null,
19253
- React.createElement(Col, { span: 24 },
19254
- React.createElement(Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
19255
- React.createElement(Input, { disabled: true })))),
19256
- !transfer.isRetirement && (React.createElement(Row, null,
19257
- React.createElement(Col, { span: 24 },
19258
- React.createElement(Form.Item, { className: "remarks-label", label: t("view:serialNoField"), name: "serialNo" },
19259
- React.createElement(Input, { disabled: true }))))),
19260
- transfer.toCompanyMeta && transfer.toCompanyMeta.country && (React.createElement(Row, null,
19261
- React.createElement(Col, { span: 24 },
19262
- React.createElement(Form.Item, { className: "remarks-label", label: t("creditTransfer:country"), name: "countryName" },
19263
- React.createElement(Input, { disabled: true }))))),
19264
- transfer.toCompanyMeta && transfer.toCompanyMeta.name && (React.createElement(Row, null,
19265
- React.createElement(Col, { span: 24 },
19266
- React.createElement(Form.Item, { className: "remarks-label", label: t("creditTransfer:company"), name: "company" },
19267
- React.createElement(Input, { disabled: true }))))),
19268
- React.createElement(Row, null,
19269
- React.createElement(Col, { lg: 18, md: 20 },
19270
- React.createElement("div", { className: "label" }, "".concat(t("view:transferApproveTotal"), " (").concat(creditUnit, ")"))),
19271
- React.createElement(Col, { lg: 6, md: 4 },
19272
- React.createElement(Form.Item, { className: "popup-credit-input" },
19273
- React.createElement(InputNumber, { placeholder: addCommSep(transfer.creditAmount), disabled: true })))),
19274
- React.createElement(Row, null,
19275
- React.createElement(Col, { span: 24 },
19276
- React.createElement(Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
19277
- {
19278
- required: remarkRequired,
19279
- message: "Required field",
19280
- },
19281
- function (_a) {
19282
- _a.getFieldValue;
19283
- return ({
19284
- validator: function (rule, v) {
19285
- if (remarkRequired &&
19286
- v !== undefined &&
19287
- v !== "" &&
19288
- v.trim() === "") {
19289
- // eslint-disable-next-line prefer-promise-reject-errors
19290
- return Promise.reject("Required field");
19291
- }
19292
- return Promise.resolve();
19293
- },
19294
- });
19295
- },
19296
- ] },
19297
- React.createElement(Input.TextArea, { placeholder: "" })))),
19298
- React.createElement(Row, null,
19299
- React.createElement(Col, { span: 24 },
19300
- React.createElement(Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
19301
- React.createElement(Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
19302
- popupError ? (React.createElement(Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
19303
- React.createElement(Form.Item, { className: "footer" },
19304
- React.createElement(Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
19305
- React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
19306
- };
19307
-
19308
- var css_248z$1 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
19309
- styleInject(css_248z$1);
20241
+ var css_248z$2 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
20242
+ styleInject(css_248z$2);
19310
20243
 
19311
20244
  var NdcActionBody = function (props) {
19312
20245
  var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, translator = props.translator, useUserContext = props.useUserContext, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission;
@@ -19634,8 +20567,8 @@ var NdcActionBody = function (props) {
19634
20567
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
19635
20568
  };
19636
20569
 
19637
- var css_248z = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
19638
- styleInject(css_248z);
20570
+ var css_248z$1 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
20571
+ styleInject(css_248z$1);
19639
20572
 
19640
20573
  var ProgrammeDocuments = function (props) {
19641
20574
  var data = props.data, title = props.title, icon = props.icon, programmeId = props.programmeId, programmeOwnerId = props.programmeOwnerId, getDocumentDetails = props.getDocumentDetails, getProgrammeById = props.getProgrammeById, ministryLevelPermission = props.ministryLevelPermission, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useUserContext = props.useUserContext, translator = props.translator;
@@ -19985,5 +20918,19 @@ var ProgrammeDocuments = function (props) {
19985
20918
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
19986
20919
  };
19987
20920
 
19988
- export { AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, BaseEntity, CarbonSystemType, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, ConfigurationSettingsType, CreditTransferStage, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, ImgWithFallback, InfoView, Instrument, InvestmentBody, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, MitigationTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, OrganisationStatus, ProfileIcon, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, Titles, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
20921
+ var css_248z = ".remark {\n padding-top: 7px;\n font-size: 0.75rem; }\n .remark .remark-title {\n text-transform: capitalize;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .remark .remark-body {\n font-weight: 400;\n color: rgba(58, 53, 65, 0.5); }\n";
20922
+ styleInject(css_248z);
20923
+
20924
+ var TimelineBody = function (props) {
20925
+ var text = props.text, remark = props.remark, via = props.via, t = props.t;
20926
+ return (React.createElement("div", null,
20927
+ React.createElement("div", null,
20928
+ text,
20929
+ via && React.createElement("span", null, " ".concat(t('view:via'), " ").concat(via))),
20930
+ remark && remark !== 'undefined' && remark !== 'null' && (React.createElement("div", { className: "remark" },
20931
+ React.createElement("div", { className: "remark-title" }, t('view:remarks')),
20932
+ React.createElement("div", { className: "remark-body" }, remark)))));
20933
+ };
20934
+
20935
+ export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, BaseEntity, CarbonSystemType, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, ImgWithFallback, InfoView, Instrument, InvestmentBody, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, MitigationTypes, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SystemNames, TimelineBody, Titles, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, WidgetType, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
19989
20936
  //# sourceMappingURL=index.js.map