@undp/carbon-library 1.0.84 → 1.0.85

Sign up to get free protection for your applications and to get access to all the features.
Files changed (20) hide show
  1. package/dist/cjs/index.js +1318 -380
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Transfers/creditTransfersComponent.d.ts +5 -0
  4. package/dist/cjs/types/Components/index.d.ts +2 -0
  5. package/dist/cjs/types/Definitions/Entities/programmeCertify.d.ts +5 -0
  6. package/dist/cjs/types/Definitions/Enums/programmeStage.enum.d.ts +5 -0
  7. package/dist/cjs/types/Definitions/Enums/statsCards.type.enum.d.ts +13 -0
  8. package/dist/cjs/types/Definitions/Enums/widget.type.enum.d.ts +5 -0
  9. package/dist/cjs/types/Definitions/index.d.ts +5 -0
  10. package/dist/esm/index.js +1258 -326
  11. package/dist/esm/index.js.map +1 -1
  12. package/dist/esm/types/Components/Transfers/creditTransfersComponent.d.ts +5 -0
  13. package/dist/esm/types/Components/index.d.ts +2 -0
  14. package/dist/esm/types/Definitions/Entities/programmeCertify.d.ts +5 -0
  15. package/dist/esm/types/Definitions/Enums/programmeStage.enum.d.ts +5 -0
  16. package/dist/esm/types/Definitions/Enums/statsCards.type.enum.d.ts +13 -0
  17. package/dist/esm/types/Definitions/Enums/widget.type.enum.d.ts +5 -0
  18. package/dist/esm/types/Definitions/index.d.ts +5 -0
  19. package/dist/index.d.ts +65 -1
  20. 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$q = ".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$q);
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$p = ".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$p);
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$o = ".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$o);
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) {
@@ -399,14 +405,14 @@ var getBase64 = function (file) {
399
405
  });
400
406
  };
401
407
 
402
- var Action;
408
+ exports.Action = void 0;
403
409
  (function (Action) {
404
410
  Action["Manage"] = "manage";
405
411
  Action["Create"] = "create";
406
412
  Action["Read"] = "read";
407
413
  Action["Update"] = "update";
408
414
  Action["Delete"] = "delete";
409
- })(Action || (Action = {}));
415
+ })(exports.Action || (exports.Action = {}));
410
416
 
411
417
  var Company = /** @class */ (function () {
412
418
  function Company() {
@@ -424,8 +430,8 @@ exports.CompanyManagementColumns = void 0;
424
430
  CompanyManagementColumns["creditBalance"] = "creditBalance";
425
431
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
426
432
 
427
- var css_248z$n = ".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";
428
- styleInject(css_248z$n);
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);
429
435
 
430
436
  var isBase64 = function (str) {
431
437
  if (!str || str === '' || str.trim() === '') {
@@ -757,7 +763,7 @@ var CompanyManagementComponent = function (props) {
757
763
  React.createElement("div", { className: "content-card" },
758
764
  React.createElement(antd.Row, { className: "table-actions-section" },
759
765
  React.createElement(antd.Col, { md: 8, xs: 24 },
760
- 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"))))),
761
767
  React.createElement(antd.Col, { md: 16, xs: 24 },
762
768
  React.createElement("div", { className: "filter-section" },
763
769
  React.createElement("div", { className: "search-bar" },
@@ -796,11 +802,11 @@ var CompanyManagementComponent = function (props) {
796
802
  } })))))));
797
803
  };
798
804
 
799
- var css_248z$m = ".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";
800
- styleInject(css_248z$m);
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);
801
807
 
802
- var css_248z$l = "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";
803
- styleInject(css_248z$l);
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);
804
810
 
805
811
  exports.UserManagementColumns = void 0;
806
812
  (function (UserManagementColumns) {
@@ -4410,6 +4416,55 @@ exports.CompanyState = void 0;
4410
4416
  CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
4411
4417
  })(exports.CompanyState || (exports.CompanyState = {}));
4412
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
+
4413
4468
  exports.ConfigurationSettingsType = void 0;
4414
4469
  (function (ConfigurationSettingsType) {
4415
4470
  ConfigurationSettingsType[ConfigurationSettingsType["isTransferFrozen"] = 0] = "isTransferFrozen";
@@ -4421,6 +4476,10 @@ exports.MapTypes = void 0;
4421
4476
  MapTypes["None"] = "None";
4422
4477
  })(exports.MapTypes || (exports.MapTypes = {}));
4423
4478
 
