@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/cjs/index.js CHANGED
@@ -147,14 +147,14 @@ function styleInject(css, ref) {
147
147
  }
148
148
  }
149
149
 
150
- 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";
151
- styleInject(css_248z$p);
150
+ 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";
151
+ styleInject(css_248z$t);
152
152
 
153
- 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";
154
- styleInject(css_248z$o);
153
+ 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";
154
+ styleInject(css_248z$s);
155
155
 
156
- 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";
157
- styleInject(css_248z$n);
156
+ 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";
157
+ styleInject(css_248z$r);
158
158
 
159
159
  var RoleIcon = function (props) {
160
160
  var icon = props.icon, bg = props.bg, color = props.color;
@@ -201,6 +201,12 @@ exports.ProgrammeStageUnified = void 0;
201
201
  ProgrammeStageUnified["Approved"] = "Approved";
202
202
  ProgrammeStageUnified["Rejected"] = "Rejected";
203
203
  })(exports.ProgrammeStageUnified || (exports.ProgrammeStageUnified = {}));
204
+ exports.ProgrammeStageLegend = void 0;
205
+ (function (ProgrammeStageLegend) {
206
+ ProgrammeStageLegend["AUTHORISED"] = "Authorised";
207
+ ProgrammeStageLegend["REJECTED"] = "Rejected";
208
+ ProgrammeStageLegend["AWAITING_AUTHORIZATION"] = "AwaitingAuthorization";
209
+ })(exports.ProgrammeStageLegend || (exports.ProgrammeStageLegend = {}));
204
210
 
205
211
  exports.CreditTransferStage = void 0;
206
212
  (function (CreditTransferStage) {
@@ -355,10 +361,11 @@ var addSpaces = function (text) {
355
361
  };
356
362
  var getFinancialFields = function (programme) {
357
363
  return {
358
- programmeCost: addCommSep(programme.programmeProperties.programmeCostUSD),
364
+ estimatedProgrammeCostUSD: addCommSep(programme.programmeProperties.estimatedProgrammeCostUSD),
365
+ creditEst: addCommSep(programme.creditEst),
359
366
  financingType: addSpaces(programme.programmeProperties.sourceOfFunding),
360
- grantEquivalent: new UnitField("USD", addCommSep(programme.programmeProperties.grantEquivalentAmount)),
361
- carbonPrice: addCommSep(programme.programmeProperties.carbonPriceUSDPerTon),
367
+ grantEquivalent: new UnitField('USD', addCommSep(programme.programmeProperties.grantEquivalentAmount)),
368
+ carbonPriceUSDPerTon: addCommSep(programme.programmeProperties.carbonPriceUSDPerTon),
362
369
  };
363
370
  };
364
371
  var getCompanyBgColor = function (item) {
@@ -398,14 +405,14 @@ var getBase64 = function (file) {
398
405
  });
399
406
  };
400
407
 
401
- var Action;
408
+ exports.Action = void 0;
402
409
  (function (Action) {
403
410
  Action["Manage"] = "manage";
404
411
  Action["Create"] = "create";
405
412
  Action["Read"] = "read";
406
413
  Action["Update"] = "update";
407
414
  Action["Delete"] = "delete";
408
- })(Action || (Action = {}));
415
+ })(exports.Action || (exports.Action = {}));
409
416
 
410
417
  var Company = /** @class */ (function () {
411
418
  function Company() {
@@ -423,8 +430,8 @@ exports.CompanyManagementColumns = void 0;
423
430
  CompanyManagementColumns["creditBalance"] = "creditBalance";
424
431
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
425
432
 
426
- 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";
427
- styleInject(css_248z$m);
433
+ 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";
434
+ styleInject(css_248z$q);
428
435
 
429
436
  var isBase64 = function (str) {
430
437
  if (!str || str === '' || str.trim() === '') {
@@ -756,7 +763,7 @@ var CompanyManagementComponent = function (props) {
756
763
  React.createElement("div", { className: "content-card" },
757
764
  React.createElement(antd.Row, { className: "table-actions-section" },
758
765
  React.createElement(antd.Col, { md: 8, xs: 24 },
759
- React.createElement("div", { className: "action-bar" }, ability.can(Action.Create, Company) && (React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddCompany }, t("company:addCompany"))))),
766
+ React.createElement("div", { className: "action-bar" }, ability.can(exports.Action.Create, Company) && (React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddCompany }, t("company:addCompany"))))),
760
767
  React.createElement(antd.Col, { md: 16, xs: 24 },
761
768
  React.createElement("div", { className: "filter-section" },
762
769
  React.createElement("div", { className: "search-bar" },
@@ -795,11 +802,11 @@ var CompanyManagementComponent = function (props) {
795
802
  } })))))));
796
803
  };
797
804
 
798
- 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";
799
- styleInject(css_248z$l);
805
+ 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";
806
+ styleInject(css_248z$p);
800
807
 
801
- 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";
802
- styleInject(css_248z$k);
808
+ 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";
809
+ styleInject(css_248z$o);
803
810
 
804
811
  exports.UserManagementColumns = void 0;
805
812
  (function (UserManagementColumns) {
@@ -4403,6 +4410,61 @@ exports.DocumentStatus = void 0;
4403
4410
  DocumentStatus["REJECTED"] = "Rejected";
4404
4411
  })(exports.DocumentStatus || (exports.DocumentStatus = {}));
4405
4412
 
4413
+ exports.CompanyState = void 0;
4414
+ (function (CompanyState) {
4415
+ CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
4416
+ CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
4417
+ })(exports.CompanyState || (exports.CompanyState = {}));
4418
+
4419
+ exports.WidgetType = void 0;
4420
+ (function (WidgetType) {
4421
+ WidgetType["PIE"] = "Pie";
4422
+ WidgetType["MAP"] = "Map";
4423
+ WidgetType["LIST"] = "List";
4424
+ })(exports.WidgetType || (exports.WidgetType = {}));
4425
+
4426
+ exports.StatsCardsTypes = void 0;
4427
+ (function (StatsCardsTypes) {
4428
+ StatsCardsTypes["PROGRAMMES_PENDING"] = "Programmes Pending";
4429
+ StatsCardsTypes["TRANSFER_REQUEST_RECEIVED"] = "Pending Transfers Received";
4430
+ StatsCardsTypes["PROGRAMMES_UNCERTIFIED"] = "Programmes Certifiable";
4431
+ StatsCardsTypes["TRANSFER_REQUEST_SENT"] = "Pending Transfers Sent";
4432
+ StatsCardsTypes["PROGRAMMES_CERTIFIED"] = "Programmes Certified";
4433
+ StatsCardsTypes["CREDIT_BALANCE"] = "Credit Balance";
4434
+ StatsCardsTypes["CREDIT_CERTIFIED"] = "Credits Certified";
4435
+ StatsCardsTypes["PROGRAMMES"] = "Programmes";
4436
+ StatsCardsTypes["CREDITS"] = "Credits";
4437
+ StatsCardsTypes["CERTIFIED_CREDITS"] = "Certified Credits";
4438
+ StatsCardsTypes["TOTAL_PROGRAMMES"] = "Total Programmes";
4439
+ StatsCardsTypes["TOTAL_PROGRAMMES_SECTOR"] = "Total Programmes: Sector";
4440
+ StatsCardsTypes["TOTAL_CREDITS"] = "Total Credits";
4441
+ StatsCardsTypes["TOTAL_CREDITS_CERTIFIED"] = "Total Credits Certified";
4442
+ StatsCardsTypes["PROGRAMME_LOCATIONS"] = "Programme Locations";
4443
+ StatsCardsTypes["TRANSFER_LOCATIONS_INTERNATIONAL"] = "Transfer Locations International";
4444
+ })(exports.StatsCardsTypes || (exports.StatsCardsTypes = {}));
4445
+ exports.MrvStatsCardsTypes = void 0;
4446
+ (function (MrvStatsCardsTypes) {
4447
+ MrvStatsCardsTypes["AGG_PROGRAMME_BY_SECTOR"] = "AGG_PROGRAMME_BY_SECTOR";
4448
+ // MY_AGG_PROGRAMME_BY_SECTOR = "MY_AGG_PROGRAMME_BY_SECTOR",
4449
+ MrvStatsCardsTypes["AGG_NDC_ACTION_BY_TYPE"] = "AGG_NDC_ACTION_BY_TYPE";
4450
+ // MY_AGG_NDC_ACTION_BY_TYPE = "MY_AGG_NDC_ACTION_BY_TYPE",
4451
+ MrvStatsCardsTypes["AGG_NDC_ACTION_BY_SECTOR"] = "AGG_NDC_ACTION_BY_SECTOR";
4452
+ // MY_AGG_NDC_ACTION_BY_SECTOR = "MY_AGG_NDC_ACTION_BY_SECTOR",
4453
+ MrvStatsCardsTypes["TOTAL_EMISSIONS"] = "TOTAL_EMISSIONS";
4454
+ // MY_TOTAL_EMISSIONS = "MY_TOTAL_EMISSIONS",
4455
+ MrvStatsCardsTypes["PROGRAMME_LOCATION"] = "PROGRAMME_LOCATION";
4456
+ // MY_PROGRAMME_LOCATION = "MY_PROGRAMME_LOCATION",
4457
+ MrvStatsCardsTypes["INVESTMENT_LOCATION"] = "INVESTMENT_LOCATION";
4458
+ // MY_INVESTMENT_LOCATION = "MY_INVESTMENT_LOCATION"
4459
+ MrvStatsCardsTypes["AGG_INVESTMENT_BY_TYPE"] = "AGG_INVESTMENT_BY_TYPE";
4460
+ // MY_AGG_INVESTMENT_BY_TYPE = "MY_AGG_INVESTMENT_BY_TYPE",
4461
+ })(exports.MrvStatsCardsTypes || (exports.MrvStatsCardsTypes = {}));
4462
+ exports.SystemNames = void 0;
4463
+ (function (SystemNames) {
4464
+ SystemNames["CARBON_REGISTRY"] = "CARBON_REGISTRY_SYSTEM";
4465
+ SystemNames["CARBON_TRANSPARENCY"] = "CARBON_TRANSPARENCY_SYSTEM";
4466
+ })(exports.SystemNames || (exports.SystemNames = {}));
4467
+
4406
4468
  exports.ConfigurationSettingsType = void 0;
4407
4469
  (function (ConfigurationSettingsType) {
4408
4470
  ConfigurationSettingsType[ConfigurationSettingsType["isTransferFrozen"] = 0] = "isTransferFrozen";
@@ -4414,6 +4476,10 @@ exports.MapTypes = void 0;
4414
4476
  MapTypes["None"] = "None";
4415
4477
  })(exports.MapTypes || (exports.MapTypes = {}));
4416
4478
 
4479
+ var dateTimeFormat = 'dd LLLL yyyy @ HH:mm';
4480
+ var dateFormat = 'dd LLLL yyyy';
4481
+ var creditUnit = 'ITMO';
4482
+
4417
4483
  var BaseEntity = /** @class */ (function () {
4418
4484
  function BaseEntity() {
4419
4485
  }
@@ -4438,6 +4504,12 @@ var ProgrammeEntity = /** @class */ (function () {
4438
4504
  return ProgrammeEntity;
4439
4505
  }());
4440
4506
 
4507
+ var ProgrammeCertify = /** @class */ (function () {
4508
+ function ProgrammeCertify() {
4509
+ }
4510
+ return ProgrammeCertify;
4511
+ }());
4512
+
4441
4513
  var AddNewCompanyComponent = function (props) {
4442
4514
  var _a;
4443
4515
  var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField;
@@ -5131,11 +5203,11 @@ var UserActionConfirmationModel = function (props) {
5131
5203
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
5132
5204
  };
5133
5205
 
5134
- 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";
5135
- styleInject(css_248z$j);
5206
+ 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";
5207
+ styleInject(css_248z$n);
5136
5208
 
5137
- 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";
5138
- styleInject(css_248z$i);
5209
+ 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";
5210
+ styleInject(css_248z$m);
5139
5211
 
5140
5212
  var OrganisationStatus = function (props) {
5141
5213
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -5295,13 +5367,13 @@ var CompanyProfileComponent = function (props) {
5295
5367
  React.createElement("div", { className: "body-title" }, t("companyProfile:title")),
5296
5368
  React.createElement("div", { className: "body-sub-title" }, t("companyProfile:subTitle"))),
5297
5369
  React.createElement("div", { className: "flex-display" },
5298
- ability.can(Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5370
+ ability.can(exports.Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5299
5371
  !isLoading &&
5300
5372
  parseInt(companyDetails.state) !== 0 ? (React.createElement(antd.Button, { danger: true, className: "btn-danger", onClick: onDeauthoriseOrganisation }, t("companyProfile:deauthorise"))) : (""),
5301
- ability.can(Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5373
+ ability.can(exports.Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5302
5374
  !isLoading &&
5303
5375
  parseInt(companyDetails.state) !== 1 ? (React.createElement(antd.Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
5304
- ability.can(Action.Update, classTransformer.plainToClass(Company, companyDetails)) &&
5376
+ ability.can(exports.Action.Update, classTransformer.plainToClass(Company, companyDetails)) &&
5305
5377
  !isLoading &&
5306
5378
  companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
5307
5379
  !companyDetails && (React.createElement("div", { className: "content-body" },
@@ -5382,8 +5454,8 @@ var CompanyProfileComponent = function (props) {
5382
5454
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
5383
5455
  };
5384
5456
 
5385
- 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";
5386
- styleInject(css_248z$h);
5457
+ 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";
5458
+ styleInject(css_248z$l);
5387
5459
 
5388
5460
  var Search$1 = antd.Input.Search;
5389
5461
  var ProgrammeManagementComponent = function (props) {
@@ -5750,7 +5822,7 @@ var ProgrammeManagementComponent = function (props) {
5750
5822
  React.createElement("div", { className: "title-bar" },
5751
5823
  React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes")),
5752
5824
  React.createElement("div", { className: "body-sub-title" }, t("programme:desc"))),
5753
- React.createElement("div", { className: "actions" }, ability.can(Action.Manage, ProgrammeEntity) &&
5825
+ React.createElement("div", { className: "actions" }, ability.can(exports.Action.Manage, ProgrammeEntity) &&
5754
5826
  enableAddProgramme && (React.createElement("div", { className: "action-bar" },
5755
5827
  React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddProgramme }, t("programme:addProgramme")))))),
5756
5828
  React.createElement("div", { className: "content-card" },
@@ -5812,8 +5884,8 @@ var ProgrammeManagementComponent = function (props) {
5812
5884
  } })))))));
5813
5885
  };
5814
5886
 
5815
- 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";
5816
- styleInject(css_248z$g);
5887
+ 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";
5888
+ styleInject(css_248z$k);
5817
5889
 
5818
5890
  function commonjsRequire(path) {
5819
5891
  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.');
@@ -12408,8 +12480,8 @@ var ProgrammeCreationComponent = function (props) {
12408
12480
  ] })))));