4479
+ var dateTimeFormat = 'dd LLLL yyyy @ HH:mm';
4480
+ var dateFormat = 'dd LLLL yyyy';
4481
+ var creditUnit = 'ITMO';
4482
+
4424
4483
  var BaseEntity = /** @class */ (function () {
4425
4484
  function BaseEntity() {
4426
4485
  }
@@ -4445,6 +4504,12 @@ var ProgrammeEntity = /** @class */ (function () {
4445
4504
  return ProgrammeEntity;
4446
4505
  }());
4447
4506
 
4507
+ var ProgrammeCertify = /** @class */ (function () {
4508
+ function ProgrammeCertify() {
4509
+ }
4510
+ return ProgrammeCertify;
4511
+ }());
4512
+
4448
4513
  var AddNewCompanyComponent = function (props) {
4449
4514
  var _a;
4450
4515
  var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField;
@@ -5138,11 +5203,11 @@ var UserActionConfirmationModel = function (props) {
5138
5203
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
5139
5204
  };
5140
5205
 
5141
- var css_248z$k = ".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";
5142
- styleInject(css_248z$k);
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);
5143
5208
 
5144
- var css_248z$j = ".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";
5145
- styleInject(css_248z$j);
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);
5146
5211
 
5147
5212
  var OrganisationStatus = function (props) {
5148
5213
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -5302,13 +5367,13 @@ var CompanyProfileComponent = function (props) {
5302
5367
  React.createElement("div", { className: "body-title" }, t("companyProfile:title")),
5303
5368
  React.createElement("div", { className: "body-sub-title" }, t("companyProfile:subTitle"))),
5304
5369
  React.createElement("div", { className: "flex-display" },
5305
- ability.can(Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5370
+ ability.can(exports.Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5306
5371
  !isLoading &&
5307
5372
  parseInt(companyDetails.state) !== 0 ? (React.createElement(antd.Button, { danger: true, className: "btn-danger", onClick: onDeauthoriseOrganisation }, t("companyProfile:deauthorise"))) : (""),
5308
- ability.can(Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5373
+ ability.can(exports.Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5309
5374
  !isLoading &&
5310
5375
  parseInt(companyDetails.state) !== 1 ? (React.createElement(antd.Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
5311
- ability.can(Action.Update, classTransformer.plainToClass(Company, companyDetails)) &&
5376
+ ability.can(exports.Action.Update, classTransformer.plainToClass(Company, companyDetails)) &&
5312
5377
  !isLoading &&
5313
5378
  companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
5314
5379
  !companyDetails && (React.createElement("div", { className: "content-body" },
@@ -5389,8 +5454,8 @@ var CompanyProfileComponent = function (props) {
5389
5454
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
5390
5455
  };
5391
5456
 
5392
- var css_248z$i = ".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";
5393
- styleInject(css_248z$i);
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);
5394
5459
 
5395
5460
  var Search$1 = antd.Input.Search;
5396
5461
  var ProgrammeManagementComponent = function (props) {
@@ -5757,7 +5822,7 @@ var ProgrammeManagementComponent = function (props) {
5757
5822
  React.createElement("div", { className: "title-bar" },
5758
5823
  React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes")),
5759
5824
  React.createElement("div", { className: "body-sub-title" }, t("programme:desc"))),
5760
- React.createElement("div", { className: "actions" }, ability.can(Action.Manage, ProgrammeEntity) &&
5825
+ React.createElement("div", { className: "actions" }, ability.can(exports.Action.Manage, ProgrammeEntity) &&
5761
5826
  enableAddProgramme && (React.createElement("div", { className: "action-bar" },
5762
5827
  React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddProgramme }, t("programme:addProgramme")))))),
5763
5828
  React.createElement("div", { className: "content-card" },
@@ -5819,8 +5884,8 @@ var ProgrammeManagementComponent = function (props) {
5819
5884
  } })))))));
5820
5885
  };
5821
5886
 
5822
- var css_248z$h = ".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";
5823
- styleInject(css_248z$h);
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);
5824
5889
 
5825
5890
  function commonjsRequire(path) {
5826
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.');
@@ -12415,8 +12480,8 @@ var ProgrammeCreationComponent = function (props) {
12415
12480
  ] })))));
12416
12481
  };
12417
12482
 
12418
- var css_248z$g = ".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";
12419
- styleInject(css_248z$g);
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);
12420
12485
 
12421
12486
  var ChangePasswordModel = function (props) {
12422
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;
@@ -12582,9 +12647,9 @@ var AddNewUserComponent = function (props) {
12582
12647
  name: formOneValues === null || formOneValues === void 0 ? void 0 : formOneValues.name,
12583
12648
  phoneNo: formOneValues === null || formOneValues === void 0 ? void 0 : formOneValues.phoneNo,
12584
12649
  };
12585
- 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"))
12586
12651
  values.role = formOneValues === null || formOneValues === void 0 ? void 0 : formOneValues.role;
12587
- 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"))
12588
12653
  values.email = formOneValues === null || formOneValues === void 0 ? void 0 : formOneValues.email;
12589
12654
  console.log("form one values -- > ", values, state.record);
12590
12655
  return [4 /*yield*/, put("national/user/update", values)];
@@ -12741,7 +12806,7 @@ var AddNewUserComponent = function (props) {
12741
12806
  ? t("addUser:editUserSub")
12742
12807
  : t("addUser:addUserSub"))),
12743
12808
  isUpdate &&
12744
- !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" },
12745
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"))),
12746
12811
  React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onChangedPassword }, t("userProfile:changePassword"))))),
12747
12812
  React.createElement("div", { className: "content-card user-content-card" },
@@ -12798,7 +12863,7 @@ var AddNewUserComponent = function (props) {
12798
12863
  },
12799
12864
  ] },
12800
12865
  React.createElement(antd.Input, { disabled: isUpdate &&
12801
- !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" })))),
12802
12867
  React.createElement(antd.Col, { xl: 12, md: 24 },
12803
12868
  React.createElement("div", { className: "details-part-two" },
12804
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: [
@@ -12808,7 +12873,7 @@ var AddNewUserComponent = function (props) {
12808
12873
  },
12809
12874
  ] },
12810
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 &&
12811
- !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") },
12812
12877
  React.createElement("div", { className: "admin-radio-container" },
12813
12878
  React.createElement(antd.Tooltip, { placement: "top", title: t("addUser:adminToolTip") },
12814
12879
  React.createElement(antd.Radio.Button, { className: "admin", value: "Admin" },
@@ -12840,8 +12905,8 @@ var AddNewUserComponent = function (props) {
12840
12905
  React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
12841
12906
  };
12842
12907
 
12843
- var css_248z$f = ".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";
12844
- styleInject(css_248z$f);
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);
12845
12910
 
12846
12911
  var UserRoleIcon = function (props) {
12847
12912
  var role = props.role;
@@ -12850,8 +12915,8 @@ var UserRoleIcon = function (props) {
12850
12915
  React.createElement("div", null, role === "ViewOnly" ? "Viewer" : role)));
12851
12916
  };
12852
12917
 
12853
- var css_248z$e = ".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";
12854
- styleInject(css_248z$e);
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);
12855
12920
 
12856
12921
  var LanguageSelection = function (props) {
12857
12922
  var i18n = props.i18n;
@@ -13040,8 +13105,8 @@ var UserProfileComponent = function (props) {
13040
13105
  : "-")))))))))));
13041
13106
  };
13042
13107
 
13043
- var css_248z$d = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
13044
- styleInject(css_248z$d);
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);
13045
13110
 
13046
13111
  var Search = antd.Input.Search;
13047
13112
  var UserManagementComponent = function (props) {
@@ -13155,7 +13220,7 @@ var UserManagementComponent = function (props) {
13155
13220
  {
13156
13221
  text: "Edit",
13157
13222
  icon: React.createElement(icons.EditOutlined, null),
13158
- isDisabled: !ability.can(Action.Update, classTransformer.plainToClass(User, record)),
13223
+ isDisabled: !ability.can(exports.Action.Update, classTransformer.plainToClass(User, record)),
13159
13224
  click: function () {
13160
13225
  onNavigateToUpdateUser(record);
13161
13226
  },
@@ -13163,7 +13228,7 @@ var UserManagementComponent = function (props) {
13163
13228
  {
13164
13229
  text: "Delete",
13165
13230
  icon: React.createElement(icons.DeleteOutlined, null),
13166
- isDisabled: !ability.can(Action.Delete, classTransformer.plainToClass(User, record)),
13231
+ isDisabled: !ability.can(exports.Action.Delete, classTransformer.plainToClass(User, record)),
13167
13232
  click: function () {
13168
13233
  setDeleteUserModalRecord(record);
13169
13234
  setActionInfo({
@@ -13260,8 +13325,8 @@ var UserManagementComponent = function (props) {
13260
13325
  width: 6,
13261
13326
  align: "right",
13262
13327
  render: function (_, record) {
13263
- return ((ability.can(Action.Update, classTransformer.plainToClass(User, record)) ||
13264
- 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))) &&
13265
13330
  record.id !== (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id) && (React.createElement(antd.Popover, { placement: "bottomRight", content: actionMenu(record), trigger: "click" },
13266
13331
  React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))));
13267
13332
  },
@@ -13543,7 +13608,7 @@ var UserManagementComponent = function (props) {
13543
13608
  React.createElement("div", { className: "content-card" },
13544
13609
  React.createElement(antd.Row, { className: "table-actions-section" },
13545
13610
  React.createElement(antd.Col, { md: 8, xs: 24 },
13546
- 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"))))),
13547
13612
  React.createElement(antd.Col, { md: 16, xs: 24 },
13548
13613
  React.createElement("div", { className: "filter-section" },
13549
13614
  React.createElement("div", { className: "search-bar" },
@@ -13579,8 +13644,8 @@ var UserManagementComponent = function (props) {
13579
13644
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
13580
13645
  };
13581
13646
 
13582
- var css_248z$c = ".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";
13583
- styleInject(css_248z$c);
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);
13584
13649
 
13585
13650
  var Loading = function () {
13586
13651
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
@@ -14677,8 +14742,8 @@ var InvestmentManagementComponent = function (props) {
14677
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 }))));
14678
14743
  };
14679
14744
 
14680
- var css_248z$b = ".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";
14681
- styleInject(css_248z$b);
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);
14682
14747
 
14683
14748
  var NdcActionManagementComponent = function (props) {
14684
14749
  var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
@@ -15058,8 +15123,8 @@ var NdcActionManagementComponent = function (props) {
15058
15123
  } })))))));
15059
15124
  };
15060
15125
 
15061
- var css_248z$a = ".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";
15062
- styleInject(css_248z$a);
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);
15063
15128
 
15064
15129
  var EnablementTypes;
15065
15130
  (function (EnablementTypes) {
@@ -15673,11 +15738,11 @@ var NdcActionDetails = function (props) {
15673
15738
  React.createElement(antd.Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
15674
15739
  };
15675
15740
 
15676
- var css_248z$9 = ".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";
15677
- styleInject(css_248z$9);
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);
15678
15743
 
15679
- var css_248z$8 = ".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";
15680
- styleInject(css_248z$8);
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);
15681
15746
 
15682
15747
  var GenderParity = function (props) {
15683
15748
  var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
@@ -18180,319 +18245,1340 @@ var AddNdcActionComponent = function (props) {
18180
18245
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
18181
18246
  };
18182
18247
 
18183
- var css_248z$7 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
18184
- styleInject(css_248z$7);
18185
-
18186
- var LegendItem = function (props) {
18187
- var text = props.text, color = props.color;
18188
- return (React.createElement("div", { className: "legend-item-container" },
18189
- React.createElement(Icon.CircleFill, { color: color, size: 12 }),
18190
- React.createElement("div", { className: "text" }, text)));
18191
- };
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);
18192
18250
 
18193
- var css_248z$6 = ".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";
18194
- styleInject(css_248z$6);
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);
18195
18253
 