12409
12481
  };
12410
12482
 
12411
- 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";
12412
- styleInject(css_248z$f);
12483
+ 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";
12484
+ styleInject(css_248z$j);
12413
12485
 
12414
12486
  var ChangePasswordModel = function (props) {
12415
12487
  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;
@@ -12575,9 +12647,9 @@ var AddNewUserComponent = function (props) {
12575
12647
  name: formOneValues === null || formOneValues === void 0 ? void 0 : formOneValues.name,
12576
12648
  phoneNo: formOneValues === null || formOneValues === void 0 ? void 0 : formOneValues.phoneNo,
12577
12649
  };
12578
- if (ability.can(Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "role"))
12650
+ if (ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "role"))
12579
12651
  values.role = formOneValues === null || formOneValues === void 0 ? void 0 : formOneValues.role;
12580
- if (ability.can(Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email"))
12652
+ if (ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email"))
12581
12653
  values.email = formOneValues === null || formOneValues === void 0 ? void 0 : formOneValues.email;
12582
12654
  console.log("form one values -- > ", values, state.record);
12583
12655
  return [4 /*yield*/, put("national/user/update", values)];
@@ -12734,7 +12806,7 @@ var AddNewUserComponent = function (props) {
12734
12806
  ? t("addUser:editUserSub")
12735
12807
  : t("addUser:addUserSub"))),
12736
12808
  isUpdate &&
12737
- !ability.can(Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email") && (React.createElement("div", { className: "actions" },
12809
+ !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email") && (React.createElement("div", { className: "actions" },
12738
12810
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.Root && (React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: function () { return onDeleteProfileUser(); } }, t("userProfile:delete"))),
12739
12811
  React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onChangedPassword }, t("userProfile:changePassword"))))),
12740
12812
  React.createElement("div", { className: "content-card user-content-card" },
@@ -12791,7 +12863,7 @@ var AddNewUserComponent = function (props) {
12791
12863
  },
12792
12864
  ] },
12793
12865
  React.createElement(antd.Input, { disabled: isUpdate &&
12794
- !ability.can(Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email"), size: "large" })))),
12866
+ !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email"), size: "large" })))),
12795
12867
  React.createElement(antd.Col, { xl: 12, md: 24 },
12796
12868
  React.createElement("div", { className: "details-part-two" },
12797
12869
  React.createElement(antd.Form.Item, { className: "role-group", label: t("addUser:role"), initialValue: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.role, name: "role", rules: [
@@ -12801,7 +12873,7 @@ var AddNewUserComponent = function (props) {
12801
12873
  },
12802
12874
  ] },
12803
12875
  React.createElement(antd.Radio.Group, { value: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.role, size: "large", disabled: isUpdate &&
12804
- !ability.can(Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "role") },
12876
+ !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "role") },
12805
12877
  React.createElement("div", { className: "admin-radio-container" },
12806
12878
  React.createElement(antd.Tooltip, { placement: "top", title: t("addUser:adminToolTip") },
12807
12879
  React.createElement(antd.Radio.Button, { className: "admin", value: "Admin" },
@@ -12833,8 +12905,8 @@ var AddNewUserComponent = function (props) {
12833
12905
  React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
12834
12906
  };
12835
12907
 
12836
- 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";
12837
- styleInject(css_248z$e);
12908
+ 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";
12909
+ styleInject(css_248z$i);
12838
12910
 
12839
12911
  var UserRoleIcon = function (props) {
12840
12912
  var role = props.role;
@@ -12843,8 +12915,8 @@ var UserRoleIcon = function (props) {
12843
12915
  React.createElement("div", null, role === "ViewOnly" ? "Viewer" : role)));
12844
12916
  };
12845
12917
 
12846
- 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";
12847
- styleInject(css_248z$d);
12918
+ 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";
12919
+ styleInject(css_248z$h);
12848
12920
 
12849
12921
  var LanguageSelection = function (props) {
12850
12922
  var i18n = props.i18n;
@@ -13033,8 +13105,8 @@ var UserProfileComponent = function (props) {
13033
13105
  : "-")))))))))));
13034
13106
  };
13035
13107
 
13036
- 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";
13037
- styleInject(css_248z$c);
13108
+ 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";
13109
+ styleInject(css_248z$g);
13038
13110
 
13039
13111
  var Search = antd.Input.Search;
13040
13112
  var UserManagementComponent = function (props) {
@@ -13148,7 +13220,7 @@ var UserManagementComponent = function (props) {
13148
13220
  {
13149
13221
  text: "Edit",
13150
13222
  icon: React.createElement(icons.EditOutlined, null),
13151
- isDisabled: !ability.can(Action.Update, classTransformer.plainToClass(User, record)),
13223
+ isDisabled: !ability.can(exports.Action.Update, classTransformer.plainToClass(User, record)),
13152
13224
  click: function () {
13153
13225
  onNavigateToUpdateUser(record);
13154
13226
  },
@@ -13156,7 +13228,7 @@ var UserManagementComponent = function (props) {
13156
13228
  {
13157
13229
  text: "Delete",
13158
13230
  icon: React.createElement(icons.DeleteOutlined, null),
13159
- isDisabled: !ability.can(Action.Delete, classTransformer.plainToClass(User, record)),
13231
+ isDisabled: !ability.can(exports.Action.Delete, classTransformer.plainToClass(User, record)),
13160
13232
  click: function () {
13161
13233
  setDeleteUserModalRecord(record);
13162
13234
  setActionInfo({
@@ -13253,8 +13325,8 @@ var UserManagementComponent = function (props) {
13253
13325
  width: 6,
13254
13326
  align: "right",
13255
13327
  render: function (_, record) {
13256
- return ((ability.can(Action.Update, classTransformer.plainToClass(User, record)) ||
13257
- ability.can(Action.Delete, classTransformer.plainToClass(User, record))) &&
13328
+ return ((ability.can(exports.Action.Update, classTransformer.plainToClass(User, record)) ||
13329
+ ability.can(exports.Action.Delete, classTransformer.plainToClass(User, record))) &&
13258
13330
  record.id !== (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id) && (React.createElement(antd.Popover, { placement: "bottomRight", content: actionMenu(record), trigger: "click" },
13259
13331
  React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))));
13260
13332
  },
@@ -13536,7 +13608,7 @@ var UserManagementComponent = function (props) {
13536
13608
  React.createElement("div", { className: "content-card" },
13537
13609
  React.createElement(antd.Row, { className: "table-actions-section" },
13538
13610
  React.createElement(antd.Col, { md: 8, xs: 24 },
13539
- React.createElement("div", { className: "action-bar" }, ability.can(Action.Create, User) && (React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddUser }, t("user:addUser"))))),
13611
+ React.createElement("div", { className: "action-bar" }, ability.can(exports.Action.Create, User) && (React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddUser }, t("user:addUser"))))),
13540
13612
  React.createElement(antd.Col, { md: 16, xs: 24 },
13541
13613
  React.createElement("div", { className: "filter-section" },
13542
13614
  React.createElement("div", { className: "search-bar" },
@@ -13572,8 +13644,8 @@ var UserManagementComponent = function (props) {
13572
13644
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
13573
13645
  };
13574
13646
 
13575
- 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";
13576
- styleInject(css_248z$b);
13647
+ 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";
13648
+ styleInject(css_248z$f);
13577
13649
 
13578
13650
  var Loading = function () {
13579
13651
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
@@ -14670,8 +14742,8 @@ var InvestmentManagementComponent = function (props) {
14670
14742
  }, 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 }))));
14671
14743
  };
14672
14744
 
14673
- 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";
14674
- styleInject(css_248z$a);
14745
+ 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";
14746
+ styleInject(css_248z$e);
14675
14747
 
14676
14748
  var NdcActionManagementComponent = function (props) {
14677
14749
  var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
@@ -15051,8 +15123,8 @@ var NdcActionManagementComponent = function (props) {
15051
15123
  } })))))));
15052
15124
  };
15053
15125
 
15054
- 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";
15055
- styleInject(css_248z$9);
15126
+ 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";
15127
+ styleInject(css_248z$d);
15056
15128
 
15057
15129
  var EnablementTypes;