18196
- var MapboxComponent = function (props) {
18197
- var mapContainerRef = React.useRef(null);
18198
- 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;
18199
- mapboxgl.accessToken = accessToken;
18200
- React.useEffect(function () {
18201
- if (!mapContainerRef || !mapContainerRef.current || center.length !== 2) {
18202
- return;
18203
- }
18204
- var map = new mapboxgl.Map({
18205
- container: mapContainerRef.current || '',
18206
- style: style,
18207
- center: !Number.isNaN(center[0]) && !Number.isNaN(center[1])
18208
- ? [center[0], center[1]]
18209
- : [9.082, 8.6753],
18210
- zoom: zoom,
18211
- maxZoom: 17,
18212
- });
18213
- map.on('load', function () {
18214
- var currentMarkes = {};
18215
- if (mapSource) {
18216
- map.addSource(mapSource.key, mapSource.data);
18217
- }
18218
- if (onClick) {
18219
- map.on('click', function (e) {
18220
- var popupContent = onClick(map, e);
18221
- if (showPopupOnClick && popupContent) {
18222
- new mapboxgl.Popup()
18223
- .setLngLat(map.unproject(e.point))
18224
- .setHTML(popupContent)
18225
- .addTo(map);
18226
- }
18227
- });
18228
- }
18229
- if (onMouseMove) {
18230
- map.on('mousemove', function (e) {
18231
- onMouseMove(map, e);
18232
- });
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])))));
18233
18275
  }
18234
- if (layer) {
18235
- map.addLayer(layer);
18276
+ else {
18277
+ return null;
18236
18278
  }
18237
- if (onRender) {
18238
- map.on('render', function () {
18239
- var markersList = onRender(map);
18240
- if (markersList) {
18241
- markersList.forEach(function (marker) {
18242
- if (!currentMarkes[marker.id]) {
18243
- var createdMarker = new mapboxgl.Marker({
18244
- color: marker.color,
18245
- element: marker.element ? marker.element : undefined,
18246
- })
18247
- .setLngLat([marker.location[0], marker.location[1]])
18248
- .addTo(map);
18249
- currentMarkes[marker.id] = createdMarker;
18250
- }
18251
- });
18252
- var _loop_1 = function (id) {
18253
- 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; }))) {
18254
- currentMarkes[id].remove();
18255
- delete currentMarkes[id];
18256
- }
18257
- };
18258
- for (var id in currentMarkes) {
18259
- _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);
18260
18330
  }
18261
18331
  }
18262
- });
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*/];
18263
18341
  }
18264
18342
  });