15058
15130
  (function (EnablementTypes) {
@@ -15666,11 +15738,11 @@ var NdcActionDetails = function (props) {
15666
15738
  React.createElement(antd.Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
15667
15739
  };
15668
15740
 
15669
- 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";
15670
- styleInject(css_248z$8);
15741
+ 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";
15742
+ styleInject(css_248z$c);
15671
15743
 
15672
- 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";
15673
- styleInject(css_248z$7);
15744
+ 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";
15745
+ styleInject(css_248z$b);
15674
15746
 
15675
15747
  var GenderParity = function (props) {
15676
15748
  var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
@@ -18173,319 +18245,1340 @@ var AddNdcActionComponent = function (props) {
18173
18245
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
18174
18246
  };
18175
18247
 
18176
- 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";
18177
- styleInject(css_248z$6);
18178
-
18179
- var LegendItem = function (props) {
18180
- var text = props.text, color = props.color;
18181
- return (React.createElement("div", { className: "legend-item-container" },
18182
- React.createElement(Icon.CircleFill, { color: color, size: 12 }),
18183
- React.createElement("div", { className: "text" }, text)));
18184
- };
18248
+ 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";
18249
+ styleInject(css_248z$a);
18185
18250
 
18186
- 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";
18187
- styleInject(css_248z$5);
18251
+ 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";
18252
+ styleInject(css_248z$9);
18188
18253
 
18189
- var MapboxComponent = function (props) {
18190
- var mapContainerRef = React.useRef(null);
18191
- 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;
18192
- mapboxgl.accessToken = accessToken;
18193
- React.useEffect(function () {
18194
- if (!mapContainerRef || !mapContainerRef.current || center.length !== 2) {
18195
- return;
18196
- }
18197
- var map = new mapboxgl.Map({
18198
- container: mapContainerRef.current || '',
18199
- style: style,
18200
- center: !Number.isNaN(center[0]) && !Number.isNaN(center[1])
18201
- ? [center[0], center[1]]
18202
- : [9.082, 8.6753],
18203
- zoom: zoom,
18204
- maxZoom: 17,
18205
- });
18206
- map.on('load', function () {
18207
- var currentMarkes = {};
18208
- if (mapSource) {
18209
- map.addSource(mapSource.key, mapSource.data);
18210
- }
18211
- if (onClick) {
18212
- map.on('click', function (e) {
18213
- var popupContent = onClick(map, e);
18214
- if (showPopupOnClick && popupContent) {
18215
- new mapboxgl.Popup()
18216
- .setLngLat(map.unproject(e.point))
18217
- .setHTML(popupContent)
18218
- .addTo(map);
18219
- }
18220
- });
18221
- }
18222
- if (onMouseMove) {
18223
- map.on('mousemove', function (e) {
18224
- onMouseMove(map, e);
18225
- });
18254
+ var InfoView = function (props) {
18255
+ var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
18256
+ return (React.createElement("div", { className: "info-view" },
18257
+ React.createElement("div", { className: "title" },
18258
+ React.createElement("span", { className: "title-icon" }, icon),
18259
+ React.createElement("span", { className: "title-text" }, title)),
18260
+ React.createElement("div", null, Object.keys(data).map(function (k) {
18261
+ var _a;
18262
+ if (hiddenColumns.indexOf(k) < 0) {
18263
+ return (React.createElement(antd.Row, { className: "field", key: k },
18264
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, k),
18265
+ React.createElement(antd.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) {
18266
+ var key = _a[0]; _a[1];
18267
+ return (React.createElement("div", { className: "row" },
18268
+ React.createElement("div", { className: "key" }, key),
18269
+ React.createElement("div", { className: "data" }, data[k][key])));
18270
+ })) : (React.createElement("div", null, "-"))) : (React.createElement("span", null, data[k] instanceof luxon.DateTime
18271
+ ? data[k].toFormat(dateFormat)
18272
+ : data[k] === "" || !data[k] || data[k] === "NaN"
18273
+ ? "-"
18274
+ : data[k])))));
18226
18275
  }
18227
- if (layer) {
18228
- map.addLayer(layer);
18276
+ else {
18277
+ return null;
18229
18278
  }
18230
- if (onRender) {
18231
- map.on('render', function () {
18232
- var markersList = onRender(map);
18233
- if (markersList) {
18234
- markersList.forEach(function (marker) {
18235
- if (!currentMarkes[marker.id]) {
18236
- var createdMarker = new mapboxgl.Marker({
18237
- color: marker.color,
18238
- element: marker.element ? marker.element : undefined,
18239
- })
18240
- .setLngLat([marker.location[0], marker.location[1]])
18241
- .addTo(map);
18242
- currentMarkes[marker.id] = createdMarker;
18243
- }
18244
- });
18245
- var _loop_1 = function (id) {
18246
- 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; }))) {
18247
- currentMarkes[id].remove();
18248
- delete currentMarkes[id];
18249
- }
18250
- };
18251
- for (var id in currentMarkes) {
18252
- _loop_1(id);
18279
+ }))));
18280
+ };
18281
+ InfoView.defaultProps = {
18282
+ hiddenColumns: [],
18283
+ };
18284
+
18285
+ var NdcActionViewComponent = function (props) {
18286
+ var _a;
18287
+ var _b, _c;
18288
+ 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;
18289
+ translator.setDefaultNamespace("ndcAction");
18290
+ var t = translator.t;
18291
+ useUserContext().userInfoState;
18292
+ var post = useConnection().post;
18293
+ var state = useLocation().state;
18294
+ var _d = React.useState({}), ndcActionReportDetails = _d[0]; _d[1];
18295
+ var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
18296
+ var _f = React.useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
18297
+ var _g = React.useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
18298
+ var _h = React.useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
18299
+ var _j = React.useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
18300
+ var _k = React.useState([]); _k[0]; var setProgrammeOwnerId = _k[1];
18301
+ var _l = React.useState(false); _l[0]; var setCanUploadMonitorReport = _l[1];
18302
+ var _m = React.useState(false); _m[0]; _m[1];
18303
+ var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
18304
+ var response, error_1;
18305
+ var _a, _b, _c;
18306
+ return __generator(this, function (_d) {
18307
+ switch (_d.label) {
18308
+ case 0:
18309
+ setIsLoading(true);
18310
+ _d.label = 1;
18311
+ case 1:
18312
+ _d.trys.push([1, 3, 4, 5]);
18313
+ return [4 /*yield*/, post("national/programme/query", {
18314
+ page: 1,
18315
+ size: 10,
18316
+ filterAnd: [
18317
+ {
18318
+ key: "programmeId",
18319
+ operation: "=",
18320
+ value: programmeId,
18321
+ },
18322
+ ],
18323
+ })];
18324
+ case 2:
18325
+ response = _d.sent();
18326
+ if (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
18327
+ setProgrammeOwnerId((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.companyId);
18328
+ if (((_c = response === null || response === void 0 ? void 0 : response.data[0]) === null || _c === void 0 ? void 0 : _c.currentStage) === exports.ProgrammeStageR.Authorised) {
18329
+ setCanUploadMonitorReport(true);
18253
18330
  }
18254
18331
  }
18255
- });
18332
+ return [3 /*break*/, 5];
18333
+ case 3:
18334
+ error_1 = _d.sent();
18335
+ console.log("Error in getting programme by id", error_1);
18336
+ return [3 /*break*/, 5];
18337
+ case 4:
18338
+ setIsLoading(false);
18339
+ return [7 /*endfinally*/];
18340
+ case 5: return [2 /*return*/];
18256
18341
  }
18257
18342
  });
18258
- if (markers) {
18259
- markers.forEach(function (marker) {
18260
- new mapboxgl.Marker({
18261
- color: marker.color,
18262
- element: marker.element ? marker.element : undefined,
18263
- })
18264
- .setLngLat([marker.location[0], marker.location[1]])
18265
- .addTo(map);
18266
- });
18267
- }
18268
- });
18269
- return (React.createElement("div", { className: "map-box-container", style: { width: '100%', height: "".concat(height, "px") }, ref: mapContainerRef }));
18270
- };
18271
-
18272
- var MapComponent = function (props) {
18273
- var mapType = props.mapType;
18274
- return React.createElement("div", null, mapType === exports.MapTypes.Mapbox ? MapboxComponent(props) : "");
18275
- };
18276
-
18277
- 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";
18278
- styleInject(css_248z$4);
18279
-
18280
- var StatsCardsTypes;
18281
- (function (StatsCardsTypes) {
18282
- StatsCardsTypes["PROGRAMMES_PENDING"] = "Programmes Pending";
18283
- StatsCardsTypes["TRANSFER_REQUEST_RECEIVED"] = "Pending Transfers Received";
18284
- StatsCardsTypes["PROGRAMMES_UNCERTIFIED"] = "Programmes Certifiable";
18285
- StatsCardsTypes["TRANSFER_REQUEST_SENT"] = "Pending Transfers Sent";
18286
- StatsCardsTypes["PROGRAMMES_CERTIFIED"] = "Programmes Certified";
18287
- StatsCardsTypes["CREDIT_BALANCE"] = "Credit Balance";
18288
- StatsCardsTypes["CREDIT_CERTIFIED"] = "Credits Certified";
18289
- StatsCardsTypes["PROGRAMMES"] = "Programmes";
18290
- StatsCardsTypes["CREDITS"] = "Credits";
18291
- StatsCardsTypes["CERTIFIED_CREDITS"] = "Certified Credits";
18292
- StatsCardsTypes["TOTAL_PROGRAMMES"] = "Total Programmes";
18293
- StatsCardsTypes["TOTAL_PROGRAMMES_SECTOR"] = "Total Programmes: Sector";
18294
- StatsCardsTypes["TOTAL_CREDITS"] = "Total Credits";
18295
- StatsCardsTypes["TOTAL_CREDITS_CERTIFIED"] = "Total Credits Certified";
18296
- StatsCardsTypes["PROGRAMME_LOCATIONS"] = "Programme Locations";
18297
- StatsCardsTypes["TRANSFER_LOCATIONS_INTERNATIONAL"] = "Transfer Locations International";
18298
- })(StatsCardsTypes || (StatsCardsTypes = {}));
18299
-
18300
- var toolTipTextGen = function (companyRole, cardType, mine) {
18301
- var text = '';
18302
- if (companyRole === exports.CompanyRole.GOVERNMENT) {
18303
- if (cardType === StatsCardsTypes.PROGRAMMES_PENDING) {
18304
- text = 'Pending state programmes awaiting authorisation';
18305
- }
18306
- else if (cardType === StatsCardsTypes.TRANSFER_REQUEST_SENT) {
18307
- text =
18308
- 'Pending credit transfer requests sent to programme owners initiated by your organisation';
18309
- }
18310
- else if (cardType === StatsCardsTypes.CREDIT_BALANCE) {
18311
- text = 'Total credit balance owned by your organisation';
18312
- }
18313
- else if (cardType === StatsCardsTypes.PROGRAMMES) {
18314
- text =
18315
- 'Number of programmes created during the specified period and their programme state in the carbon registry at present';
18343
+ }); };
18344
+ // useEffect(() => {
18345
+ // if (ndcActionDetails?.id) {
18346
+ // getProjectReports();
18347
+ // }
18348
+ // }, [ndcActionDetails?.id, programmeOwnerId]);
18349
+ React.useEffect(function () {
18350
+ var _a, _b, _c, _d, _e, _f, _g, _h;
18351
+ if (!state) {
18352
+ onNavigateToNdcManagementView();
18316
18353
  }
18317
- else if (cardType === StatsCardsTypes.CREDITS) {
18318
- text =
18319
- 'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present';
18354
+ else {
18355
+ if (!state.record && state.id) ;
18356
+ else if (state.record) {
18357
+ getProgrammeById((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.programmeId);
18358
+ setNdcActionDetails(state.record);
18359
+ setCoBenifitsComponentnDetails((_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.coBenefitsProperties);
18360
+ setEmissionsReductionExpected(((_c = state.record) === null || _c === void 0 ? void 0 : _c.emissionReductionExpected) !== null ||
18361
+ ((_d = state.record) === null || _d === void 0 ? void 0 : _d.emissionReductionExpected) !== undefined
18362
+ ? Number((_e = state.record) === null || _e === void 0 ? void 0 : _e.emissionReductionExpected)
18363
+ : 0);
18364
+ setEmissionsReductionAchieved(((_f = state.record) === null || _f === void 0 ? void 0 : _f.emissionReductionAchieved) !== null ||
18365
+ ((_g = state.record) === null || _g === void 0 ? void 0 : _g.emissionReductionAchieved) !== undefined
18366
+ ? Number((_h = state.record) === null || _h === void 0 ? void 0 : _h.emissionReductionAchieved)
18367
+ : 0);
18368
+ }
18320
18369
  }
18321
- else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
18370
+ }, []);
18371
+ var getNdcActionNames = function (action) {
18372
+ switch (action) {
18373
+ case exports.NdcActionTypes.Adaptation:
18374
+ return t("ndcAction:adaptation");
18375
+ case exports.NdcActionTypes.Mitigation:
18376
+ return t("ndcAction:mitigation");
18377
+ case exports.NdcActionTypes.CrossCutting:
18378
+ return t("ndcAction:crossCutting");
18379
+ case exports.NdcActionTypes.Enablement:
18380
+ return t("ndcAction:enablement");
18381
+ default:
18382
+ return "";
18383
+ }
18384
+ };
18385
+ var ndcActionBasicDetails = (_a = {},
18386
+ _a[t("ndcAction:viewProgramme")] = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.programmeName,
18387
+ _a[t("ndcAction:viewNdcAction")] = getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action),
18388
+ _a[t("ndcAction:viewCurrentStatus")] = (React.createElement(antd.Tag, { className: "clickable", color: getNdcStatusTagType(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.status) }, addSpaces(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.status))),
18389
+ _a);
18390
+ var getNdcActionMitigationDetails = function () {
18391
+ var _a, _b, _c, _d, _e;
18392
+ var mitigationDetails = {};
18393
+ mitigationTypeList === null || mitigationTypeList === void 0 ? void 0 : mitigationTypeList.map(function (type) {
18394
+ if ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation) === type.value) {
18395
+ mitigationDetails[t("ndcAction:viewMitigationType")] = type.label;
18396
+ }
18397
+ });
18398
+ if ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation) === exports.MitigationTypes.AGRICULTURE &&
18399
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.agricultureProperties)) {
18400
+ mitigationDetails[t("ndcAction:viewMitigationLandArea")] =
18401
+ addCommSep((_a = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.agricultureProperties) === null || _a === void 0 ? void 0 : _a.landArea) +
18402
+ ((_b = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.agricultureProperties) === null || _b === void 0 ? void 0 : _b.landAreaUnit);
18403
+ }
18404
+ if ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation) === exports.MitigationTypes.SOLAR &&
18405
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties)) {
18406
+ mitigationDetails[t("ndcAction:viewMitigationEnergyGeneration")] =
18407
+ addCommSep((_c = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _c === void 0 ? void 0 : _c.energyGeneration) +
18408
+ ((_d = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _d === void 0 ? void 0 : _d.energyGenerationUnit);
18409
+ mitigationDetails[t("ndcAction:viewMitigationConsumerGroup")] =
18410
+ (_e = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _e === void 0 ? void 0 : _e.consumerGroup;
18411
+ }
18412
+ if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.ndcFinancing) {
18413
+ mitigationDetails[t("ndcAction:viewMitigationUserEstimatedCredits")] =
18414
+ addCommSep(ndcActionDetails.ndcFinancing.userEstimatedCredits);
18415
+ mitigationDetails[t("ndcAction:viewMitigationSysEstimatedCredits")] =
18416
+ addCommSep(ndcActionDetails.ndcFinancing.systemEstimatedCredits);
18417
+ }
18418
+ mitigationDetails[t("ndcAction:viewMethodology")] =
18419
+ ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.methodology;
18420
+ return mitigationDetails;
18421
+ };
18422
+ var getNdcActionAdaptationDetails = function () {
18423
+ var _a, _b, _c, _d;
18424
+ var adaptationDetails = {};
18425
+ if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) {
18426
+ adaptationDetails[t("ndcAction:viewAdaptationImplementingAgency")] =
18427
+ ndcActionDetails.adaptationProperties.implementingAgency;
18428
+ adaptationDetails[t("ndcAction:viewAdaptationNationalPlanObjectives")] =
18429
+ ndcActionDetails.adaptationProperties.nationalPlanObjectives;
18430
+ adaptationDetails[t("ndcAction:viewAdaptationNationalPlanCoverage")] =
18431
+ ndcActionDetails.adaptationProperties.nationalPlanCoverage;
18432
+ adaptationDetails[t("ndcAction:viewIncludedInNAP")] = ((_a = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _a === void 0 ? void 0 : _a.includedInNAP)
18433
+ ? "Yes"
18434
+ : ((_b = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _b === void 0 ? void 0 : _b.includedInNAP) === false
18435
+ ? "No"
18436
+ : "-";
18437
+ adaptationDetails[t("ndcAction:viewGhgEmissionsAvoided")] =
18438
+ ((_c = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _c === void 0 ? void 0 : _c.ghgEmissionsAvoided)
18439
+ ? ndcActionDetails.adaptationProperties.ghgEmissionsAvoided
18440
+ : {};
18441
+ adaptationDetails[t("ndcAction:viewGhgEmissionsReduced")] =
18442
+ ((_d = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _d === void 0 ? void 0 : _d.ghgEmissionsReduced)
18443
+ ? ndcActionDetails.adaptationProperties.ghgEmissionsReduced
18444
+ : {};
18445
+ }
18446
+ return adaptationDetails;
18447
+ };
18448
+ var getEnablementProperties = function () {
18449
+ var _a, _b, _c, _d, _e, _f, _g;
18450
+ var details = {};
18451
+ if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.enablementProperties) {
18452
+ details[t("ndcAction:title")] =
18453
+ (_a = ndcActionDetails.enablementProperties) === null || _a === void 0 ? void 0 : _a.title;
18454
+ details[t("ndcAction:type")] = ((_b = ndcActionDetails.enablementProperties) === null || _b === void 0 ? void 0 : _b.type)
18455
+ ? (_c = ndcActionDetails.enablementProperties) === null || _c === void 0 ? void 0 : _c.type.join(", ")
18456
+ : "-";
18457
+ if ((_d = ndcActionDetails.enablementProperties) === null || _d === void 0 ? void 0 : _d.report) {
18458
+ 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));
18459
+ }
18460
+ }
18461
+ return details;
18462
+ };
18463
+ var formatString = function (langTag, vargs) {
18464
+ var str = t(langTag);
18465
+ var parts = str.split("{}");
18466
+ var insertAt = 1;
18467
+ for (var _i = 0, vargs_1 = vargs; _i < vargs_1.length; _i++) {
18468
+ var arg = vargs_1[_i];
18469
+ parts.splice(insertAt, 0, arg);
18470
+ insertAt += 2;
18471
+ }
18472
+ return parts.join("");
18473
+ };
18474
+ return (React.createElement("div", { className: "ndc-details-view content-container" },
18475
+ React.createElement("div", { className: "title-bar" },
18476
+ React.createElement("div", null,
18477
+ React.createElement("div", { className: "body-title" },
18478
+ t("ndcAction:NdcDetailsViewTitle"),
18479
+ " ",
18480
+ getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)),
18481
+ React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcDetailsViewSubTitle")))),
18482
+ React.createElement("div", { className: "content-body" },
18483
+ React.createElement(antd.Row, { gutter: 16 },
18484
+ (emissionsReductionAchieved !== 0 ||
18485
+ emissionsReductionExpected !== 0) && (React.createElement(antd.Col, { lg: 8, md: 24 },
18486
+ React.createElement(antd.Card, { className: "card-container fix-height" },
18487
+ React.createElement("div", { className: "info-view" },
18488
+ React.createElement("div", { className: "title" },
18489
+ React.createElement("span", { className: "title-text" }, formatString("ndcAction:NdcCreditChartTitle", []))),
18490
+ React.createElement("div", { className: "map-content" },
18491
+ React.createElement(Chart, { id: "creditChart", options: {
18492
+ labels: ["Achieved", "Pending"],
18493
+ legend: {
18494
+ position: "bottom",
18495
+ },
18496
+ colors: ["#b3b3ff", "#e0e0eb"],
18497
+ tooltip: {
18498
+ fillSeriesColor: false,
18499
+ enabled: true,
18500
+ y: {
18501
+ formatter: function (value) {
18502
+ return addCommSepRound(value);
18503
+ },
18504
+ },
18505
+ },
18506
+ states: {
18507
+ normal: {
18508
+ filter: {
18509
+ type: "none",
18510
+ value: 0,
18511
+ },
18512
+ },
18513
+ hover: {
18514
+ filter: {
18515
+ type: "none",
18516
+ value: 0,
18517
+ },
18518
+ },
18519
+ active: {
18520
+ allowMultipleDataPointsSelection: true,
18521
+ filter: {
18522
+ type: "darken",
18523
+ value: 0.7,
18524
+ },
18525
+ },
18526
+ },
18527
+ stroke: {
18528
+ colors: ["#00"],
18529
+ },
18530
+ plotOptions: {
18531
+ pie: {
18532
+ expandOnClick: false,
18533
+ donut: {
18534
+ size: "75%",
18535
+ labels: {
18536
+ show: true,
18537
+ total: {
18538
+ showAlways: true,
18539
+ show: true,
18540
+ label: "Expected",
18541
+ formatter: function () {
18542
+ return "" + addCommSep(emissionsReductionExpected);
18543
+ },
18544
+ },
18545
+ },
18546
+ },
18547
+ },
18548
+ },
18549
+ dataLabels: {
18550
+ enabled: false,
18551
+ },
18552
+ responsive: [
18553
+ {
18554
+ breakpoint: 480,
18555
+ options: {
18556
+ chart: {
18557
+ width: "15vw",
18558
+ },
18559
+ legend: {
18560
+ position: "bottom",
18561
+ },
18562
+ },
18563
+ },
18564
+ ],
18565
+ }, series: [
18566
+ emissionsReductionAchieved,
18567
+ emissionsReductionExpected - emissionsReductionAchieved,
18568
+ ], type: "donut", fontFamily: "inter", height: "290px" })))))),
18569
+ React.createElement(antd.Col, { lg: 8, md: 24 },
18570
+ React.createElement(antd.Card, { className: "card-container fix-height" },
18571
+ React.createElement("div", null,
18572
+ React.createElement(InfoView, { data: ndcActionBasicDetails, title: t("ndcAction:viewGeneralTitle"), icon: React.createElement(Icon__namespace.Lightbulb, null) })))),
18573
+ React.createElement(antd.Col, { lg: 8, md: 24 },
18574
+ React.createElement(antd.Skeleton, { loading: isLoading, active: true },
18575
+ React.createElement(antd.Card, { className: "card-container fix-height" },
18576
+ React.createElement("div", null,
18577
+ React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon__namespace.FileEarmarkText, null) })))))),
18578
+ ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Mitigation ||
18579
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.CrossCutting) && (React.createElement(antd.Row, null,
18580
+ React.createElement(antd.Col, { lg: 24, className: "gutter-row" },
18581
+ React.createElement(antd.Card, { className: "card-container" },
18582
+ React.createElement("div", null,
18583
+ React.createElement(InfoView, { data: getNdcActionMitigationDetails(), title: t("ndcAction:viewMitigationTitle") })))))),
18584
+ ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Adaptation ||
18585
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.CrossCutting) && (React.createElement(antd.Row, null,
18586
+ React.createElement(antd.Col, { lg: 24 },
18587
+ React.createElement(antd.Card, { className: "card-container" },
18588
+ React.createElement("div", null,
18589
+ React.createElement(InfoView, { data: getNdcActionAdaptationDetails(), title: t("ndcAction:viewAdaptationTitle") })))))),
18590
+ (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Enablement && (React.createElement(antd.Row, null,
18591
+ React.createElement(antd.Col, { lg: 24 },
18592
+ React.createElement(antd.Card, { className: "card-container" },
18593
+ React.createElement("div", null,
18594
+ React.createElement(InfoView, { data: getEnablementProperties(), title: t("ndcAction:enablement") })))))),
18595
+ ((_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.coBenefitsProperties) && (React.createElement(antd.Row, null,
18596
+ React.createElement(antd.Col, { lg: 24 },
18597
+ React.createElement(antd.Card, { className: "card-container" },
18598
+ React.createElement("div", { className: "co-benifits-view" },
18599
+ React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
18600
+ 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 })))))))));
18601
+ };
18602
+
18603
+ 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";
18604
+ styleInject(css_248z$8);
18605
+
18606
+ 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";
18607
+ styleInject(css_248z$7);
18608
+
18609
+ 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)))};
18610
+
18611
+ var TransferActionModel = function (props) {
18612
+ 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;
18613
+ var t = translator.t;
18614
+ var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
18615
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
18616
+ var _c = React.useState(false), checked = _c[0], setChecked = _c[1];
18617
+ var companyList = !transfer.isRetirement
18618
+ ? [
18619
+ {
18620
+ value: transfer.toCompanyId,
18621
+ label: transfer.receiver[0].name,
18622
+ },
18623
+ ]
18624
+ : [
18625
+ {
18626
+ value: transfer.fromCompanyId,
18627
+ label: transfer.sender[0].name,
18628
+ },
18629
+ ];
18630
+ return (React.createElement(antd.Modal, { title: React.createElement("div", { className: "popup-header" },
18631
+ React.createElement("div", { className: "icon" }, icon),
18632
+ React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
18633
+ React.createElement("div", { className: "transfer-form" },
18634
+ React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
18635
+ toCompanyId: !transfer.isRetirement
18636
+ ? transfer.toCompanyId
18637
+ : transfer.fromCompanyId,
18638
+ programmeName: transfer.programmeTitle,
18639
+ serialNo: transfer.serialNo,
18640
+ creditAmount: transfer.creditAmount,
18641
+ company: transfer.toCompanyMeta
18642
+ ? transfer.toCompanyMeta.name
18643
+ : null,
18644
+ country: transfer.toCompanyMeta
18645
+ ? transfer.toCompanyMeta.country
18646
+ : null,
18647
+ countryName: transfer.toCompanyMeta
18648
+ ? transfer.toCompanyMeta.countryName
18649
+ : null,
18650
+ }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
18651
+ var res;
18652
+ return __generator(this, function (_a) {
18653
+ switch (_a.label) {
18654
+ case 0:
18655
+ setLoading(true);
18656
+ if (d.comment) {
18657
+ d.comment = d.comment.trim();
18658
+ }
18659
+ return [4 /*yield*/, onFinish(transfer.requestId, d.comment)];
18660
+ case 1:
18661
+ res = _a.sent();
18662
+ setPopupError(res);
18663
+ setLoading(false);
18664
+ return [2 /*return*/];
18665
+ }
18666
+ });
18667
+ }); } },
18668
+ React.createElement(antd.Row, null,
18669
+ React.createElement(antd.Col, { span: 24 },
18670
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
18671
+ React.createElement(antd.Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
18672
+ React.createElement(antd.Row, null,
18673
+ React.createElement(antd.Col, { span: 24 },
18674
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
18675
+ React.createElement(antd.Input, { disabled: true })))),
18676
+ !transfer.isRetirement && (React.createElement(antd.Row, null,
18677
+ React.createElement(antd.Col, { span: 24 },
18678
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:serialNoField"), name: "serialNo" },
18679
+ React.createElement(antd.Input, { disabled: true }))))),
18680
+ transfer.toCompanyMeta && transfer.toCompanyMeta.country && (React.createElement(antd.Row, null,
18681
+ React.createElement(antd.Col, { span: 24 },
18682
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("creditTransfer:country"), name: "countryName" },
18683
+ React.createElement(antd.Input, { disabled: true }))))),
18684
+ transfer.toCompanyMeta && transfer.toCompanyMeta.name && (React.createElement(antd.Row, null,
18685
+ React.createElement(antd.Col, { span: 24 },
18686
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("creditTransfer:company"), name: "company" },
18687
+ React.createElement(antd.Input, { disabled: true }))))),
18688
+ React.createElement(antd.Row, null,
18689
+ React.createElement(antd.Col, { lg: 18, md: 20 },
18690
+ React.createElement("div", { className: "label" }, "".concat(t("view:transferApproveTotal"), " (").concat(creditUnit, ")"))),
18691
+ React.createElement(antd.Col, { lg: 6, md: 4 },
18692
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
18693
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(transfer.creditAmount), disabled: true })))),
18694
+ React.createElement(antd.Row, null,
18695
+ React.createElement(antd.Col, { span: 24 },
18696
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
18697
+ {
18698
+ required: remarkRequired,
18699
+ message: "Required field",
18700
+ },
18701
+ function (_a) {
18702
+ _a.getFieldValue;
18703
+ return ({
18704
+ validator: function (rule, v) {
18705
+ if (remarkRequired &&
18706
+ v !== undefined &&
18707
+ v !== "" &&
18708
+ v.trim() === "") {
18709
+ // eslint-disable-next-line prefer-promise-reject-errors
18710
+ return Promise.reject("Required field");
18711
+ }
18712
+ return Promise.resolve();
18713
+ },
18714
+ });
18715
+ },
18716
+ ] },
18717
+ React.createElement(antd.Input.TextArea, { placeholder: "" })))),
18718
+ React.createElement(antd.Row, null,
18719
+ React.createElement(antd.Col, { span: 24 },
18720
+ React.createElement(antd.Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
18721
+ React.createElement(antd.Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
18722
+ popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
18723
+ React.createElement(antd.Form.Item, { className: "footer" },
18724
+ React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
18725
+ React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
18726
+ };
18727
+
18728
+ var CreditTransferComponent = function (props) {
18729
+ var useConnection = props.useConnection, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
18730
+ var userInfoState = useUserContext().userInfoState;
18731
+ var t = translator.t;
18732
+ var statusOptions = Object.keys(exports.CreditTransferStage).map(function (k, index) { return ({
18733
+ label: addSpaces(Object.values(exports.CreditTransferStage)[index]),
18734
+ value: k,
18735
+ }); });
18736
+ var _a = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _a[0], setSelectedStatus = _a[1];
18737
+ var _b = React.useState(false), indeterminate = _b[0], setIndeterminate = _b[1];
18738
+ var _c = React.useState(true), checkAll = _c[0], setCheckAll = _c[1];
18739
+ var _d = useConnection(), post = _d.post; _d.get;
18740
+ var _e = React.useState(), totalProgramme = _e[0], setTotalProgramme = _e[1];
18741
+ var _f = React.useState(), dataFilter = _f[0], setDataFilter = _f[1];
18742
+ var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
18743
+ var _h = React.useState([]), tableData = _h[0], setTableData = _h[1];
18744
+ var _j = React.useState(1), currentPage = _j[0], setCurrentPage = _j[1];
18745
+ var _k = React.useState(10), pageSize = _k[0], setPageSize = _k[1];
18746
+ var _l = React.useState(), search = _l[0], setSearch = _l[1];
18747
+ var _m = React.useState(), searchText = _m[0], setSearchText = _m[1];
18748
+ var _o = React.useState(), statusFilter = _o[0], setStatusFilter = _o[1];
18749
+ var _p = React.useState(), sortOrder = _p[0], setSortOrder = _p[1];
18750
+ var _q = React.useState(), sortField = _q[0], setSortField = _q[1];
18751
+ var _r = React.useState(false), modalVisible = _r[0], setModalVisible = _r[1];
18752
+ var _s = React.useState(), selectedReq = _s[0], setSelectedReq = _s[1];
18753
+ var _t = React.useState(), popupInfo = _t[0], setPopupInfo = _t[1];
18754
+ var _u = React.useState(); _u[0]; _u[1];
18755
+ var _v = React.useState(0); _v[0]; _v[1];
18756
+ var _w = React.useState(); _w[0]; _w[1];
18757
+ var _x = React.useState(0); _x[0]; _x[1];
18758
+ var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
18759
+ var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
18760
+ return __generator(this, function (_a) {
18761
+ console.log(checkedValues);
18762
+ if (checkedValues !== selectedStatus) {
18763
+ setSelectedStatus(checkedValues);
18764
+ }
18765
+ if (checkedValues.length === 0) {
18766
+ setTableData([]);
18767
+ setTotalProgramme(0);
18768
+ return [2 /*return*/];
18769
+ }
18770
+ setStatusFilter({
18771
+ key: "status",
18772
+ operation: "in",
18773
+ value: checkedValues,
18774
+ });
18775
+ return [2 /*return*/];
18776
+ });
18777
+ }); };
18778
+ antd.Form.useForm()[0];
18779
+ var Search = antd.Input.Search;
18780
+ var onCheckAllChange = function (e) {
18781
+ var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
18782
+ setSelectedStatus(nw);
18783
+ setIndeterminate(false);
18784
+ setCheckAll(e.target.checked);
18785
+ onStatusQuery(nw);
18786
+ };
18787
+ var getAllTransfers = function () { return __awaiter(void 0, void 0, void 0, function () {
18788
+ var filter, interFilterOr, sort, response, error_1;
18789
+ return __generator(this, function (_a) {
18790
+ switch (_a.label) {
18791
+ case 0:
18792
+ setLoading(true);
18793
+ filter = [];
18794
+ if (statusFilter) {
18795
+ filter.push(statusFilter);
18796
+ }
18797
+ if (search && search !== "") {
18798
+ interFilterOr = [
18799
+ {
18800
+ key: "programmeTitle",
18801
+ operation: "like",
18802
+ value: "".concat(search, "%"),
18803
+ },
18804
+ ];
18805
+ if (!isNaN(Number(search))) {
18806
+ interFilterOr.push({
18807
+ key: "requestId",
18808
+ operation: "=",
18809
+ value: "".concat(search),
18810
+ });
18811
+ }
18812
+ filter.push({
18813
+ value: {
18814
+ page: currentPage,
18815
+ size: pageSize,
18816
+ filterOr: interFilterOr,
18817
+ },
18818
+ });
18819
+ }
18820
+ if (sortOrder && sortField) {
18821
+ sort = {
18822
+ key: sortField === "programmeCertifierId"
18823
+ ? "programmeCertifierId[1]"
18824
+ : sortField,
18825
+ order: sortOrder,
18826
+ nullFirst: false,
18827
+ };
18828
+ }
18829
+ else {
18830
+ sort = {
18831
+ key: "requestId",
18832
+ order: "DESC",
18833
+ };
18834
+ }
18835
+ _a.label = 1;
18836
+ case 1:
18837
+ _a.trys.push([1, 3, , 4]);
18838
+ return [4 /*yield*/, post("national/programme/transferQuery", {
18839
+ page: currentPage,
18840
+ size: pageSize,
18841
+ filterAnd: filter,
18842
+ filterOr: dataFilter,
18843
+ sort: sort,
18844
+ })];
18845
+ case 2:
18846
+ response = _a.sent();
18847
+ console.log(response);
18848
+ setTableData(response.data);
18849
+ setTotalProgramme(response.response.data.total);
18850
+ setLoading(false);
18851
+ return [3 /*break*/, 4];
18852
+ case 3:
18853
+ error_1 = _a.sent();
18854
+ console.log("Error in getting programme transfers", error_1);
18855
+ antd.message.open({
18856
+ type: "error",
18857
+ content: error_1.message,
18858
+ duration: 3,
18859
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
18860
+ });
18861
+ setLoading(false);
18862
+ return [3 /*break*/, 4];
18863
+ case 4: return [2 /*return*/];
18864
+ }
18865
+ });
18866
+ }); };
18867
+ React.useEffect(function () {
18868
+ if (currentPage !== 1) {
18869
+ setCurrentPage(1);
18870
+ }
18871
+ else {
18872
+ getAllTransfers();
18873
+ }
18874
+ }, [statusFilter, dataFilter]);
18875
+ React.useEffect(function () {
18876
+ getAllTransfers();
18877
+ }, [currentPage, pageSize, sortField, sortOrder, search]);
18878
+ var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
18879
+ var response, successMsg, error_2;
18880
+ return __generator(this, function (_a) {
18881
+ switch (_a.label) {
18882
+ case 0:
18883
+ setLoading(true);
18884
+ _a.label = 1;
18885
+ case 1:
18886
+ _a.trys.push([1, 3, , 4]);
18887
+ return [4 /*yield*/, post("national/programme/" + endpoint, {
18888
+ requestId: reqId,
18889
+ comment: remarks,
18890
+ })];
18891
+ case 2:
18892
+ response = _a.sent();
18893
+ successMsg = response.message;
18894
+ if (isRetire) {
18895
+ successMsg = t("creditTransfer:internationalTransferReqCancelled");
18896
+ }
18897
+ console.log(response);
18898
+ antd.message.open({
18899
+ type: "success",
18900
+ content: successText ? successText : successMsg,
18901
+ duration: 3,
18902
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
18903
+ });
18904
+ setLoading(false);
18905
+ getAllTransfers();
18906
+ setModalVisible(false);
18907
+ return [3 /*break*/, 4];
18908
+ case 3:
18909
+ error_2 = _a.sent();
18910
+ console.log("Error in Cancelling transfer request", error_2);
18911
+ setLoading(false);
18912
+ return [2 /*return*/, error_2.message];
18913
+ case 4: return [2 /*return*/];
18914
+ }
18915
+ });
18916
+ }); };
18917
+ var showModalOnAction = function (record, info) {
18918
+ setSelectedReq(record);
18919
+ setModalVisible(true);
18920
+ setPopupInfo(info);
18921
+ };
18922
+ var actionMenu = function (record) {
18923
+ var isRetire = false;
18924
+ if (record.isRetirement === true) {
18925
+ isRetire = true;
18926
+ }
18927
+ if (record.status === "Pending" &&
18928
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
18929
+ return (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) === record.initiatorCompanyId ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
18930
+ {
18931
+ text: t("creditTransfer:cancel"),
18932
+ icon: React.createElement(Icon__namespace.ExclamationOctagon, null),
18933
+ click: function () {
18934
+ showModalOnAction(record, {
18935
+ title: t("creditTransfer:cancelTitle"),
18936
+ icon: React.createElement(Icon__namespace.ExclamationOctagon, null),
18937
+ actionBtnText: t("creditTransfer:proceed"),
18938
+ okAction: function (requestId, comment) {
18939
+ return handleRequestOk(requestId, comment, "transferCancel", undefined, isRetire);
18940
+ },
18941
+ type: "danger",
18942
+ remarkRequired: true,
18943
+ });
18944
+ },
18945
+ },
18946
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
18947
+ React.createElement(antd.Typography.Text, { className: "action-icon color-error" }, item.icon),
18948
+ React.createElement("span", null, item.text))); } })) : !record.isRetirement &&
18949
+ record.fromCompanyId === (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
18950
+ {
18951
+ text: t("creditTransfer:accept"),
18952
+ icon: React.createElement(Icon__namespace.ClipboardCheck, null),
18953
+ style: "color-primary",
18954
+ click: function () {
18955
+ showModalOnAction(record, {
18956
+ title: t("creditTransfer:acceptTitle"),
18957
+ icon: React.createElement(Icon__namespace.ClipboardCheck, null),
18958
+ actionBtnText: t("creditTransfer:proceed"),
18959
+ okAction: function (requestId, comment) {
18960
+ return handleRequestOk(requestId, comment, "transferApprove", "".concat(t("creditTransfer:transferReqApproved")));
18961
+ },
18962
+ type: "primary",
18963
+ remarkRequired: false,
18964
+ });
18965
+ },
18966
+ },
18967
+ {
18968
+ text: t("creditTransfer:reject"),
18969
+ icon: React.createElement(Icon__namespace.XOctagon, null),
18970
+ style: "color-error",
18971
+ click: function () {
18972
+ showModalOnAction(record, {
18973
+ title: t("creditTransfer:rejectTitle"),
18974
+ icon: React.createElement(Icon__namespace.XOctagon, null),
18975
+ actionBtnText: t("creditTransfer:reject"),
18976
+ okAction: function (requestId, comment) {
18977
+ return handleRequestOk(requestId, comment, "transferReject");
18978
+ },
18979
+ type: "danger",
18980
+ remarkRequired: true,
18981
+ });
18982
+ },
18983
+ },
18984
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
18985
+ React.createElement(antd.Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
18986
+ React.createElement("span", null, item.text))); } })) : record.isRetirement &&
18987
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
18988
+ {
18989
+ text: t("creditTransfer:recognise"),
18990
+ icon: React.createElement(Icon__namespace.Save, null),
18991
+ style: "color-primary",
18992
+ click: function () {
18993
+ showModalOnAction(record, {
18994
+ title: t("creditTransfer:recogniseTitle"),
18995
+ icon: React.createElement(Icon__namespace.Save, null),
18996
+ actionBtnText: t("creditTransfer:recognise"),
18997
+ okAction: function (requestId, comment) {
18998
+ return handleRequestOk(requestId, comment, "transferApprove", "".concat(t("creditTransfer:internationalTranferReqAccepted")));
18999
+ },
19000
+ type: "primary",
19001
+ remarkRequired: false,
19002
+ });
19003
+ },
19004
+ },
19005
+ {
19006
+ text: t("creditTransfer:notrecognise"),
19007
+ icon: React.createElement(Icon__namespace.XOctagon, null),
19008
+ style: "color-error",
19009
+ click: function () {
19010
+ showModalOnAction(record, {
19011
+ title: t("creditTransfer:notRecogniseTitle"),
19012
+ icon: React.createElement(Icon__namespace.XOctagon, null),
19013
+ actionBtnText: t("creditTransfer:notrecognise"),
19014
+ okAction: function (requestId, comment) {
19015
+ return handleRequestOk(requestId, comment, "transferReject", "".concat(t("creditTransfer:internationalTranferReqAccepted")));
19016
+ },
19017
+ type: "danger",
19018
+ remarkRequired: true,
19019
+ });
19020
+ },
19021
+ },
19022
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
19023
+ React.createElement(antd.Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
19024
+ React.createElement("span", null, item.text))); } })) : null;
19025
+ }
19026
+ };
19027
+ var columns = [
19028
+ {
19029
+ title: t("creditTransfer:requestID"),
19030
+ dataIndex: "requestId",
19031
+ key: "requestId",
19032
+ sorter: true,
19033
+ },
19034
+ {
19035
+ title: t("creditTransfer:date"),
19036
+ key: "txTime",
19037
+ sorter: true,
19038
+ align: "left",
19039
+ render: function (item, itemObj) {
19040
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, luxon.DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
19041
+ },
19042
+ },
19043
+ {
19044
+ title: t("creditTransfer:pName"),
19045
+ dataIndex: "programmeTitle",
19046
+ key: "programmeTitle",
19047
+ sorter: true,
19048
+ align: "left",
19049
+ render: function (item) {
19050
+ return React.createElement("span", { className: "clickable" }, item);
19051
+ },
19052
+ onCell: function (record, rowIndex) {
19053
+ return {
19054
+ onClick: function (ev) {
19055
+ onNavigateToProgrammeView(record.programmeId);
19056
+ },
19057
+ };
19058
+ },
19059
+ },
19060
+ {
19061
+ title: t("creditTransfer:sector"),
19062
+ dataIndex: "programmeSector",
19063
+ key: "programmeSector",
19064
+ sorter: true,
19065
+ align: "left",
19066
+ },
19067
+ {
19068
+ title: t("creditTransfer:certifier"),
19069
+ dataIndex: "programmeCertifierId",
19070
+ key: "programmeCertifierId",
19071
+ sorter: true,
19072
+ align: "left",
19073
+ render: function (item, itemObj) {
19074
+ if (item === null) {
19075
+ return;
19076
+ }
19077
+ var cMap = {};
19078
+ for (var _i = 0, _a = itemObj.certifier; _i < _a.length; _i++) {
19079
+ var c = _a[_i];
19080
+ cMap[c.companyId] = c;
19081
+ }
19082
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.programmeCertifierId &&
19083
+ itemObj.programmeCertifierId.map(function (id, i) {
19084
+ var v = cMap[id];
19085
+ if (!v) {
19086
+ return;
19087
+ }
19088
+ return (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
19089
+ React.createElement("div", null,
19090
+ React.createElement(ProfileIcon, { icon: v.logo, bg: "rgba(128, 255, 0, 0.12)", name: v.name }))));
19091
+ })));
19092
+ },
19093
+ },
19094
+ {
19095
+ title: t("creditTransfer:initiator"),
19096
+ key: "initiatorCompanyId",
19097
+ sorter: true,
19098
+ align: "left",
19099
+ render: function (item, itemObj) {
19100
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.requester &&
19101
+ itemObj.requester.map(function (v, i) {
19102
+ return (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
19103
+ React.createElement("div", null,
19104
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
19105
+ })));
19106
+ },
19107
+ },
19108
+ {
19109
+ title: t("creditTransfer:cSender"),
19110
+ key: "fromCompanyId",
19111
+ sorter: true,
19112
+ align: "left",
19113
+ render: function (item, itemObj) {
19114
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.sender &&
19115
+ itemObj.sender.map(function (v, i) {
19116
+ return (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
19117
+ React.createElement("div", null,
19118
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
19119
+ })));
19120
+ },
19121
+ },
19122
+ {
19123
+ title: t("creditTransfer:cReceiver"),
19124
+ dataIndex: "toCompanyId",
19125
+ key: "toCompanyId",
19126
+ sorter: true,
19127
+ align: "left",
19128
+ render: function (item, itemObj) {
19129
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.receiver &&
19130
+ itemObj.receiver.map(function (v, i) {
19131
+ return !itemObj.isRetirement ? (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
19132
+ React.createElement("div", null,
19133
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name })))) : itemObj.retirementType === "0" ? (React.createElement(antd.Tooltip, { title: t("creditTransfer:iaccount") +
19134
+ "".concat(itemObj.toCompanyMeta &&
19135
+ itemObj.toCompanyMeta.countryName
19136
+ ? " - " + itemObj.toCompanyMeta.countryName
19137
+ : ""), 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(antd.Tooltip, { title: t("creditTransfer:laccount"), color: TooltipColor, key: TooltipColor },
19138
+ React.createElement("div", { className: "ret-icon profile-icon" },
19139
+ React.createElement(Icon__namespace.Save, null))));
19140
+ })));
19141
+ },
19142
+ },
19143
+ {
19144
+ title: t("creditTransfer:cRequested") + " (".concat(creditUnit, ")"),
19145
+ dataIndex: "creditAmount",
19146
+ key: "creditAmount",
19147
+ sorter: true,
19148
+ align: "right",
19149
+ render: function (item) {
19150
+ return React.createElement("span", { className: "clickable" }, addCommSepRound(item));
19151
+ },
19152
+ },
19153
+ {
19154
+ title: t("programme:status"),
19155
+ key: "status",
19156
+ sorter: true,
19157
+ align: "center",
19158
+ render: function (item, Obj) {
19159
+ return (React.createElement(antd.Tooltip, { title: Obj.serialNo, color: TooltipColor, key: TooltipColor },
19160
+ React.createElement(antd.Tag, { className: "clickable", color: getTransferStageTagType(Obj.status) }, addSpaces(getStageTransferEnumVal(Obj.status)))));
19161
+ },
19162
+ },
19163
+ {
19164
+ align: "right",
19165
+ render: function (_, record) {
19166
+ var menu = actionMenu(record);
19167
+ return menu && !isTransferFrozen ? (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
19168
+ React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))) : (React.createElement("span", null));
19169
+ },
19170
+ // render: () => {
19171
+ // return (
19172
+ // <div className="clickable">
19173
+ // <MoreOutlined style={{ fontSize: '20px' }} />
19174
+ // </div>
19175
+ // );
19176
+ // },
19177
+ },
19178
+ ];
19179
+ var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
19180
+ return __generator(this, function (_a) {
19181
+ setSearch(searchText);
19182
+ return [2 /*return*/];
19183
+ });
19184
+ }); };
19185
+ var onChange = function (page, size) {
19186
+ setCurrentPage(page);
19187
+ setPageSize(size);
19188
+ };
19189
+ var handleTableChange = function (pag, sorter) {
19190
+ console.log(pag, sorter);
19191
+ setSortOrder(sorter.order === "ascend"
19192
+ ? "ASC"
19193
+ : sorter.order === "descend"
19194
+ ? "DESC"
19195
+ : undefined);
19196
+ setSortField(sorter.columnKey);
19197
+ // setCurrentPage(1);
19198
+ };
19199
+ var onFreezeTransfer = function () { return __awaiter(void 0, void 0, void 0, function () {
19200
+ var response;
19201
+ return __generator(this, function (_a) {
19202
+ switch (_a.label) {
19203
+ case 0: return [4 /*yield*/, post("national/Settings/update", {
19204
+ id: exports.ConfigurationSettingsType.isTransferFrozen,
19205
+ settingValue: "".concat(!isTransferFrozen),
19206
+ })];
19207
+ case 1:
19208
+ response = _a.sent();
19209
+ if (response) {
19210
+ setTransferFrozen(!isTransferFrozen);
19211
+ }
19212
+ return [2 /*return*/];
19213
+ }
19214
+ });
19215
+ }); };
19216
+ return (React.createElement("div", { className: "credit-transfer-management content-container" },
19217
+ React.createElement("div", { className: "title-bar" },
19218
+ React.createElement(antd.Row, { justify: "space-between", align: "middle" },
19219
+ React.createElement(antd.Col, { span: 20 },
19220
+ React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers")),
19221
+ React.createElement("div", { className: "body-sub-title" }, t("creditTransfer:desc"))),
19222
+ React.createElement(antd.Col, { span: 4 }, (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
19223
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.Admin) ||
19224
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.Root) && (React.createElement("div", { className: "transfer-freeze-icon", onClick: onFreezeTransfer }, isTransferFrozen ? (React.createElement(Icon.PlayCircle, { className: "play-circle", size: 35 })) : (React.createElement(Icon.PauseCircle, { className: "pause-circle", size: 35 }))))))),
19225
+ React.createElement("div", { className: "content-card" },
19226
+ React.createElement(antd.Row, null,
19227
+ React.createElement(antd.Col, { lg: { span: 16 }, md: { span: 16 } },
19228
+ React.createElement("div", { className: "action-bar" },
19229
+ React.createElement(antd.Checkbox, { className: "all-check", indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, "All"),
19230
+ React.createElement(antd.Checkbox.Group, { options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
19231
+ React.createElement(antd.Col, { lg: { span: 8 }, md: { span: 8 } },
19232
+ React.createElement("div", { className: "filter-section" },
19233
+ React.createElement("div", { className: "search-filter" },
19234
+ React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
19235
+ return setDataFilter(v.target.checked
19236
+ ? [
19237
+ {
19238
+ key: "initiatorCompanyId",
19239
+ operation: "=",
19240
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
19241
+ },
19242
+ {
19243
+ key: "fromCompanyId",
19244
+ operation: "=",
19245
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
19246
+ },
19247
+ {
19248
+ key: "toCompanyId",
19249
+ operation: "=",
19250
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
19251
+ },
19252
+ {
19253
+ key: "programmeCertifierId",
19254
+ operation: "ANY",
19255
+ value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
19256
+ },
19257
+ ]
19258
+ : undefined);
19259
+ } }, t("view:seeMine"))),
19260
+ React.createElement("div", { className: "search-bar" },
19261
+ React.createElement(Search, { onPressEnter: onSearch, placeholder: "Search", allowClear: true, onChange: function (e) {
19262
+ return e.target.value === ""
19263
+ ? setSearch(e.target.value)
19264
+ : setSearchText(e.target.value);
19265
+ }, onSearch: setSearch, style: { width: 265 } }))))),
19266
+ React.createElement(antd.Row, null,
19267
+ React.createElement(antd.Col, { span: 24 },
19268
+ React.createElement("div", { className: "programmeManagement-table-container" },
19269
+ React.createElement(antd.Table, { dataSource: tableData, columns: columns, className: "common-table-class", loading: loading, pagination: {
19270
+ current: currentPage,
19271
+ pageSize: pageSize,
19272
+ total: totalProgramme,
19273
+ showQuickJumper: true,
19274
+ showSizeChanger: true,
19275
+ onChange: onChange,
19276
+ }, onChange: function (val, filter, sorter) {
19277
+ return handleTableChange(val, sorter);
19278
+ }, locale: {
19279
+ emptyText: (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
19280
+ ? t("creditTransfer:noTransfer")
19281
+ : null })),
19282
+ } }))))),
19283
+ popupInfo && selectedReq && (React.createElement(TransferActionModel, { transfer: selectedReq, onCancel: function () {
19284
+ setModalVisible(false);
19285
+ setSelectedReq(undefined);
19286
+ }, 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 }))));
19287
+ };
19288
+
19289
+ 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";
19290
+ styleInject(css_248z$6);
19291
+
19292
+ var LegendItem = function (props) {
19293
+ var text = props.text, color = props.color;
19294
+ return (React.createElement("div", { className: "legend-item-container" },
19295
+ React.createElement(Icon.CircleFill, { color: color, size: 12 }),
19296
+ React.createElement("div", { className: "text" }, text)));
19297
+ };
19298
+
19299
+ 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";
19300
+ styleInject(css_248z$5);
19301
+
19302
+ var MapboxComponent = function (props) {
19303
+ var mapContainerRef = React.useRef(null);
19304
+ 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;
19305
+ mapboxgl.accessToken = accessToken;
19306
+ React.useEffect(function () {
19307
+ if (!mapContainerRef || !mapContainerRef.current || center.length !== 2) {
19308
+ return;
19309
+ }
19310
+ var map = new mapboxgl.Map({
19311
+ container: mapContainerRef.current || '',
19312
+ style: style,
19313
+ center: !Number.isNaN(center[0]) && !Number.isNaN(center[1])
19314
+ ? [center[0], center[1]]
19315
+ : [9.082, 8.6753],
19316
+ zoom: zoom,
19317
+ maxZoom: 17,
19318
+ });
19319
+ map.on('load', function () {
19320
+ var currentMarkes = {};
19321
+ if (mapSource) {
19322
+ map.addSource(mapSource.key, mapSource.data);
19323
+ }
19324
+ if (onClick) {
19325
+ map.on('click', function (e) {
19326
+ var popupContent = onClick(map, e);
19327
+ if (showPopupOnClick && popupContent) {
19328
+ new mapboxgl.Popup()
19329
+ .setLngLat(map.unproject(e.point))
19330
+ .setHTML(popupContent)
19331
+ .addTo(map);
19332
+ }
19333
+ });
19334
+ }
19335
+ if (onMouseMove) {
19336
+ map.on('mousemove', function (e) {
19337
+ onMouseMove(map, e);
19338
+ });
19339
+ }
19340
+ if (layer) {
19341
+ map.addLayer(layer);
19342
+ }
19343
+ if (onRender) {
19344
+ map.on('render', function () {
19345
+ var markersList = onRender(map);
19346
+ if (markersList) {
19347
+ markersList.forEach(function (marker) {
19348
+ if (!currentMarkes[marker.id]) {
19349
+ var createdMarker = new mapboxgl.Marker({
19350
+ color: marker.color,
19351
+ element: marker.element ? marker.element : undefined,
19352
+ })
19353
+ .setLngLat([marker.location[0], marker.location[1]])
19354
+ .addTo(map);
19355
+ currentMarkes[marker.id] = createdMarker;
19356
+ }
19357
+ });
19358
+ var _loop_1 = function (id) {
19359
+ 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; }))) {
19360
+ currentMarkes[id].remove();
19361
+ delete currentMarkes[id];
19362
+ }
19363
+ };
19364
+ for (var id in currentMarkes) {
19365
+ _loop_1(id);
19366
+ }
19367
+ }
19368
+ });
19369
+ }
19370
+ });
19371
+ if (markers) {
19372
+ markers.forEach(function (marker) {
19373
+ new mapboxgl.Marker({
19374
+ color: marker.color,
19375
+ element: marker.element ? marker.element : undefined,
19376
+ })
19377
+ .setLngLat([marker.location[0], marker.location[1]])
19378
+ .addTo(map);
19379
+ });
19380
+ }
19381
+ });
19382
+ return (React.createElement("div", { className: "map-box-container", style: { width: '100%', height: "".concat(height, "px") }, ref: mapContainerRef }));
19383
+ };
19384
+
19385
+ var MapComponent = function (props) {
19386
+ var mapType = props.mapType;
19387
+ return React.createElement("div", null, mapType === exports.MapTypes.Mapbox ? MapboxComponent(props) : "");
19388
+ };
19389
+
19390
+ 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";
19391
+ styleInject(css_248z$4);
19392
+
19393
+ var toolTipTextGen = function (companyRole, cardType, mine) {
19394
+ var text = '';
19395
+ if (companyRole === exports.CompanyRole.GOVERNMENT) {
19396
+ if (cardType === exports.StatsCardsTypes.PROGRAMMES_PENDING) {
19397
+ text = 'Pending state programmes awaiting authorisation';
19398
+ }
19399
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_REQUEST_SENT) {
19400
+ text =
19401
+ 'Pending credit transfer requests sent to programme owners initiated by your organisation';
19402
+ }
19403
+ else if (cardType === exports.StatsCardsTypes.CREDIT_BALANCE) {
19404
+ text = 'Total credit balance owned by your organisation';
19405
+ }
19406
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES) {
19407
+ text =
19408
+ 'Number of programmes created during the specified period and their programme state in the carbon registry at present';
19409
+ }
19410
+ else if (cardType === exports.StatsCardsTypes.CREDITS) {
19411
+ text =
19412
+ 'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present';
19413
+ }
19414
+ else if (cardType === exports.StatsCardsTypes.CERTIFIED_CREDITS) {
18322
19415
  text =
18323
19416
  'Number of credits of programmes created during the specified period, uncertified, certified and revoked in the carbon registry at present';
18324
19417
  }