18265
- if (markers) {
18266
- markers.forEach(function (marker) {
18267
- new mapboxgl.Marker({
18268
- color: marker.color,
18269
- element: marker.element ? marker.element : undefined,
18270
- })
18271
- .setLngLat([marker.location[0], marker.location[1]])
18272
- .addTo(map);
18273
- });
18274
- }
18275
- });
18276
- return (React.createElement("div", { className: "map-box-container", style: { width: '100%', height: "".concat(height, "px") }, ref: mapContainerRef }));
18277
- };
18278
-
18279
- var MapComponent = function (props) {
18280
- var mapType = props.mapType;
18281
- return React.createElement("div", null, mapType === exports.MapTypes.Mapbox ? MapboxComponent(props) : "");
18282
- };
18283
-
18284
- var css_248z$5 = ".stastic-card-main-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 11.2rem;\n background-color: white;\n border-radius: 0.625rem;\n padding: 1rem 1.875rem 0 1.875rem; }\n .stastic-card-main-container .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n height: 3.3rem; }\n .stastic-card-main-container .title-section .title {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: 'Inter';\n font-size: 1.15rem;\n font-weight: 600;\n width: 95%;\n color: rgba(58, 53, 65, 0.8); }\n .stastic-card-main-container .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 5%;\n align-items: center;\n justify-content: flex-end; }\n .stastic-card-main-container .values-section {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n height: 5rem; }\n .stastic-card-main-container .values-section .values-and-unit {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 60%; }\n .stastic-card-main-container .values-section .values-and-unit .value {\n font-family: 'Inter';\n font-size: 2rem;\n font-weight: 600;\n width: 100%;\n color: #16b1ff;\n padding: 0; }\n .stastic-card-main-container .values-section .values-and-unit .unit {\n margin-bottom: -0.6rem;\n margin-left: 0.2rem;\n margin-top: -0.66rem;\n font-family: 'Inter';\n font-size: 0.875rem;\n font-weight: 500;\n width: 100%;\n color: rgba(58, 53, 65, 0.5); }\n .stastic-card-main-container .values-section .icon-section {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n width: 40%;\n justify-content: flex-start; }\n .stastic-card-main-container .values-section .icon-section img {\n height: 80px; }\n .stastic-card-main-container .values-section .updated-on-null {\n display: flex;\n flex-direction: row;\n font-size: 0.813rem;\n border-radius: 3.125rem;\n padding: 0 0.5rem 0 0.5rem;\n margin-top: 1rem;\n color: transparent;\n background-color: transparent; }\n .stastic-card-main-container .updated-on {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n width: max-content;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
18285
- styleInject(css_248z$5);
18286
-
18287
- var StatsCardsTypes;
18288
- (function (StatsCardsTypes) {
18289
- StatsCardsTypes["PROGRAMMES_PENDING"] = "Programmes Pending";
18290
- StatsCardsTypes["TRANSFER_REQUEST_RECEIVED"] = "Pending Transfers Received";
18291
- StatsCardsTypes["PROGRAMMES_UNCERTIFIED"] = "Programmes Certifiable";
18292
- StatsCardsTypes["TRANSFER_REQUEST_SENT"] = "Pending Transfers Sent";
18293
- StatsCardsTypes["PROGRAMMES_CERTIFIED"] = "Programmes Certified";
18294
- StatsCardsTypes["CREDIT_BALANCE"] = "Credit Balance";
18295
- StatsCardsTypes["CREDIT_CERTIFIED"] = "Credits Certified";
18296
- StatsCardsTypes["PROGRAMMES"] = "Programmes";
18297
- StatsCardsTypes["CREDITS"] = "Credits";
18298
- StatsCardsTypes["CERTIFIED_CREDITS"] = "Certified Credits";
18299
- StatsCardsTypes["TOTAL_PROGRAMMES"] = "Total Programmes";
18300
- StatsCardsTypes["TOTAL_PROGRAMMES_SECTOR"] = "Total Programmes: Sector";
18301
- StatsCardsTypes["TOTAL_CREDITS"] = "Total Credits";
18302
- StatsCardsTypes["TOTAL_CREDITS_CERTIFIED"] = "Total Credits Certified";
18303
- StatsCardsTypes["PROGRAMME_LOCATIONS"] = "Programme Locations";
18304
- StatsCardsTypes["TRANSFER_LOCATIONS_INTERNATIONAL"] = "Transfer Locations International";
18305
- })(StatsCardsTypes || (StatsCardsTypes = {}));
18306
-
18307
- var toolTipTextGen = function (companyRole, cardType, mine) {
18308
- var text = '';
18309
- if (companyRole === exports.CompanyRole.GOVERNMENT) {
18310
- if (cardType === StatsCardsTypes.PROGRAMMES_PENDING) {
18311
- text = 'Pending state programmes awaiting authorisation';
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();
18312
18353
  }
18313
- else if (cardType === StatsCardsTypes.TRANSFER_REQUEST_SENT) {
18314
- text =
18315
- 'Pending credit transfer requests sent to programme owners initiated by your organisation';
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
+ }
18316
18369
  }
18317
- else if (cardType === StatsCardsTypes.CREDIT_BALANCE) {
18318
- text = 'Total credit balance owned by your organisation';
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 "";
18319
18383
  }
18320
- else if (cardType === StatsCardsTypes.PROGRAMMES) {
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) {
18321
19407
  text =
18322
19408
  'Number of programmes created during the specified period and their programme state in the carbon registry at present';
18323
19409
  }
18324
- else if (cardType === StatsCardsTypes.CREDITS) {
19410
+ else if (cardType === exports.StatsCardsTypes.CREDITS) {
18325
19411
  text =
18326
19412
  'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present';
18327
19413
  }
18328
- else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
19414
+ else if (cardType === exports.StatsCardsTypes.CERTIFIED_CREDITS) {
18329
19415
  text =
18330
19416
  'Number of credits of programmes created during the specified period, uncertified, certified and revoked in the carbon registry at present';
18331
19417
  }
18332
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
19418
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES) {
18333
19419
  text =
18334
19420
  'Graphical representation of the number of programmes created during the specified period in each programme state in the carbon registry at present';
18335
19421
  }
18336
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
19422
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
18337
19423
  text =
18338
19424
  'Graphical representation of the number of programmes in each programme sector created during the specified time in the carbon registry';
18339
19425
  }
18340
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
19426
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS) {
18341
19427
  text =
18342
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';
18343
19429
  }
18344
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
19430
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18345
19431
  text =
18346
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';
18347
19433
  }
18348
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
19434
+ else if (cardType === exports.StatsCardsTypes.PROGRAMME_LOCATIONS) {
18349
19435
  text =
18350
19436
  'Locations of the programmes created during the specified period and their programme states in the carbon registry at present';
18351
19437
  }
18352
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
19438
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18353
19439
  text =
18354
19440
  'Locations of credits of international transfer requests recognised during the specified period';
18355
19441
  }
18356
19442
  }
18357
19443
  else if (companyRole === exports.CompanyRole.PROGRAMME_DEVELOPER) {
18358
- if (cardType === StatsCardsTypes.TRANSFER_REQUEST_RECEIVED) {
19444
+ if (cardType === exports.StatsCardsTypes.TRANSFER_REQUEST_RECEIVED) {
18359
19445
  text = 'Pending credit transfer requests received by your organisation';
18360
19446
  }
18361
- else if (cardType === StatsCardsTypes.TRANSFER_REQUEST_SENT) {
19447
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_REQUEST_SENT) {
18362
19448
  text = 'Pending local credit transfer requests initiated by your organisation';
18363
19449
  }
18364
- else if (cardType === StatsCardsTypes.CREDIT_BALANCE) {
19450
+ else if (cardType === exports.StatsCardsTypes.CREDIT_BALANCE) {
18365
19451
  text = 'Total credit balance owned by your organisation';
18366
19452
  }
18367
- else if (cardType === StatsCardsTypes.PROGRAMMES) {
19453
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES) {
18368
19454
  text =
18369
19455
  'Number of programmes created during the specified period and their programme state in the carbon registry at present, owned by your organisation';
18370
19456
  }
18371
- else if (cardType === StatsCardsTypes.CREDITS) {
19457
+ else if (cardType === exports.StatsCardsTypes.CREDITS) {
18372
19458
  text =
18373
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';
18374
19460
  }
18375
- else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
19461
+ else if (cardType === exports.StatsCardsTypes.CERTIFIED_CREDITS) {
18376
19462
  text =
18377
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';
18378
19464
  }
18379
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
19465
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES) {
18380
19466
  text =
18381
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';
18382
19468
  }
18383
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
19469
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
18384
19470
  text =
18385
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';
18386
19472
  }
18387
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
19473
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS) {
18388
19474
  text =
18389
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';
18390
19476
  }
18391
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
19477
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18392
19478
  text =
18393
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';
18394
19480
  }
18395
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
19481
+ else if (cardType === exports.StatsCardsTypes.PROGRAMME_LOCATIONS) {
18396
19482
  text =
18397
19483
  'Locations of the programmes created during the specified period, owned by your organisation, and their programme states in the carbon registry at present';
18398
19484
  }
18399
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
19485
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18400
19486
  text =
18401
19487
  'Locations of credits international transfer requests of programmes owned by your organisation recognised during the specified period';
18402
19488
  }
18403
19489
  }
18404
19490
  else if (companyRole === exports.CompanyRole.CERTIFIER && mine === true) {
18405
- if (cardType === StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
19491
+ if (cardType === exports.StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
18406
19492
  text =
18407
19493
  'Number of programmes not yet certified including certificates revoked by your organisation';
18408
19494
  }
18409
- else if (cardType === StatsCardsTypes.PROGRAMMES_CERTIFIED) {
19495
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES_CERTIFIED) {
18410
19496
  text = 'Number of programmes certified by your organisation';
18411
19497
  }
18412
- else if (cardType === StatsCardsTypes.CREDIT_CERTIFIED) {
19498
+ else if (cardType === exports.StatsCardsTypes.CREDIT_CERTIFIED) {
18413
19499
  text = 'Number of credits certified by your organisation';
18414
19500
  }
18415
- else if (cardType === StatsCardsTypes.PROGRAMMES) {
19501
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES) {
18416
19502
  text =
18417
19503
  'Number of programmes created during the specified period, certified by your organisation, and their programme state in the carbon registry at present';
18418
19504
  }
18419
- else if (cardType === StatsCardsTypes.CREDITS) {
19505
+ else if (cardType === exports.StatsCardsTypes.CREDITS) {
18420
19506
  text =
18421
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';
18422
19508
  }
18423
- else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
19509
+ else if (cardType === exports.StatsCardsTypes.CERTIFIED_CREDITS) {
18424
19510
  text =
18425
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';
18426
19512
  }
18427
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
19513
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES) {
18428
19514
  text =
18429
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';
18430
19516
  }
18431
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
19517
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
18432
19518
  text =
18433
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';
18434
19520
  }
18435
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
19521
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS) {
18436
19522
  text =
18437
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';
18438
19524
  }
18439
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
19525
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18440
19526
  text =
18441
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';
18442
19528
  }
18443
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
19529
+ else if (cardType === exports.StatsCardsTypes.PROGRAMME_LOCATIONS) {
18444
19530
  text =
18445
19531
  'Locations of the programmes created during the specified period, certified by your organisation, and their programme states in the carbon registry at present';
18446
19532
  }
18447
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
19533
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18448
19534
  text =
18449
19535
  'Locations of credits of international transfer requests of programmes certified by your organisation recognised during the specified period';
18450
19536
  }
18451
19537
  }