18325
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
19418
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES) {
18326
19419
  text =
18327
19420
  'Graphical representation of the number of programmes created during the specified period in each programme state in the carbon registry at present';
18328
19421
  }
18329
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
19422
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
18330
19423
  text =
18331
19424
  'Graphical representation of the number of programmes in each programme sector created during the specified time in the carbon registry';
18332
19425
  }
18333
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
19426
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS) {
18334
19427
  text =
18335
19428
  'Graphical representation of the number of credits of programmes created during the specified period in each credit state in the carbon registry at present';
18336
19429
  }
18337
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
19430
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18338
19431
  text =
18339
19432
  'Graphical representation of the number of credits of programmes created during the specified period certified, uncertified and revoked in the carbon registry at present';
18340
19433
  }
18341
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
19434
+ else if (cardType === exports.StatsCardsTypes.PROGRAMME_LOCATIONS) {
18342
19435
  text =
18343
19436
  'Locations of the programmes created during the specified period and their programme states in the carbon registry at present';
18344
19437
  }
18345
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
19438
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18346
19439
  text =
18347
19440
  'Locations of credits of international transfer requests recognised during the specified period';
18348
19441
  }
18349
19442
  }
18350
19443
  else if (companyRole === exports.CompanyRole.PROGRAMME_DEVELOPER) {
18351
- if (cardType === StatsCardsTypes.TRANSFER_REQUEST_RECEIVED) {
19444
+ if (cardType === exports.StatsCardsTypes.TRANSFER_REQUEST_RECEIVED) {
18352
19445
  text = 'Pending credit transfer requests received by your organisation';
18353
19446
  }
18354
- else if (cardType === StatsCardsTypes.TRANSFER_REQUEST_SENT) {
19447
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_REQUEST_SENT) {
18355
19448
  text = 'Pending local credit transfer requests initiated by your organisation';
18356
19449
  }
18357
- else if (cardType === StatsCardsTypes.CREDIT_BALANCE) {
19450
+ else if (cardType === exports.StatsCardsTypes.CREDIT_BALANCE) {
18358
19451
  text = 'Total credit balance owned by your organisation';
18359
19452
  }
18360
- else if (cardType === StatsCardsTypes.PROGRAMMES) {
19453
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES) {
18361
19454
  text =
18362
19455
  'Number of programmes created during the specified period and their programme state in the carbon registry at present, owned by your organisation';
18363
19456
  }
18364
- else if (cardType === StatsCardsTypes.CREDITS) {
19457
+ else if (cardType === exports.StatsCardsTypes.CREDITS) {
18365
19458
  text =
18366
19459
  'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present, owned by your organisation';
18367
19460
  }
18368
- else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
19461
+ else if (cardType === exports.StatsCardsTypes.CERTIFIED_CREDITS) {
18369
19462
  text =
18370
19463
  'Number of credits of programmes created during the specified period, uncertified, certified and revoked in the carbon registry at present, owned by your organisation';
18371
19464
  }
18372
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
19465
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES) {
18373
19466
  text =
18374
19467
  'Graphical representation of the number of programmes created during the specified period, owned by your organisation, in each programme state in the carbon registry at present';
18375
19468
  }
18376
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
19469
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
18377
19470
  text =
18378
19471
  'Graphical representation of the number of programmes owned by your organisation, in each programme sector created during the specified time in the carbon registry';
18379
19472
  }
18380
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
19473
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS) {
18381
19474
  text =
18382
19475
  'Graphical representation of the number of credits of programmes created during the specified period, owned by your organisation, in each credit state in the carbon registry at present';
18383
19476
  }
18384
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
19477
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18385
19478
  text =
18386
19479
  'Graphical representation of the number of credits of programmes created during the specified period, owned by your organisation, certified, uncertified and revoked in the carbon registry at present';
18387
19480
  }