18452
19538
  else if (companyRole === exports.CompanyRole.CERTIFIER && !mine) {
18453
- if (cardType === StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
19539
+ if (cardType === exports.StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
18454
19540
  text =
18455
19541
  'Number of programmes not yet certified including certificates revoked by your organisation';
18456
19542
  }
18457
- else if (cardType === StatsCardsTypes.PROGRAMMES_CERTIFIED) {
19543
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES_CERTIFIED) {
18458
19544
  text = 'Number of programmes certified by your organisation';
18459
19545
  }
18460
- else if (cardType === StatsCardsTypes.CREDIT_CERTIFIED) {
19546
+ else if (cardType === exports.StatsCardsTypes.CREDIT_CERTIFIED) {
18461
19547
  text = 'Number of credits certified by your organisation';
18462
19548
  }
18463
- else if (cardType === StatsCardsTypes.PROGRAMMES) {
19549
+ else if (cardType === exports.StatsCardsTypes.PROGRAMMES) {
18464
19550
  text =
18465
19551
  'Number of programmes created during the specified period and their programme state in the carbon registry at present';
18466
19552
  }
18467
- else if (cardType === StatsCardsTypes.CREDITS) {
19553
+ else if (cardType === exports.StatsCardsTypes.CREDITS) {
18468
19554
  text =
18469
19555
  'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present';
18470
19556
  }
18471
- else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
19557
+ else if (cardType === exports.StatsCardsTypes.CERTIFIED_CREDITS) {
18472
19558
  text =
18473
19559
  'Number of credits of programmes created during the specified period, uncertified, certified and revoked in the carbon registry at present';
18474
19560
  }
18475
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
19561
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES) {
18476
19562
  text =
18477
19563
  'Graphical representation of the number of programmes created during the specified period in each programme state in the carbon registry at present';
18478
19564
  }
18479
- else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
19565
+ else if (cardType === exports.StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
18480
19566
  text =
18481
19567
  'Graphical representation of the number of programmes in each programme sector created during the specified time in the carbon registry';
18482
19568
  }
18483
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
19569
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS) {
18484
19570
  text =
18485
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';
18486
19572
  }
18487
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
19573
+ else if (cardType === exports.StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18488
19574
  text =
18489
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';
18490
19576
  }
18491
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
19577
+ else if (cardType === exports.StatsCardsTypes.PROGRAMME_LOCATIONS) {
18492
19578
  text =
18493
19579
  'Locations of the programmes created during the specified period and their programme states in the carbon registry at present';
18494
19580
  }
18495
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
19581
+ else if (cardType === exports.StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18496
19582
  text =
18497
19583
  'Locations of credits of international transfer requests recognised during the specified period';
18498
19584
  }
@@ -18520,43 +19606,6 @@ var StasticCard = function (props) {
18520
19606
  updatedDate !== '0' && React.createElement("div", { className: "updated-on" }, updatedDate)))));
18521
19607
  };
18522
19608
 