18388
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
19481
+ else if (cardType === exports.StatsCardsTypes.PROGRAMME_LOCATIONS) {
18389
19482
  text =
18390
19483
  'Locations of the programmes created during the specified period, owned by your organisation, and their programme states in the carbon registry at present';
18391
19484
  }
18392
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
19485
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18393
19486
  text =
18394
19487
  'Locations of credits international transfer requests of programmes owned by your organisation recognised during the specified period';
18395
19488
  }
18396
19489
  }
18397
19490
  else if (companyRole === exports.CompanyRole.CERTIFIER && mine === true) {
18398
- if (cardType === StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
19491
+ if (cardType === exports.StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
18399
19492
  text =
18400
19493
  'Number of programmes not yet certified including certificates revoked by your organisation';
18401
19494
  }
18402
- else if (cardType === StatsCardsTypes.PROGRAMMES_CERTIFIED) {
19495
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES_CERTIFIED) {
18403
19496
  text = 'Number of programmes certified by your organisation';
18404
19497
  }
18405
- else if (cardType === StatsCardsTypes.CREDIT_CERTIFIED) {
19498
+ else if (cardType === exports.StatsCardsTypes.CREDIT_CERTIFIED) {
18406
19499
  text = 'Number of credits certified by your organisation';
18407
19500
  }
18408
- else if (cardType === StatsCardsTypes.PROGRAMMES) {
19501
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES) {
18409
19502
  text =
18410
19503
  'Number of programmes created during the specified period, certified by your organisation, and their programme state in the carbon registry at present';
18411
19504
  }
18412
- else if (cardType === StatsCardsTypes.CREDITS) {
19505
+ else if (cardType === exports.StatsCardsTypes.CREDITS) {
18413
19506
  text =
18414
19507
  'Number of credits of programmes created during the specified period, certified by your organisation and their credit state in the carbon registry at present';
18415
19508
  }
18416
- else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
19509
+ else if (cardType === exports.StatsCardsTypes.CERTIFIED_CREDITS) {
18417
19510
  text =
18418
19511
  'Number of credits of programmes created during the specified period, certified by your organisation, uncertified, certified and revoked in the carbon registry at present';
18419
19512
  }
18420
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
19513
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES) {
18421
19514
  text =
18422
19515
  'Graphical representation of the number of programmes in each programme sector created during the specified time, certified by your company, in the carbon registry';
18423
19516
  }
18424
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
19517
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
18425
19518
  text =
18426
19519
  'Graphical representation of the number of programmes in each programme sector created during the specified time, certified by your company, in the carbon registry';
18427
19520
  }
18428
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
19521
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS) {
18429
19522
  text =
18430
19523
  'Graphical representation of the number of credits of programmes created during the specified period in each credit state in the carbon registry at present';
18431
19524
  }
18432
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
19525
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18433
19526
  text =
18434
19527
  'Graphical representation of the number of credits of programmes certified, uncertified and revoked (refer above for states), by your organisation, spread over the specified time';
18435
19528
  }