18523
- var css_248z$4 = ".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";
18524
- styleInject(css_248z$4);
18525
-
18526
- var dateFormat = 'dd LLLL yyyy';
18527
- var creditUnit = 'ITMO';
18528
-
18529
- var InfoView = function (props) {
18530
- var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
18531
- return (React.createElement("div", { className: "info-view" },
18532
- React.createElement("div", { className: "title" },
18533
- React.createElement("span", { className: "title-icon" }, icon),
18534
- React.createElement("span", { className: "title-text" }, title)),
18535
- React.createElement("div", null, Object.keys(data).map(function (k) {
18536
- var _a;
18537
- if (hiddenColumns.indexOf(k) < 0) {
18538
- return (React.createElement(antd.Row, { className: "field", key: k },
18539
- React.createElement(antd.Col, { span: 12, className: "field-key" }, k),
18540
- 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) {
18541
- var key = _a[0]; _a[1];
18542
- return (React.createElement("div", { className: "row" },
18543
- React.createElement("div", { className: "key" }, key),
18544
- React.createElement("div", { className: "data" }, data[k][key])));
18545
- })) : (React.createElement("div", null, "-"))) : (React.createElement("span", null, data[k] instanceof luxon.DateTime
18546
- ? data[k].toFormat(dateFormat)
18547
- : data[k] === "" || !data[k] || data[k] === "NaN"
18548
- ? "-"
18549
- : data[k])))));
18550
- }
18551
- else {
18552
- return null;
18553
- }
18554
- }))));
18555
- };
18556
- InfoView.defaultProps = {
18557
- hiddenColumns: [],
18558
- };
18559
-
18560
19609
  var ImgWithFallback = function (_a) {
18561
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"]);
18562
19611
  return (React.createElement("picture", null,
@@ -19209,123 +20258,6 @@ var RejectDocumentationConfirmationModel = function (props) {
19209
20258
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
19210
20259
  };
19211
20260
 
19212
- var TransferActionModel = function (props) {
19213
- 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;
19214
- var t = translator.t;
19215
- var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
19216
- var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
19217
- var _c = React.useState(false), checked = _c[0], setChecked = _c[1];
19218
- var companyList = !transfer.isRetirement
19219
- ? [
19220
- {
19221
- value: transfer.toCompanyId,
19222
- label: transfer.receiver[0].name,
19223
- },
19224
- ]
19225
- : [
19226
- {
19227
- value: transfer.fromCompanyId,
19228
- label: transfer.sender[0].name,
19229
- },
19230
- ];
19231
- return (React.createElement(antd.Modal, { title: React.createElement("div", { className: "popup-header" },
19232
- React.createElement("div", { className: "icon" }, icon),
19233
- React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
19234
- React.createElement("div", { className: "transfer-form" },
19235
- React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
19236
- toCompanyId: !transfer.isRetirement
19237
- ? transfer.toCompanyId
19238
- : transfer.fromCompanyId,
19239
- programmeName: transfer.programmeTitle,
19240
- serialNo: transfer.serialNo,
19241
- creditAmount: transfer.creditAmount,
19242
- company: transfer.toCompanyMeta
19243
- ? transfer.toCompanyMeta.name
19244
- : null,
19245
- country: transfer.toCompanyMeta
19246
- ? transfer.toCompanyMeta.country
19247
- : null,
19248
- countryName: transfer.toCompanyMeta
19249
- ? transfer.toCompanyMeta.countryName
19250
- : null,
19251
- }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
19252
- var res;
19253
- return __generator(this, function (_a) {
19254
- switch (_a.label) {
19255
- case 0:
19256
- setLoading(true);
19257
- if (d.comment) {
19258
- d.comment = d.comment.trim();
19259
- }
19260
- return [4 /*yield*/, onFinish(transfer.requestId, d.comment)];
19261
- case 1:
19262
- res = _a.sent();
19263
- setPopupError(res);
19264
- setLoading(false);
19265
- return [2 /*return*/];
19266
- }
19267
- });
19268
- }); } },
19269
- React.createElement(antd.Row, null,
19270
- React.createElement(antd.Col, { span: 24 },
19271
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
19272
- React.createElement(antd.Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
19273
- React.createElement(antd.Row, null,
19274
- React.createElement(antd.Col, { span: 24 },
19275
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
19276
- React.createElement(antd.Input, { disabled: true })))),
19277
- !transfer.isRetirement && (React.createElement(antd.Row, null,
19278
- React.createElement(antd.Col, { span: 24 },
19279
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:serialNoField"), name: "serialNo" },
19280
- React.createElement(antd.Input, { disabled: true }))))),
19281
- transfer.toCompanyMeta && transfer.toCompanyMeta.country && (React.createElement(antd.Row, null,
19282
- React.createElement(antd.Col, { span: 24 },
19283
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("creditTransfer:country"), name: "countryName" },
19284
- React.createElement(antd.Input, { disabled: true }))))),
19285
- transfer.toCompanyMeta && transfer.toCompanyMeta.name && (React.createElement(antd.Row, null,
19286
- React.createElement(antd.Col, { span: 24 },
19287
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("creditTransfer:company"), name: "company" },
19288
- React.createElement(antd.Input, { disabled: true }))))),
19289
- React.createElement(antd.Row, null,
19290
- React.createElement(antd.Col, { lg: 18, md: 20 },
19291
- React.createElement("div", { className: "label" }, "".concat(t("view:transferApproveTotal"), " (").concat(creditUnit, ")"))),
19292
- React.createElement(antd.Col, { lg: 6, md: 4 },
19293
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
19294
- React.createElement(antd.InputNumber, { placeholder: addCommSep(transfer.creditAmount), disabled: true })))),
19295
- React.createElement(antd.Row, null,
19296
- React.createElement(antd.Col, { span: 24 },
19297
- React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
19298
- {
19299
- required: remarkRequired,
19300
- message: "Required field",
19301
- },
19302
- function (_a) {
19303
- _a.getFieldValue;
19304
- return ({
19305
- validator: function (rule, v) {
19306
- if (remarkRequired &&
19307
- v !== undefined &&
19308
- v !== "" &&
19309
- v.trim() === "") {
19310
- // eslint-disable-next-line prefer-promise-reject-errors
19311
- return Promise.reject("Required field");
19312
- }
19313
- return Promise.resolve();
19314
- },
19315
- });
19316
- },
19317
- ] },
19318
- React.createElement(antd.Input.TextArea, { placeholder: "" })))),
19319
- React.createElement(antd.Row, null,
19320
- React.createElement(antd.Col, { span: 24 },
19321
- React.createElement(antd.Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
19322
- React.createElement(antd.Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
19323
- popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
19324
- React.createElement(antd.Form.Item, { className: "footer" },
19325
- React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
19326
- React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
19327
- };
19328
-
19329
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";
19330
20262
  styleInject(css_248z$2);
19331
20263
 
@@ -20028,6 +20960,7 @@ exports.CoBenifitsComponent = CoBenifitsComponent;
20028
20960
  exports.Company = Company;
20029
20961
  exports.CompanyManagementComponent = CompanyManagementComponent;
20030
20962
  exports.CompanyProfileComponent = CompanyProfileComponent;
20963
+ exports.CreditTransferComponent = CreditTransferComponent;
20031
20964
  exports.ImgWithFallback = ImgWithFallback;
20032
20965
  exports.InfoView = InfoView;
20033
20966
  exports.InvestmentBody = InvestmentBody;
@@ -20039,8 +20972,10 @@ exports.MapComponent = MapComponent;
20039
20972
  exports.MapboxComponent = MapboxComponent;
20040
20973
  exports.NdcActionBody = NdcActionBody;
20041
20974
  exports.NdcActionManagementComponent = NdcActionManagementComponent;
20975
+ exports.NdcActionViewComponent = NdcActionViewComponent;
20042
20976
  exports.OrganisationStatus = OrganisationStatus;
20043
20977
  exports.ProfileIcon = ProfileIcon;
20978
+ exports.ProgrammeCertify = ProgrammeCertify;
20044
20979
  exports.ProgrammeCreationComponent = ProgrammeCreationComponent;
20045
20980
  exports.ProgrammeDocuments = ProgrammeDocuments;
20046
20981
  exports.ProgrammeEntity = ProgrammeEntity;
@@ -20065,6 +21000,9 @@ exports.addCommSepRound = addCommSepRound;
20065
21000
  exports.addRoundNumber = addRoundNumber;
20066
21001
  exports.addSpaces = addSpaces;
20067
21002
  exports.consumerGroupList = consumerGroupList;
21003
+ exports.creditUnit = creditUnit;
21004
+ exports.dateFormat = dateFormat;
21005
+ exports.dateTimeFormat = dateTimeFormat;
20068
21006
  exports.energyGenerationUnitList = energyGenerationUnitList;
20069
21007
  exports.getBase64 = getBase64;
20070
21008
  exports.getCompanyBgColor = getCompanyBgColor;