18436
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
19529
+ else if (cardType === exports.StatsCardsTypes.PROGRAMME_LOCATIONS) {
18437
19530
  text =
18438
19531
  'Locations of the programmes created during the specified period, certified by your organisation, and their programme states in the carbon registry at present';
18439
19532
  }
18440
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
19533
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18441
19534
  text =
18442
19535
  'Locations of credits of international transfer requests of programmes certified by your organisation recognised during the specified period';
18443
19536
  }
18444
19537
  }
18445
19538
  else if (companyRole === exports.CompanyRole.CERTIFIER && !mine) {
18446
- if (cardType === StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
19539
+ if (cardType === exports.StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
18447
19540
  text =
18448
19541
  'Number of programmes not yet certified including certificates revoked by your organisation';
18449
19542
  }
18450
- else if (cardType === StatsCardsTypes.PROGRAMMES_CERTIFIED) {
19543
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES_CERTIFIED) {
18451
19544
  text = 'Number of programmes certified by your organisation';
18452
19545
  }
18453
- else if (cardType === StatsCardsTypes.CREDIT_CERTIFIED) {
19546
+ else if (cardType === exports.StatsCardsTypes.CREDIT_CERTIFIED) {
18454
19547
  text = 'Number of credits certified by your organisation';
18455
19548
  }
18456
- else if (cardType === StatsCardsTypes.PROGRAMMES) {
19549
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES) {
18457
19550
  text =
18458
19551
  'Number of programmes created during the specified period and their programme state in the carbon registry at present';
18459
19552
  }
18460
- else if (cardType === StatsCardsTypes.CREDITS) {
19553
+ else if (cardType === exports.StatsCardsTypes.CREDITS) {
18461
19554
  text =
18462
19555
  'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present';
18463
19556
  }
18464
- else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
19557
+ else if (cardType === exports.StatsCardsTypes.CERTIFIED_CREDITS) {
18465
19558
  text =
18466
19559
  'Number of credits of programmes created during the specified period, uncertified, certified and revoked in the carbon registry at present';
18467
19560
  }
18468
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
19561
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES) {
18469
19562
  text =
18470
19563
  'Graphical representation of the number of programmes created during the specified period in each programme state in the carbon registry at present';
18471
19564
  }
18472
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
19565
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
18473
19566
  text =
18474
19567
  'Graphical representation of the number of programmes in each programme sector created during the specified time in the carbon registry';
18475
19568
  }
18476
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
19569
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS) {
18477
19570
  text =
18478
19571
  'Graphical representation of the number of credits of programmes created during the specified period in each credit state in the carbon registry at present';
18479
19572
  }
18480
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
19573
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18481
19574
  text =
18482
19575
  'Graphical representation of the number of credits of programmes created during the specified period certified, uncertified and revoked in the carbon registry at present';
18483
19576
  }
18484
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
19577
+ else if (cardType === exports.StatsCardsTypes.PROGRAMME_LOCATIONS) {
18485
19578
  text =
18486
19579
  'Locations of the programmes created during the specified period and their programme states in the carbon registry at present';
18487
19580
  }
18488
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
19581
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18489
19582
  text =
18490
19583
  'Locations of credits of international transfer requests recognised during the specified period';
18491
19584
  }
@@ -18513,43 +19606,6 @@ var StasticCard = function (props) {
18513
19606
  updatedDate !== '0' && React.createElement("div", { className: "updated-on" }, updatedDate)))));
18514
19607
  };
18515
19608
 
18516
- 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";
18517
- styleInject(css_248z$3);
18518
-
18519
- var dateFormat = 'dd LLLL yyyy';
18520
- var creditUnit = 'ITMO';
18521
-
18522
- var InfoView = function (props) {
18523
- var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
18524
- return (React.createElement("div", { className: "info-view" },
18525
- React.createElement("div", { className: "title" },
18526
- React.createElement("span", { className: "title-icon" }, icon),
18527
- React.createElement("span", { className: "title-text" }, title)),
18528
- React.createElement("div", null, Object.keys(data).map(function (k) {
18529
- var _a;
18530
- if (hiddenColumns.indexOf(k) < 0) {
18531
- return (React.createElement(antd.Row, { className: "field", key: k },
18532
- React.createElement(antd.Col, { span: 12, className: "field-key" }, k),
18533
- React.createElement(antd.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) {
18534
- var key = _a[0]; _a[1];
18535
- return (React.createElement("div", { className: "row" },
18536
- React.createElement("div", { className: "key" }, key),
18537
- React.createElement("div", { className: "data" }, data[k][key])));
18538
- })) : (React.createElement("div", null, "-"))) : (React.createElement("span", null, data[k] instanceof luxon.DateTime
18539
- ? data[k].toFormat(dateFormat)
18540
- : data[k] === "" || !data[k] || data[k] === "NaN"
18541
- ? "-"
18542
- : data[k])))));
18543
- }
18544
- else {
18545
- return null;
18546
- }
18547
- }))));
18548
- };
18549
- InfoView.defaultProps = {
18550
- hiddenColumns: [],
18551
- };
18552
-
18553
19609
  var ImgWithFallback = function (_a) {
18554
19610
  var src = _a.src, alt = _a.alt, fallbackSrc = _a.fallbackSrc, mediaType = _a.mediaType, className = _a.className, delegated = __rest(_a, ["src", "alt", "fallbackSrc", "mediaType", "className"]);
18555
19611
  return (React.createElement("picture", null,
@@ -18557,8 +19613,8 @@ var ImgWithFallback = function (_a) {
18557
19613
  React.createElement("img", __assign({ className: className, src: fallbackSrc, alt: alt }, delegated))));
18558
19614
  };
18559
19615
 
18560
- 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";
18561
- styleInject(css_248z$2);
19616
+ 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";
19617
+ styleInject(css_248z$3);
18562
19618
 
18563
19619
  var InvestmentBody = function (props) {
18564
19620
  var data = props.data, translator = props.translator;
@@ -18669,12 +19725,6 @@ var ProgrammeIssueForm = function (props) {
18669
19725
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
18670
19726
  };
18671
19727
 
18672
- var CompanyState;
18673
- (function (CompanyState) {
18674
- CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
18675
- CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
18676
- })(CompanyState || (CompanyState = {}));
18677
-
18678
19728
  var ProgrammeRetireForm = function (props) {
18679
19729
  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;
18680
19730
  var t = translator.t;
@@ -18741,7 +19791,7 @@ var ProgrammeRetireForm = function (props) {
18741
19791
  for (var index in programme.creditOwnerPercentage) {
18742
19792
  if ((hideType && Number(programme.companyId[index]) !== myCompanyId) ||
18743
19793
  parseInt(companies[Number(programme.companyId[index])].state) ===
18744
- CompanyState.SUSPENDED.valueOf()) {
19794
+ exports.CompanyState.SUSPENDED.valueOf()) {
18745
19795
  continue;
18746
19796
  }
18747
19797
  else {
@@ -19026,7 +20076,7 @@ var ProgrammeTransferForm = function (props) {
19026
20076
  }); })
19027
20077
  .filter(function (d) {
19028
20078
  return (d.value !== userCompanyId &&
19029
- parseInt(d.state) === CompanyState.ACTIVE.valueOf());
20079
+ parseInt(d.state) === exports.CompanyState.ACTIVE.valueOf());
19030
20080
  }));
19031
20081
  return [3 /*break*/, 3];
19032
20082
  case 2:
@@ -19063,7 +20113,7 @@ var ProgrammeTransferForm = function (props) {
19063
20113
  (userCompanyId === Number(programme.companyId[index]) ||
19064
20114
  companyRole === exports.CompanyRole.GOVERNMENT))) &&
19065
20115
  parseInt(companies[Number(programme.companyId[index])].state) ===
19066
- CompanyState.ACTIVE.valueOf()) {
20116
+ exports.CompanyState.ACTIVE.valueOf()) {
19067
20117
  var companyAvailableTotal = ((programme.creditBalance -
19068
20118
  (programme.creditFrozen ? programme.creditFrozen[index] : 0)) *
19069
20119
  programme.creditOwnerPercentage[index]) /
@@ -19208,125 +20258,8 @@ var RejectDocumentationConfirmationModel = function (props) {
19208
20258
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
19209
20259
  };
19210
20260
 
19211
- var TransferActionModel = function (props) {
19212
- 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;
19213
- var t = translator.t;
19214
- var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
19215
- var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
19216
- var _c = React.useState(false), checked = _c[0], setChecked = _c[1];
19217
- var companyList = !transfer.isRetirement
19218
- ? [
19219
- {
19220
- value: transfer.toCompanyId,
19221
- label: transfer.receiver[0].name,
19222
- },
19223
- ]
19224
- : [
19225
- {
19226
- value: transfer.fromCompanyId,
19227
- label: transfer.sender[0].name,
19228
- },
19229
- ];
19230
- return (React.createElement(antd.Modal, { title: React.createElement("div", { className: "popup-header" },
19231
- React.createElement("div", { className: "icon" }, icon),
19232
- React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
19233
- React.createElement("div", { className: "transfer-form" },
19234
- React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
19235
- toCompanyId: !transfer.isRetirement
19236
- ? transfer.toCompanyId
19237
- : transfer.fromCompanyId,
19238
- programmeName: transfer.programmeTitle,
19239
- serialNo: transfer.serialNo,
19240
- creditAmount: transfer.creditAmount,
19241
- company: transfer.toCompanyMeta
19242
- ? transfer.toCompanyMeta.name
19243
- : null,
19244
- country: transfer.toCompanyMeta
19245
- ? transfer.toCompanyMeta.country
19246
- : null,
19247
- countryName: transfer.toCompanyMeta
19248
- ? transfer.toCompanyMeta.countryName
19249
- : null,
19250
- }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
19251
- var res;
19252
- return __generator(this, function (_a) {
19253
- switch (_a.label) {
19254
- case 0:
19255
- setLoading(true);
19256
- if (d.comment) {
19257
- d.comment = d.comment.trim();
19258
- }
19259
- return [4 /*yield*/, onFinish(transfer.requestId, d.comment)];
19260
- case 1:
19261
- res = _a.sent();
19262
- setPopupError(res);
19263
- setLoading(false);
19264
- return [2 /*return*/];
19265
- }
19266
- });
19267
- }); } },
19268
- React.createElement(antd.Row, null,
19269
- React.createElement(antd.Col, { span: 24 },
19270
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
19271
- React.createElement(antd.Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
19272
- React.createElement(antd.Row, null,
19273
- React.createElement(antd.Col, { span: 24 },
19274
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
19275
- React.createElement(antd.Input, { disabled: true })))),
19276
- !transfer.isRetirement && (React.createElement(antd.Row, null,
19277
- React.createElement(antd.Col, { span: 24 },
19278
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:serialNoField"), name: "serialNo" },
19279
- React.createElement(antd.Input, { disabled: true }))))),
19280
- transfer.toCompanyMeta && transfer.toCompanyMeta.country && (React.createElement(antd.Row, null,
19281
- React.createElement(antd.Col, { span: 24 },
19282
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("creditTransfer:country"), name: "countryName" },
19283
- React.createElement(antd.Input, { disabled: true }))))),
19284
- transfer.toCompanyMeta && transfer.toCompanyMeta.name && (React.createElement(antd.Row, null,
19285
- React.createElement(antd.Col, { span: 24 },
19286
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("creditTransfer:company"), name: "company" },
19287
- React.createElement(antd.Input, { disabled: true }))))),
19288
- React.createElement(antd.Row, null,
19289
- React.createElement(antd.Col, { lg: 18, md: 20 },
19290
- React.createElement("div", { className: "label" }, "".concat(t("view:transferApproveTotal"), " (").concat(creditUnit, ")"))),
19291
- React.createElement(antd.Col, { lg: 6, md: 4 },
19292
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
19293
- React.createElement(antd.InputNumber, { placeholder: addCommSep(transfer.creditAmount), disabled: true })))),
19294
- React.createElement(antd.Row, null,
19295
- React.createElement(antd.Col, { span: 24 },
19296
- React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
19297
- {
19298
- required: remarkRequired,
19299
- message: "Required field",
19300
- },
19301
- function (_a) {
19302
- _a.getFieldValue;
19303
- return ({
19304
- validator: function (rule, v) {
19305
- if (remarkRequired &&
19306
- v !== undefined &&
19307
- v !== "" &&
19308
- v.trim() === "") {
19309
- // eslint-disable-next-line prefer-promise-reject-errors
19310
- return Promise.reject("Required field");
19311
- }
19312
- return Promise.resolve();
19313
- },
19314
- });
19315
- },
19316
- ] },
19317
- React.createElement(antd.Input.TextArea, { placeholder: "" })))),
19318
- React.createElement(antd.Row, null,
19319
- React.createElement(antd.Col, { span: 24 },
19320
- React.createElement(antd.Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
19321
- React.createElement(antd.Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
19322
- popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
19323
- React.createElement(antd.Form.Item, { className: "footer" },
19324
- React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
19325
- React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
19326
- };
19327
-
19328
- 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";
19329
- styleInject(css_248z$1);
20261
+ 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";
20262
+ styleInject(css_248z$2);
19330
20263
 
19331
20264
  var NdcActionBody = function (props) {
19332
20265
  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;
@@ -19654,8 +20587,8 @@ var NdcActionBody = function (props) {
19654
20587
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
19655
20588
  };
19656
20589
 
19657
- 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";
19658
- styleInject(css_248z);
20590
+ 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";
20591
+ styleInject(css_248z$1);
19659
20592
 
19660
20593
  var ProgrammeDocuments = function (props) {
19661
20594
  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;
@@ -20005,6 +20938,20 @@ var ProgrammeDocuments = function (props) {
20005
20938
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
20006
20939
  };
20007
20940
 
20941
+ 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";
20942
+ styleInject(css_248z);
20943
+
20944
+ var TimelineBody = function (props) {
20945
+ var text = props.text, remark = props.remark, via = props.via, t = props.t;
20946
+ return (React.createElement("div", null,
20947
+ React.createElement("div", null,
20948
+ text,
20949
+ via && React.createElement("span", null, " ".concat(t('view:via'), " ").concat(via))),
20950
+ remark && remark !== 'undefined' && remark !== 'null' && (React.createElement("div", { className: "remark" },
20951
+ React.createElement("div", { className: "remark-title" }, t('view:remarks')),
20952
+ React.createElement("div", { className: "remark-body" }, remark)))));
20953
+ };
20954
+
20008
20955
  exports.AddNdcActionComponent = AddNdcActionComponent;
20009
20956
  exports.AddNewCompanyComponent = AddNewCompanyComponent;
20010
20957
  exports.AddNewUserComponent = AddNewUserComponent;
@@ -20013,6 +20960,7 @@ exports.CoBenifitsComponent = CoBenifitsComponent;
20013
20960
  exports.Company = Company;
20014
20961
  exports.CompanyManagementComponent = CompanyManagementComponent;
20015
20962
  exports.CompanyProfileComponent = CompanyProfileComponent;
20963
+ exports.CreditTransferComponent = CreditTransferComponent;
20016
20964
  exports.ImgWithFallback = ImgWithFallback;
20017
20965
  exports.InfoView = InfoView;
20018
20966
  exports.InvestmentBody = InvestmentBody;
@@ -20024,8 +20972,10 @@ exports.MapComponent = MapComponent;
20024
20972
  exports.MapboxComponent = MapboxComponent;
20025
20973
  exports.NdcActionBody = NdcActionBody;
20026
20974
  exports.NdcActionManagementComponent = NdcActionManagementComponent;
20975
+ exports.NdcActionViewComponent = NdcActionViewComponent;
20027
20976
  exports.OrganisationStatus = OrganisationStatus;
20028
20977
  exports.ProfileIcon = ProfileIcon;
20978
+ exports.ProgrammeCertify = ProgrammeCertify;
20029
20979
  exports.ProgrammeCreationComponent = ProgrammeCreationComponent;
20030
20980
  exports.ProgrammeDocuments = ProgrammeDocuments;
20031
20981
  exports.ProgrammeEntity = ProgrammeEntity;
@@ -20038,6 +20988,7 @@ exports.ProgrammeTransferForm = ProgrammeTransferForm;
20038
20988
  exports.RejectDocumentationConfirmationModel = RejectDocumentationConfirmationModel;
20039
20989
  exports.RoleIcon = RoleIcon;
20040
20990
  exports.StasticCard = StasticCard;
20991
+ exports.TimelineBody = TimelineBody;
20041
20992
  exports.TransferActionModel = TransferActionModel;
20042
20993
  exports.UnitField = UnitField;
20043
20994
  exports.User = User;
@@ -20049,6 +21000,9 @@ exports.addCommSepRound = addCommSepRound;
20049
21000
  exports.addRoundNumber = addRoundNumber;
20050
21001
  exports.addSpaces = addSpaces;
20051
21002
  exports.consumerGroupList = consumerGroupList;
21003
+ exports.creditUnit = creditUnit;
21004
+ exports.dateFormat = dateFormat;
21005
+ exports.dateTimeFormat = dateTimeFormat;
20052
21006
  exports.energyGenerationUnitList = energyGenerationUnitList;
20053
21007
  exports.getBase64 = getBase64;
20054
21008
  exports.getCompanyBgColor = getCompanyBgColor;