@undp/carbon-library 1.0.81 → 1.0.83

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. package/dist/cjs/index.js +1721 -2136
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/ImgwithFallback/imgWithFallback.d.ts +8 -0
  4. package/dist/cjs/types/Components/Common/Investment/investmentBody.d.ts +7 -0
  5. package/dist/cjs/types/Components/Common/Models/programmeIssueForm.d.ts +4 -5
  6. package/dist/cjs/types/Components/Common/Models/programmeRetireForm.d.ts +4 -5
  7. package/dist/cjs/types/Components/Common/Models/programmeRevokeForm.d.ts +4 -5
  8. package/dist/cjs/types/Components/Common/Models/programmeTransferForm.d.ts +2 -3
  9. package/dist/cjs/types/Components/Common/Models/rejectDocumenConfirmationModel.d.ts +12 -0
  10. package/dist/cjs/types/Components/Common/Models/transferActionModel.d.ts +18 -0
  11. package/dist/cjs/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +17 -0
  12. package/dist/cjs/types/Components/Common/OrganisationStatus/organisationStatus.d.ts +1 -2
  13. package/dist/cjs/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +18 -0
  14. package/dist/cjs/types/Components/Common/UserRoleIcon/userRoleIcon.d.ts +1 -2
  15. package/dist/cjs/types/Components/index.d.ts +12 -1
  16. package/dist/cjs/types/Definitions/Definitions/programme.definitions.d.ts +25 -51
  17. package/dist/cjs/types/Definitions/Enums/TxType.enum.d.ts +2 -1
  18. package/dist/cjs/types/Definitions/Enums/programmeStage.enum.d.ts +13 -1
  19. package/dist/cjs/types/Definitions/index.d.ts +0 -1
  20. package/dist/esm/index.js +1713 -2139
  21. package/dist/esm/index.js.map +1 -1
  22. package/dist/esm/types/Components/Common/ImgwithFallback/imgWithFallback.d.ts +8 -0
  23. package/dist/esm/types/Components/Common/Investment/investmentBody.d.ts +7 -0
  24. package/dist/esm/types/Components/Common/Models/programmeIssueForm.d.ts +4 -5
  25. package/dist/esm/types/Components/Common/Models/programmeRetireForm.d.ts +4 -5
  26. package/dist/esm/types/Components/Common/Models/programmeRevokeForm.d.ts +4 -5
  27. package/dist/esm/types/Components/Common/Models/programmeTransferForm.d.ts +2 -3
  28. package/dist/esm/types/Components/Common/Models/rejectDocumenConfirmationModel.d.ts +12 -0
  29. package/dist/esm/types/Components/Common/Models/transferActionModel.d.ts +18 -0
  30. package/dist/esm/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +17 -0
  31. package/dist/esm/types/Components/Common/OrganisationStatus/organisationStatus.d.ts +1 -2
  32. package/dist/esm/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +18 -0
  33. package/dist/esm/types/Components/Common/UserRoleIcon/userRoleIcon.d.ts +1 -2
  34. package/dist/esm/types/Components/index.d.ts +12 -1
  35. package/dist/esm/types/Definitions/Definitions/programme.definitions.d.ts +25 -51
  36. package/dist/esm/types/Definitions/Enums/TxType.enum.d.ts +2 -1
  37. package/dist/esm/types/Definitions/Enums/programmeStage.enum.d.ts +13 -1
  38. package/dist/esm/types/Definitions/index.d.ts +0 -1
  39. package/dist/index.d.ts +315 -199
  40. package/package.json +1 -1
  41. package/dist/cjs/types/Definitions/Enums/programmeStageMRV.enum.d.ts +0 -6
  42. package/dist/cjs/types/Definitions/Enums/programmeStageUnified.enum.d.ts +0 -6
  43. package/dist/esm/types/Definitions/Enums/programmeStageMRV.enum.d.ts +0 -6
  44. package/dist/esm/types/Definitions/Enums/programmeStageUnified.enum.d.ts +0 -6
package/dist/cjs/index.js CHANGED
@@ -9,10 +9,9 @@ var PhoneInput = require('react-phone-number-input');
9
9
  var validator = require('validator');
10
10
  var classTransformer = require('class-transformer');
11
11
  var Icon = require('react-bootstrap-icons');
12
- var Chart = require('react-apexcharts');
12
+ require('react-phone-number-input/style.css');
13
13
  var mapboxgl = require('mapbox-gl');
14
14
  require('mapbox-gl/dist/mapbox-gl.css');
15
- require('react-phone-number-input/style.css');
16
15
 
17
16
  function _interopNamespaceDefault(e) {
18
17
  var n = Object.create(null);
@@ -148,15 +147,15 @@ function styleInject(css, ref) {
148
147
  }
149
148
  }
150
149
 
151
- var css_248z$o = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
150
+ var css_248z$p = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
151
+ styleInject(css_248z$p);
152
+
153
+ var css_248z$o = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
152
154
  styleInject(css_248z$o);
153
155
 
154
- var css_248z$n = ".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";
156
+ var css_248z$n = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
155
157
  styleInject(css_248z$n);
156
158
 
157
- var css_248z$m = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
158
- styleInject(css_248z$m);
159
-
160
159
  var RoleIcon = function (props) {
161
160
  var icon = props.icon, bg = props.bg, color = props.color;
162
161
  return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
@@ -182,13 +181,12 @@ var TooltipColor = "#6ACDFF";
182
181
  var InvestmentBGColor = 'rgba(151, 110, 215, 0.3)';
183
182
  var InvestmentColor = '#9155FD';
184
183
 
185
- exports.ProgrammeStage = void 0;
186
- (function (ProgrammeStage) {
187
- ProgrammeStage["AwaitingAuthorization"] = "Pending";
188
- ProgrammeStage["Authorised"] = "Authorised";
189
- ProgrammeStage["Rejected"] = "Rejected";
190
- })(exports.ProgrammeStage || (exports.ProgrammeStage = {}));
191
-
184
+ exports.ProgrammeStageR = void 0;
185
+ (function (ProgrammeStageR) {
186
+ ProgrammeStageR["AwaitingAuthorization"] = "Pending";
187
+ ProgrammeStageR["Authorised"] = "Authorised";
188
+ ProgrammeStageR["Rejected"] = "Rejected";
189
+ })(exports.ProgrammeStageR || (exports.ProgrammeStageR = {}));
192
190
  exports.ProgrammeStageMRV = void 0;
193
191
  (function (ProgrammeStageMRV) {
194
192
  ProgrammeStageMRV["AwaitingAuthorization"] = "Pending";
@@ -196,6 +194,13 @@ exports.ProgrammeStageMRV = void 0;
196
194
  ProgrammeStageMRV["Approved"] = "Approved";
197
195
  ProgrammeStageMRV["Rejected"] = "Rejected";
198
196
  })(exports.ProgrammeStageMRV || (exports.ProgrammeStageMRV = {}));
197
+ exports.ProgrammeStageUnified = void 0;
198
+ (function (ProgrammeStageUnified) {
199
+ ProgrammeStageUnified["AwaitingAuthorization"] = "Pending";
200
+ ProgrammeStageUnified["Authorised"] = "Authorised";
201
+ ProgrammeStageUnified["Approved"] = "Approved";
202
+ ProgrammeStageUnified["Rejected"] = "Rejected";
203
+ })(exports.ProgrammeStageUnified || (exports.ProgrammeStageUnified = {}));
199
204
 
200
205
  exports.CreditTransferStage = void 0;
201
206
  (function (CreditTransferStage) {
@@ -227,11 +232,11 @@ exports.SectoralScope = void 0;
227
232
  })(exports.SectoralScope || (exports.SectoralScope = {}));
228
233
 
229
234
  var getStageEnumVal = function (value) {
230
- var index = Object.keys(exports.ProgrammeStage).indexOf(value);
235
+ var index = Object.keys(exports.ProgrammeStageUnified).indexOf(value);
231
236
  if (index < 0) {
232
237
  return value;
233
238
  }
234
- return Object.values(exports.ProgrammeStage)[index];
239
+ return Object.values(exports.ProgrammeStageUnified)[index];
235
240
  };
236
241
  var getCreditStageVal = function (value) {
237
242
  var index = Object.keys(exports.CreditTransferStage).indexOf(value);
@@ -257,11 +262,11 @@ var getStageTransferEnumVal = function (value, transfer) {
257
262
  };
258
263
  var getStageTagType = function (stage) {
259
264
  switch (getStageEnumVal(stage)) {
260
- case exports.ProgrammeStage.AwaitingAuthorization:
265
+ case exports.ProgrammeStageR.AwaitingAuthorization:
261
266
  return "error";
262
- case exports.ProgrammeStage.Authorised:
267
+ case exports.ProgrammeStageR.Authorised:
263
268
  return "processing";
264
- // case ProgrammeStage.Transferred:
269
+ // case ProgrammeStageR.Transferred:
265
270
  // return 'success';
266
271
  default:
267
272
  return "default";
@@ -418,8 +423,8 @@ exports.CompanyManagementColumns = void 0;
418
423
  CompanyManagementColumns["creditBalance"] = "creditBalance";
419
424
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
420
425
 
421
- var css_248z$l = ".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";
422
- styleInject(css_248z$l);
426
+ var css_248z$m = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
427
+ styleInject(css_248z$m);
423
428
 
424
429
  var isBase64 = function (str) {
425
430
  if (!str || str === '' || str.trim() === '') {
@@ -790,11 +795,11 @@ var CompanyManagementComponent = function (props) {
790
795
  } })))))));
791
796
  };
792
797
 
793
- var css_248z$k = ".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";
794
- styleInject(css_248z$k);
798
+ var css_248z$l = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n";
799
+ styleInject(css_248z$l);
795
800
 
796
- var css_248z$j = "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";
797
- styleInject(css_248z$j);
801
+ var css_248z$k = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-tooltip-inner {\n border-radius: 5px !important;\n background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
802
+ styleInject(css_248z$k);
798
803
 
799
804
  exports.UserManagementColumns = void 0;
800
805
  (function (UserManagementColumns) {
@@ -1088,6 +1093,7 @@ exports.TxType = void 0;
1088
1093
  TxType["FREEZE"] = "7";
1089
1094
  TxType["AUTH"] = "8";
1090
1095
  TxType["UNFREEZE"] = "9";
1096
+ TxType["OWNERSHIP_UPDATE"] = "12";
1091
1097
  })(exports.TxType || (exports.TxType = {}));
1092
1098
 
1093
1099
  exports.RetireType = void 0;
@@ -5125,11 +5131,11 @@ var UserActionConfirmationModel = function (props) {
5125
5131
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
5126
5132
  };
5127
5133
 
5128
- var css_248z$i = ".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";
5129
- styleInject(css_248z$i);
5134
+ var css_248z$j = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n";
5135
+ styleInject(css_248z$j);
5130
5136
 
5131
- var css_248z$h = ".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";
5132
- styleInject(css_248z$h);
5137
+ var css_248z$i = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n";
5138
+ styleInject(css_248z$i);
5133
5139
 
5134
5140
  var OrganisationStatus = function (props) {
5135
5141
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -5376,8 +5382,8 @@ var CompanyProfileComponent = function (props) {
5376
5382
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
5377
5383
  };
5378
5384
 
5379
- var css_248z$g = ".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";
5380
- styleInject(css_248z$g);
5385
+ var css_248z$h = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n";
5386
+ styleInject(css_248z$h);
5381
5387
 
5382
5388
  var Search$1 = antd.Input.Search;
5383
5389
  var ProgrammeManagementComponent = function (props) {
@@ -5398,7 +5404,7 @@ var ProgrammeManagementComponent = function (props) {
5398
5404
  var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
5399
5405
  var userInfoState = useUserContext().userInfoState;
5400
5406
  var ability = useAbilityContext();
5401
- var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStage;
5407
+ var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStageR;
5402
5408
  var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
5403
5409
  label: Object.values(stageObject)[index],
5404
5410
  value: k,
@@ -5806,2049 +5812,30 @@ var ProgrammeManagementComponent = function (props) {
5806
5812
  } })))))));
5807
5813
  };
5808
5814
 
5809
- var css_248z$f = ".programme-view {\n padding: 0px 50px; }\n .programme-view .ant-steps-item-tail::after {\n background-color: #ffff !important;\n background-color: #ffff !important;\n border-left: 1px dashed #d9d9d9;\n border-style: dashed;\n border-width: 1px;\n border-color: #d9d9d9; }\n .programme-view .action-btns {\n justify-content: center !important; }\n .programme-view .action-btns button:first-child {\n margin-right: 15px;\n margin-left: 10px; }\n .programme-view .action-btns button:last-child {\n margin-right: 15px; }\n .programme-view .title-bar {\n display: flex;\n justify-content: space-between; }\n .programme-view .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {\n left: 13px; }\n .programme-view .apexcharts-legend-series {\n padding-bottom: 5px; }\n .programme-view .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .programme-view .card-container .action-btns {\n margin-top: 25px;\n margin-bottom: -15px;\n justify-content: end; }\n .programme-view .programme-logo {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n background-color: rgba(254, 241, 173, 0.5);\n font-size: 50px;\n color: #ffa070;\n text-align: center;\n padding: 12px;\n margin: auto; }\n .programme-view .centered-card {\n display: flex;\n justify-content: center;\n text-align: center;\n flex-direction: column;\n width: 100%; }\n .programme-view .separator {\n border-bottom: 1px solid #f0f0f0;\n width: 100%; }\n .programme-view .cert-info {\n text-align: center;\n padding: 20px 15px 20px 15px; }\n .programme-view .cert-info img {\n height: 60px; }\n .programme-view .cert-content {\n display: flex;\n flex-wrap: wrap; }\n .programme-view .cert-logo {\n width: 60px;\n height: 60px;\n border-radius: 100%;\n background-color: rgba(254, 241, 173, 0.5);\n font-size: 30px;\n color: #ffa070;\n text-align: center;\n padding: 6px;\n margin: 0 auto; }\n .programme-view .cert-name {\n color: rgba(58, 53, 65, 0.8);\n margin-top: 14px;\n font-weight: 600; }\n .programme-view .cert-date {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n .programme-view .company-info {\n padding: 25px 10px 30px 10px;\n min-width: 200px; }\n .programme-view .company-info img {\n height: 90px; }\n .programme-view .company-info .progress-bar {\n width: calc(max(200px, 60%));\n font-size: 0.8rem;\n color: rgba(58, 53, 65, 0.6);\n margin: 15px auto 0px; }\n .programme-view .company-info .ant-progress-success-bg,\n .programme-view .company-info .ant-progress-bg {\n background-color: #16b1ff; }\n .programme-view .programme-name {\n color: rgba(58, 53, 65, 0.8);\n margin-top: 14px;\n font-weight: 600; }\n .programme-view .file-name {\n cursor: pointer;\n color: rgba(58, 53, 65, 0.6); }\n .programme-view .file-name:hover {\n color: #16b1ff; }\n\n.info-view .content {\n padding: 15px 0px;\n margin-left: -8px; }\n\n.info-view .map-content {\n padding: 15px 0px; }\n\n.info-view .ant-steps-item-subtitle {\n display: block;\n margin-left: 0px;\n font-size: 0.8rem;\n color: rgba(58, 53, 65, 0.3);\n margin-top: -12px;\n font-weight: 500; }\n\n.info-view .ant-steps-item-process\n> .ant-steps-item-container\n> .ant-steps-item-content\n> .ant-steps-item-title {\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem;\n font-weight: 600; }\n\n.info-view .ant-steps-item-process\n> .ant-steps-item-container\n> .ant-steps-item-content\n> .ant-steps-item-description {\n font-size: 0.8rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.6); }\n\n.info-view .step-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.5rem 0.5rem 0.3rem 0.5rem;\n font-size: 0.8rem; }\n\n.info-view .created-step {\n color: #ff8f56;\n background-color: rgba(254, 241, 173, 0.5);\n font-size: 1rem;\n padding: 0.4rem 0.4rem 0.2rem 0.4rem; }\n\n.info-view .auth-step {\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.5); }\n\n.info-view .reject-step {\n color: #ff9900;\n background-color: rgba(254, 179, 159, 0.3); }\n\n.info-view .issue-step {\n color: #4f9d83;\n background-color: rgba(128, 255, 0, 0.12); }\n\n.info-view .cert-step {\n color: #4f9d83;\n background-color: rgba(128, 255, 0, 0.12); }\n\n.info-view .revoke-step {\n color: rgba(255, 0, 199, 0.56);\n background-color: rgba(255, 159, 222, 0.5); }\n\n.info-view .transfer-step {\n background-color: rgba(215, 223, 226, 0.5);\n color: #949599; }\n\n.info-view .retire-step {\n color: #ff4d4f;\n background-color: rgba(255, 211, 211, 0.5);\n padding: 0.5rem 0.5rem 0.3rem 0.5rem; }\n\n.info-view .freeze-step {\n color: #976ed7;\n background-color: rgba(183, 164, 254, 0.3); }\n\n.info-view .region-list {\n padding-top: 20px; }\n\n.loc-tag {\n padding: 10px 20px 0px 0px;\n color: rgba(58, 53, 65, 0.6); }\n\n.loc-icon {\n margin-right: 5px;\n font-size: 1rem; }\n\n.loc-text {\n line-height: 1.2rem;\n vertical-align: top; }\n\n.apexcharts-datalabels-group {\n font-family: \"Inter\" !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.remark {\n font-size: 0.8rem; }\n\n.footer-btn {\n margin: 39px 20px 0px 20px;\n display: flex;\n justify-content: center;\n column-gap: 30px; }\n .footer-btn button {\n text-transform: uppercase; }\n\n.retire-form .ant-radio-group {\n text-align: left; }\n\n.only-head .title {\n margin-bottom: 0px !important; }\n .only-head .title .link {\n font-size: 1.2rem;\n line-height: 0.5rem;\n cursor: pointer;\n color: rgba(58, 53, 65, 0.8); }\n\n.mapboxgl-popup-tip {\n border-bottom-color: #16b1ff !important;\n border-top-color: #16b1ff !important; }\n\n.mapboxgl-popup-content {\n background-color: #16b1ff;\n color: white;\n font-family: \"Inter\";\n font-weight: 500;\n min-width: 60px;\n height: 30px;\n padding: 5px 20px; }\n";
5810
- styleInject(css_248z$f);
5815
+ var css_248z$g = ".programme-details-form-container,\n.programme-sought-form-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form,\n .programme-details-form-container .programme-sought-form,\n .programme-sought-form-container .programme-details-form,\n .programme-sought-form-container .programme-sought-form {\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover {\n border-color: #ff4d4f !important; }\n .programme-details-form-container .programme-details-form .ant-picker-large,\n .programme-details-form-container .programme-sought-form .ant-picker-large,\n .programme-sought-form-container .programme-details-form .ant-picker-large,\n .programme-sought-form-container .programme-sought-form .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n color: #16b1ff; }\n .programme-details-form-container .programme-details-form .steps-actions,\n .programme-details-form-container .programme-sought-form .steps-actions,\n .programme-sought-form-container .programme-details-form .steps-actions,\n .programme-sought-form-container .programme-sought-form .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .options-programme,\n .programme-details-form-container .programme-sought-form .options-programme,\n .programme-sought-form-container .programme-details-form .options-programme,\n .programme-sought-form-container .programme-sought-form .options-programme {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n width: 50%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n width: 30%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row,\n .programme-details-form-container .programme-sought-form .row,\n .programme-sought-form-container .programme-details-form .row,\n .programme-sought-form-container .programme-sought-form .row {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .website .ant-input,\n .programme-details-form-container .programme-sought-form .row .website .ant-input,\n .programme-sought-form-container .programme-details-form .row .website .ant-input,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .design-upload-section,\n .programme-details-form-container .programme-sought-form .row .design-upload-section,\n .programme-sought-form-container .programme-details-form .row .design-upload-section,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n width: 20%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n display: flex;\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n width: 60%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n width: 35%;\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n width: 80%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n width: 250px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n border-radius: 4px;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row-org,\n .programme-details-form-container .programme-sought-form .row-org,\n .programme-sought-form-container .programme-details-form .row-org,\n .programme-sought-form-container .programme-sought-form .row-org {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row,\n .programme-details-form-container .programme-sought-form .selection-details-row,\n .programme-sought-form-container .programme-details-form .selection-details-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row {\n width: 100%;\n margin-bottom: 1rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n width: 45%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-programme-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-programme-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-programme-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-programme-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-programme-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-programme-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-programme-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-programme-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-programme-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-programme-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n";
5816
+ styleInject(css_248z$g);
5811
5817
 
5812
- var css_248z$e = ".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";
5813
- styleInject(css_248z$e);
5818
+ function commonjsRequire(path) {
5819
+ 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.');
5820
+ }
5814
5821
 
5815
- var dateTimeFormat = 'dd LLLL yyyy @ HH:mm';
5816
- var dateFormat = 'dd LLLL yyyy';
5817
- var creditUnit = 'ITMO';
5822
+ var moment$1 = {exports: {}};
5818
5823
 
5819
- var InfoView = function (props) {
5820
- var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
5821
- return (React.createElement("div", { className: "info-view" },
5822
- React.createElement("div", { className: "title" },
5823
- React.createElement("span", { className: "title-icon" }, icon),
5824
- React.createElement("span", { className: "title-text" }, title)),
5825
- React.createElement("div", null, Object.keys(data).map(function (k) {
5826
- var _a;
5827
- if (hiddenColumns.indexOf(k) < 0) {
5828
- return (React.createElement(antd.Row, { className: "field", key: k },
5829
- React.createElement(antd.Col, { span: 12, className: "field-key" }, k),
5830
- 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) {
5831
- var key = _a[0]; _a[1];
5832
- return (React.createElement("div", { className: "row" },
5833
- React.createElement("div", { className: "key" }, key),
5834
- React.createElement("div", { className: "data" }, data[k][key])));
5835
- })) : (React.createElement("div", null, "-"))) : (React.createElement("span", null, data[k] instanceof luxon.DateTime
5836
- ? data[k].toFormat(dateFormat)
5837
- : data[k] === "" || !data[k] || data[k] === "NaN"
5838
- ? "-"
5839
- : data[k])))));
5840
- }
5841
- else {
5842
- return null;
5843
- }
5844
- }))));
5845
- };
5846
- InfoView.defaultProps = {
5847
- hiddenColumns: [],
5848
- };
5824
+ (function (module, exports) {
5825
+ (function (global, factory) {
5826
+ module.exports = factory() ;
5827
+ }(commonjsGlobal, (function () {
5828
+ var hookCallback;
5849
5829
 
5850
- var ProgrammeIssueForm = function (props) {
5851
- var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, enableIssue = props.enableIssue, t = props.t;
5852
- var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
5853
- var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
5854
- return (React.createElement("div", { className: "transfer-form" },
5855
- React.createElement(antd.Row, null,
5856
- React.createElement(antd.Col, { span: 24, className: "sub-text" }, subText)),
5857
- React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
5858
- issueAmount: 0,
5859
- }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
5860
- var res;
5861
- return __generator(this, function (_a) {
5862
- switch (_a.label) {
5863
- case 0:
5864
- if (d.issueAmount === 0) {
5865
- setPopupError('Issue amount should be greater than 0');
5866
- setLoading(false);
5867
- return [2 /*return*/];
5868
- }
5869
- setLoading(true);
5870
- return [4 /*yield*/, onFinish(d)];
5871
- case 1:
5872
- res = _a.sent();
5873
- setPopupError(res);
5874
- setLoading(false);
5875
- return [2 /*return*/];
5876
- }
5877
- });
5878
- }); } },
5879
- enableIssue ? (React.createElement(antd.Row, null,
5880
- React.createElement(antd.Col, { lg: 11, md: 24 },
5881
- React.createElement("div", { className: "label" }, "".concat(t('view:issueCreditText'), " (").concat(creditUnit, ")"))),
5882
- React.createElement(antd.Col, { lg: 6, md: 12 },
5883
- React.createElement(antd.Form.Item, { className: "popup-credit-input", name: 'issueAmount', rules: [
5884
- {
5885
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
5886
- message: 'Credit Should be a positive number',
5887
- },
5888
- {
5889
- required: true,
5890
- message: 'Required field',
5891
- },
5892
- function (_a) {
5893
- var getFieldValue = _a.getFieldValue;
5894
- return ({
5895
- validator: function (rule, value) {
5896
- if (getFieldValue('issueAmount') &&
5897
- parseFloat(getFieldValue('issueAmount')) >
5898
- programme.creditEst - programme.creditIssued) {
5899
- // eslint-disable-next-line prefer-promise-reject-errors
5900
- return Promise.reject('Amount > Authorised');
5901
- }
5902
- return Promise.resolve();
5903
- },
5904
- });
5905
- },
5906
- ] },
5907
- React.createElement(antd.InputNumber, { placeholder: "", controls: false, onKeyPress: function (event) {
5908
- if (!/[0-9\.]/.test(event.key)) {
5909
- event.preventDefault();
5910
- }
5911
- } }))),
5912
- React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, '/'),
5913
- React.createElement(antd.Col, { lg: 6, md: 12 },
5914
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
5915
- React.createElement(antd.InputNumber, { placeholder: addCommSep(programme.creditEst - programme.creditIssued), disabled: true }))))) : (React.createElement(antd.Row, null,
5916
- React.createElement(antd.Col, { lg: 18, md: 20 },
5917
- React.createElement("div", { className: "label" }, "".concat(t('view:authCreditText'), " (").concat(creditUnit, ")"))),
5918
- React.createElement(antd.Col, { lg: 6, md: 6 },
5919
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
5920
- React.createElement(antd.InputNumber, { placeholder: addCommSep(programme.creditEst - programme.creditIssued), disabled: true }))))),
5921
- React.createElement(antd.Row, null,
5922
- React.createElement(antd.Col, { span: 24 },
5923
- React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment" },
5924
- React.createElement(antd.Input.TextArea, { placeholder: "" })))),
5925
- popupError ? React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true }) : '',
5926
- React.createElement(antd.Form.Item, { className: "footer" },
5927
- React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t('view:cancel')),
5928
- React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
5929
- };
5830
+ function hooks() {
5831
+ return hookCallback.apply(null, arguments);
5832
+ }
5930
5833
 
5931
- var CompanyState;
5932
- (function (CompanyState) {
5933
- CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
5934
- CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
5935
- })(CompanyState || (CompanyState = {}));
5936
-
5937
- var ProgrammeTransferForm = function (props) {
5938
- var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var toCompanyDefault = props.toCompanyDefault, disableToCompany = props.disableToCompany, receiverLabelText = props.receiverLabelText, userCompanyId = props.userCompanyId, companyRole = props.companyRole, t = props.t, useConnection = props.useConnection;
5939
- var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
5940
- var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
5941
- var _c = React.useState(0), currentSum = _c[0], setCurrentSum = _c[1];
5942
- var _d = React.useState(toCompanyDefault ? [toCompanyDefault] : []), companyList = _d[0], setCompanyList = _d[1];
5943
- var _e = React.useState(), value = _e[0], setValue = _e[1];
5944
- var _f = useConnection(); _f.get; _f.delete; var post = _f.post;
5945
- var handleSearch = function (newValue) { return __awaiter(void 0, void 0, void 0, function () {
5946
- var resp;
5947
- return __generator(this, function (_a) {
5948
- switch (_a.label) {
5949
- case 0:
5950
- if (!(newValue !== undefined)) return [3 /*break*/, 2];
5951
- return [4 /*yield*/, post("national/organisation/queryNames", {
5952
- page: 1,
5953
- size: 50,
5954
- filterAnd: [
5955
- {
5956
- key: "name",
5957
- operation: "like",
5958
- value: newValue + "%",
5959
- },
5960
- {
5961
- key: "companyRole",
5962
- operation: "!=",
5963
- value: "Certifier",
5964
- },
5965
- ],
5966
- sort: {
5967
- key: "name",
5968
- order: "ASC",
5969
- },
5970
- })];
5971
- case 1:
5972
- resp = _a.sent();
5973
- setCompanyList(resp.data
5974
- .map(function (d) { return ({
5975
- label: d.name,
5976
- value: d.companyId,
5977
- state: d.state,
5978
- }); })
5979
- .filter(function (d) {
5980
- return (d.value !== userCompanyId &&
5981
- parseInt(d.state) === CompanyState.ACTIVE.valueOf());
5982
- }));
5983
- return [3 /*break*/, 3];
5984
- case 2:
5985
- setCompanyList(toCompanyDefault ? [toCompanyDefault] : []);
5986
- _a.label = 3;
5987
- case 3: return [2 /*return*/];
5988
- }
5989
- });
5990
- }); };
5991
- var handleChange = function (newValue) {
5992
- setValue(newValue);
5993
- };
5994
- // if (!toCompanyDefault) {
5995
- // const myIndex = programme.companyId.map(e => Number(e)).indexOf(userCompanyId!);
5996
- // if (myIndex >= 0) {
5997
- // programme.companyId.splice(myIndex, 1);
5998
- // programme.creditOwnerPercentage.splice(myIndex, 1);
5999
- // }
6000
- // }
6001
- if (!programme.creditOwnerPercentage && programme.companyId.length === 1) {
6002
- programme.creditOwnerPercentage = [100];
6003
- }
6004
- var companies = {};
6005
- for (var _i = 0, _g = programme.company; _i < _g.length; _i++) {
6006
- var c = _g[_i];
6007
- companies[c.companyId] = c;
6008
- }
6009
- var validCompanies = [];
6010
- var companyCredit = [];
6011
- for (var index in programme.creditOwnerPercentage) {
6012
- if (((toCompanyDefault &&
6013
- userCompanyId !== Number(programme.companyId[index])) ||
6014
- (!toCompanyDefault &&
6015
- (userCompanyId === Number(programme.companyId[index]) ||
6016
- companyRole === exports.CompanyRole.GOVERNMENT))) &&
6017
- parseInt(companies[Number(programme.companyId[index])].state) ===
6018
- CompanyState.ACTIVE.valueOf()) {
6019
- var companyAvailableTotal = ((programme.creditBalance -
6020
- (programme.creditFrozen ? programme.creditFrozen[index] : 0)) *
6021
- programme.creditOwnerPercentage[index]) /
6022
- 100;
6023
- validCompanies.push({
6024
- percentage: programme.creditOwnerPercentage[index],
6025
- name: companies[Number(programme.companyId[index])].name,
6026
- companyId: Number(programme.companyId[index]),
6027
- available: companyAvailableTotal,
6028
- });
6029
- companyCredit.push(0);
6030
- }
6031
- }
6032
- React.useEffect(function () {
6033
- handleSearch("");
6034
- }, []);
6035
- return (React.createElement("div", { className: "transfer-form" },
6036
- React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
6037
- toCompanyId: toCompanyDefault ? toCompanyDefault.value : undefined,
6038
- companyCredit: companyCredit,
6039
- }, onChange: function () { return setPopupError(undefined); }, onValuesChange: function (v, allVal) {
6040
- setCurrentSum(allVal.companyCredit.reduce(function (a, b) { return (a ? a : 0) + (b ? b : 0); }, 0));
6041
- }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
6042
- var res;
6043
- return __generator(this, function (_a) {
6044
- switch (_a.label) {
6045
- case 0:
6046
- if (currentSum === 0) {
6047
- setPopupError("Total Amount should be greater than 0");
6048
- return [2 /*return*/];
6049
- }
6050
- setLoading(true);
6051
- d.fromCompanyIds = validCompanies.map(function (e) { return Number(e.companyId); });
6052
- return [4 /*yield*/, onFinish(d)];
6053
- case 1:
6054
- res = _a.sent();
6055
- setPopupError(res);
6056
- setLoading(false);
6057
- return [2 /*return*/];
6058
- }
6059
- });
6060
- }); } },
6061
- React.createElement(antd.Row, null,
6062
- React.createElement(antd.Col, { span: 24 },
6063
- React.createElement(antd.Form.Item, { className: "remarks-label", label: receiverLabelText, name: "toCompanyId", rules: [
6064
- {
6065
- required: !disableToCompany,
6066
- message: "Required field",
6067
- },
6068
- ] },
6069
- React.createElement(antd.Select, { showSearch: true, disabled: disableToCompany, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, onSearch: handleSearch, onChange: handleChange, notFoundContent: null, options: companyList })))),
6070
- React.createElement(antd.Row, null,
6071
- React.createElement(antd.Col, { span: 24 },
6072
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programme" },
6073
- React.createElement(antd.Input, { placeholder: programme.title, disabled: true })))),
6074
- validCompanies.map(function (pert, index) {
6075
- return (React.createElement(antd.Row, null,
6076
- React.createElement(antd.Col, { lg: 11, md: 24 },
6077
- React.createElement("div", { className: "label" }, pert.name)),
6078
- React.createElement(antd.Col, { lg: 6, md: 12 },
6079
- React.createElement(antd.Form.Item, { className: "popup-credit-input", name: ["companyCredit", index], rules: [
6080
- {
6081
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
6082
- message: "Credit Should be a positive number",
6083
- },
6084
- {
6085
- required: true,
6086
- message: "Required field",
6087
- },
6088
- function (_a) {
6089
- var getFieldValue = _a.getFieldValue;
6090
- return ({
6091
- validator: function (rule, v) {
6092
- if (getFieldValue(["companyCredit", index]) &&
6093
- parseFloat(getFieldValue(["companyCredit", index])) >
6094
- pert.available) {
6095
- // eslint-disable-next-line prefer-promise-reject-errors
6096
- return Promise.reject("Amount > Available");
6097
- }
6098
- return Promise.resolve();
6099
- },
6100
- });
6101
- },
6102
- ] },
6103
- React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: value === pert.companyId, onKeyPress: function (event) {
6104
- if (!/[0-9\.]/.test(event.key)) {
6105
- event.preventDefault();
6106
- }
6107
- } }))),
6108
- React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
6109
- React.createElement(antd.Col, { lg: 6, md: 12 },
6110
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
6111
- React.createElement(antd.InputNumber, { placeholder: addCommSep(pert.available), disabled: true })))));
6112
- }),
6113
- validCompanies.length > 1 && (React.createElement(antd.Row, null,
6114
- React.createElement(antd.Col, { lg: 11, md: 24 },
6115
- React.createElement("div", { className: "label" }, "".concat(t("view:totalTransferCredit"), " (").concat(creditUnit, ")"))),
6116
- React.createElement(antd.Col, { lg: 6, md: 12 },
6117
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
6118
- React.createElement(antd.InputNumber, { placeholder: addCommSep(currentSum), disabled: true }))),
6119
- React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
6120
- React.createElement(antd.Col, { lg: 6, md: 12 },
6121
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
6122
- React.createElement(antd.InputNumber, { placeholder: addCommSep(programme.creditBalance), disabled: true }))))),
6123
- React.createElement(antd.Row, null,
6124
- React.createElement(antd.Col, { span: 24 },
6125
- React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment" },
6126
- React.createElement(antd.Input.TextArea, { placeholder: "" })))),
6127
- popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
6128
- React.createElement(antd.Form.Item, { className: "footer" },
6129
- React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
6130
- React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
6131
- };
6132
-
6133
- var ProgrammeRetireForm = function (props) {
6134
- var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, t = props.t, useConnection = props.useConnection;
6135
- var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
6136
- var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
6137
- var _c = React.useState(''), type = _c[0], setType = _c[1];
6138
- var form = antd.Form.useForm()[0];
6139
- var _d = React.useState(0), currentSum = _d[0], setCurrentSum = _d[1];
6140
- var _e = React.useState([]), countryList = _e[0], setCountryList = _e[1];
6141
- var _f = React.useState(); _f[0]; var setValue = _f[1];
6142
- var _g = React.useState(false), checked = _g[0], setChecked = _g[1];
6143
- var _h = useConnection(); _h.get; _h.delete; var post = _h.post;
6144
- var handleSearch = function (newValue) { return __awaiter(void 0, void 0, void 0, function () {
6145
- var resp;
6146
- return __generator(this, function (_a) {
6147
- switch (_a.label) {
6148
- case 0:
6149
- if (!(newValue !== undefined)) return [3 /*break*/, 2];
6150
- return [4 /*yield*/, post('national/organisation/countries', {
6151
- page: 1,
6152
- size: 250,
6153
- filterAnd: [
6154
- {
6155
- key: 'name',
6156
- operation: 'like',
6157
- value: newValue.charAt(0).toUpperCase() + newValue.slice(1) + '%',
6158
- },
6159
- ],
6160
- sort: {
6161
- key: 'name',
6162
- order: 'ASC',
6163
- },
6164
- })];
6165
- case 1:
6166
- resp = _a.sent();
6167
- setCountryList(resp.data.map(function (d) { return ({ label: d.name, value: d.alpha2 }); }));
6168
- _a.label = 2;
6169
- case 2: return [2 /*return*/];
6170
- }
6171
- });
6172
- }); };
6173
- var handleChange = function (newValue) {
6174
- setValue(newValue);
6175
- };
6176
- // if (!toCompanyDefault) {
6177
- // const myIndex = programme.companyId.map(e => Number(e)).indexOf(userCompanyId!);
6178
- // if (myIndex >= 0) {
6179
- // programme.companyId.splice(myIndex, 1);
6180
- // programme.creditOwnerPercentage.splice(myIndex, 1);
6181
- // }
6182
- // }
6183
- if (!programme.creditOwnerPercentage && programme.companyId.length === 1) {
6184
- programme.creditOwnerPercentage = [100];
6185
- }
6186
- var companies = {};
6187
- for (var _i = 0, _j = programme.company; _i < _j.length; _i++) {
6188
- var c = _j[_i];
6189
- companies[c.companyId] = c;
6190
- }
6191
- var validCompanies = [];
6192
- var companyCredit = [];
6193
- var totalCredits = 0;
6194
- var companyName = undefined;
6195
- for (var index in programme.creditOwnerPercentage) {
6196
- if ((hideType && Number(programme.companyId[index]) !== myCompanyId) ||
6197
- parseInt(companies[Number(programme.companyId[index])].state) ===
6198
- CompanyState.SUSPENDED.valueOf()) {
6199
- continue;
6200
- }
6201
- else {
6202
- companyName = companies[Number(programme.companyId[index])].name;
6203
- }
6204
- var companyAvailableTotal = ((programme.creditBalance - (programme.creditFrozen ? programme.creditFrozen[index] : 0)) *
6205
- programme.creditOwnerPercentage[index]) /
6206
- 100;
6207
- validCompanies.push({
6208
- percentage: programme.creditOwnerPercentage[index],
6209
- name: companies[Number(programme.companyId[index])].name,
6210
- available: companyAvailableTotal,
6211
- companyId: Number(programme.companyId[index]),
6212
- });
6213
- companyCredit.push(0);
6214
- totalCredits += companyAvailableTotal;
6215
- }
6216
- React.useEffect(function () {
6217
- handleSearch('');
6218
- if (hideType) {
6219
- setType('0');
6220
- }
6221
- }, []);
6222
- return (React.createElement("div", { className: "transfer-form" },
6223
- subText && (React.createElement(antd.Row, null,
6224
- React.createElement(antd.Col, { span: 24, className: "sub-text" }, subText))),
6225
- React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", form: form, initialValues: {
6226
- companyCredit: companyCredit,
6227
- }, onChange: function () { return setPopupError(undefined); }, onValuesChange: function (v, allVal) {
6228
- if (allVal.companyCredit) {
6229
- setCurrentSum(allVal.companyCredit.reduce(function (a, b) { return (a ? a : 0) + (b ? b : 0); }, 0));
6230
- }
6231
- }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
6232
- var res;
6233
- return __generator(this, function (_a) {
6234
- switch (_a.label) {
6235
- case 0:
6236
- setLoading(true);
6237
- if (d.comment) {
6238
- d.comment = d.comment.trim();
6239
- }
6240
- if (hideType) {
6241
- d.type = '0';
6242
- }
6243
- if (d.type === '0') {
6244
- if (currentSum === 0) {
6245
- setPopupError('Total Amount should be greater than 0');
6246
- setLoading(false);
6247
- return [2 /*return*/];
6248
- }
6249
- d.fromCompanyIds = validCompanies.map(function (e) { return Number(e.companyId); });
6250
- // programme.companyId.map((n) => Number(n));
6251
- // d.companyCredit = d.companyCredit.map((n: any) => (n === undefined ? 0 : n));
6252
- d.toCompanyMeta = {
6253
- name: d.company,
6254
- country: d.country,
6255
- };
6256
- }
6257
- return [4 /*yield*/, onFinish(d)];
6258
- case 1:
6259
- res = _a.sent();
6260
- setPopupError(res);
6261
- setLoading(false);
6262
- return [2 /*return*/];
6263
- }
6264
- });
6265
- }); } },
6266
- hideType && (React.createElement(React.Fragment, null,
6267
- React.createElement(antd.Row, null,
6268
- React.createElement(antd.Col, { span: 24 },
6269
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t('view:from'), name: "from" },
6270
- React.createElement(antd.Input, { placeholder: companyName, disabled: true })))),
6271
- React.createElement(antd.Row, null,
6272
- React.createElement(antd.Col, { span: 24 },
6273
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t('view:programme'), name: "programme" },
6274
- React.createElement(antd.Input, { placeholder: programme.title, disabled: true })))))),
6275
- !hideType && (React.createElement(antd.Row, null,
6276
- React.createElement(antd.Col, { span: 24 },
6277
- React.createElement(antd.Form.Item, { className: "remarks-label", label: "", name: "type", valuePropName: "type", rules: [
6278
- {
6279
- required: true,
6280
- message: 'Required field',
6281
- },
6282
- ] },
6283
- React.createElement(antd.Radio.Group, { onChange: function (v) {
6284
- setType(v.target.value);
6285
- form.setFieldsValue({ type: v.target.value });
6286
- } },
6287
- React.createElement(antd.Space, { direction: "vertical" },
6288
- React.createElement(antd.Radio, { value: '0' }, "Cross-border transfer"),
6289
- React.createElement(antd.Radio, { value: '1' }, "Legal Action"),
6290
- React.createElement(antd.Radio, { value: '2' }, "Other"))))))),
6291
- type === '0' && (React.createElement("div", null,
6292
- React.createElement(antd.Row, null,
6293
- React.createElement(antd.Col, { span: 24 },
6294
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t('view:country'), name: "country", rules: [
6295
- {
6296
- required: true,
6297
- message: 'Required field',
6298
- },
6299
- ] },
6300
- React.createElement(antd.Select, { showSearch: true, placeholder: t('view:searchCountry'), showArrow: true, filterOption: false, onSearch: handleSearch, onChange: handleChange, notFoundContent: null, options: countryList })))),
6301
- React.createElement(antd.Row, null,
6302
- React.createElement(antd.Col, { span: 24 },
6303
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t('view:company'), name: "company" },
6304
- React.createElement(antd.Input, null)))),
6305
- validCompanies.map(function (pert, index) {
6306
- return (React.createElement(antd.Row, null,
6307
- React.createElement(antd.Col, { lg: 11, md: 24 }, hideType ? (React.createElement("div", { className: "label" }, "".concat(t('view:totalRetireCredit'), " (").concat(creditUnit, ")"))) : (React.createElement("div", { className: "label" }, pert.name))),
6308
- React.createElement(antd.Col, { lg: 6, md: 12 },
6309
- React.createElement(antd.Form.Item, { className: "popup-credit-input", name: ['companyCredit', index], rules: [
6310
- {
6311
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
6312
- message: 'Credit Should be a positive number',
6313
- },
6314
- {
6315
- required: true,
6316
- message: 'Required field',
6317
- },
6318
- function (_a) {
6319
- var getFieldValue = _a.getFieldValue;
6320
- return ({
6321
- validator: function (rule, v) {
6322
- if (getFieldValue(['companyCredit', index]) &&
6323
- parseFloat(getFieldValue(['companyCredit', index])) > pert.available) {
6324
- // eslint-disable-next-line prefer-promise-reject-errors
6325
- return Promise.reject('Retire Amount > Credit Balance');
6326
- }
6327
- return Promise.resolve();
6328
- },
6329
- });
6330
- },
6331
- ] },
6332
- React.createElement(antd.InputNumber, { placeholder: "", controls: false, onKeyPress: function (event) {
6333
- if (!/[0-9\.]/.test(event.key)) {
6334
- event.preventDefault();
6335
- }
6336
- } }))),
6337
- React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, '/'),
6338
- React.createElement(antd.Col, { lg: 6, md: 12 },
6339
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
6340
- React.createElement(antd.InputNumber, { placeholder: addCommSep(pert.available), disabled: true })))));
6341
- }),
6342
- !hideType && validCompanies.length > 1 && (React.createElement(antd.Row, null,
6343
- React.createElement(antd.Col, { lg: 11, md: 24 },
6344
- React.createElement("div", { className: "label" }, "".concat(t('view:totalTransferCredit'), " (").concat(creditUnit, ")"))),
6345
- React.createElement(antd.Col, { lg: 6, md: 12 },
6346
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
6347
- React.createElement(antd.InputNumber, { placeholder: addCommSep(currentSum), disabled: true }))),
6348
- React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, '/'),
6349
- React.createElement(antd.Col, { lg: 6, md: 12 },
6350
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
6351
- React.createElement(antd.InputNumber, { placeholder: addCommSep(totalCredits), disabled: true }))))))),
6352
- React.createElement(antd.Row, null,
6353
- React.createElement(antd.Col, { span: 24 },
6354
- React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
6355
- {
6356
- required: true,
6357
- message: 'Required field',
6358
- },
6359
- function (_a) {
6360
- _a.getFieldValue;
6361
- return ({
6362
- validator: function (rule, v) {
6363
- if (v !== undefined && v !== '' && v.trim() === '') {
6364
- // eslint-disable-next-line prefer-promise-reject-errors
6365
- return Promise.reject('Required field');
6366
- }
6367
- return Promise.resolve();
6368
- },
6369
- });
6370
- },
6371
- ] },
6372
- React.createElement(antd.Input.TextArea, { placeholder: "" })))),
6373
- React.createElement(antd.Row, null,
6374
- React.createElement(antd.Col, { span: 24 },
6375
- React.createElement(antd.Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
6376
- React.createElement(antd.Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, hideType ? t('view:confirmRetire') : t('view:confirmClosure'))))),
6377
- popupError ? React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true }) : '',
6378
- React.createElement(antd.Form.Item, { className: "footer" },
6379
- React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t('view:cancel')),
6380
- React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText)))));
6381
- };
6382
-
6383
- var ProgrammeRevokeForm = function (props) {
6384
- var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, showCertifiers = props.showCertifiers, t = props.t;
6385
- var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
6386
- var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
6387
- return (React.createElement("div", { className: "transfer-form" },
6388
- React.createElement(antd.Row, null,
6389
- React.createElement(antd.Col, { span: 24, className: "sub-text" }, subText)),
6390
- React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
6391
- certifierId: programme.certifierId && programme.certifierId.length === 1
6392
- ? Number(programme.certifierId[0])
6393
- : undefined,
6394
- }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
6395
- var res;
6396
- return __generator(this, function (_a) {
6397
- switch (_a.label) {
6398
- case 0:
6399
- setLoading(true);
6400
- return [4 /*yield*/, onFinish(d)];
6401
- case 1:
6402
- res = _a.sent();
6403
- setPopupError(res);
6404
- setLoading(false);
6405
- return [2 /*return*/];
6406
- }
6407
- });
6408
- }); } },
6409
- showCertifiers && (React.createElement(antd.Row, null,
6410
- React.createElement(antd.Col, { span: 24 },
6411
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t('view:certifier'), name: "certifierId", rules: [
6412
- {
6413
- required: true,
6414
- message: 'Required field',
6415
- },
6416
- ] },
6417
- React.createElement(antd.Select, { disabled: !programme.certifierId || programme.certifierId.length <= 1, showArrow: true, filterOption: false, defaultActiveFirstOption: true, options: programme.certifier.map(function (c) { return ({ label: c.name, value: c.companyId }); }) }))))),
6418
- React.createElement(antd.Row, null,
6419
- React.createElement(antd.Col, { span: 24 },
6420
- React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
6421
- {
6422
- required: true,
6423
- message: 'Required field',
6424
- },
6425
- ] },
6426
- React.createElement(antd.Input.TextArea, { placeholder: "" })))),
6427
- popupError ? React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true }) : '',
6428
- React.createElement(antd.Form.Item, { className: "footer" },
6429
- React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t('view:cancel')),
6430
- React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
6431
- };
6432
-
6433
- var Loading = function () {
6434
- return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
6435
- };
6436
-
6437
- var css_248z$d = ".remark {\n padding-top: 7px;\n font-size: 0.75rem; }\n .remark .remark-title {\n text-transform: capitalize;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .remark .remark-body {\n font-weight: 400;\n color: rgba(58, 53, 65, 0.5); }\n";
6438
- styleInject(css_248z$d);
6439
-
6440
- var TimelineBody = function (props) {
6441
- var text = props.text, remark = props.remark, via = props.via, t = props.t;
6442
- return (React.createElement("div", null,
6443
- React.createElement("div", null,
6444
- text,
6445
- via && React.createElement("span", null, " ".concat(t('view:via'), " ").concat(via))),
6446
- remark && remark !== 'undefined' && remark !== 'null' && (React.createElement("div", { className: "remark" },
6447
- React.createElement("div", { className: "remark-title" }, t('view:remarks')),
6448
- React.createElement("div", { className: "remark-body" }, remark)))));
6449
- };
6450
-
6451
- var css_248z$c = ".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";
6452
- styleInject(css_248z$c);
6453
-
6454
- var MapboxComponent = function (props) {
6455
- var mapContainerRef = React.useRef(null);
6456
- 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;
6457
- mapboxgl.accessToken = accessToken;
6458
- React.useEffect(function () {
6459
- if (!mapContainerRef || !mapContainerRef.current || center.length !== 2) {
6460
- return;
6461
- }
6462
- var map = new mapboxgl.Map({
6463
- container: mapContainerRef.current || '',
6464
- style: style,
6465
- center: !Number.isNaN(center[0]) && !Number.isNaN(center[1])
6466
- ? [center[0], center[1]]
6467
- : [9.082, 8.6753],
6468
- zoom: zoom,
6469
- maxZoom: 17,
6470
- });
6471
- map.on('load', function () {
6472
- var currentMarkes = {};
6473
- if (mapSource) {
6474
- map.addSource(mapSource.key, mapSource.data);
6475
- }
6476
- if (onClick) {
6477
- map.on('click', function (e) {
6478
- var popupContent = onClick(map, e);
6479
- if (showPopupOnClick && popupContent) {
6480
- new mapboxgl.Popup()
6481
- .setLngLat(map.unproject(e.point))
6482
- .setHTML(popupContent)
6483
- .addTo(map);
6484
- }
6485
- });
6486
- }
6487
- if (onMouseMove) {
6488
- map.on('mousemove', function (e) {
6489
- onMouseMove(map, e);
6490
- });
6491
- }
6492
- if (layer) {
6493
- map.addLayer(layer);
6494
- }
6495
- if (onRender) {
6496
- map.on('render', function () {
6497
- var markersList = onRender(map);
6498
- if (markersList) {
6499
- markersList.forEach(function (marker) {
6500
- if (!currentMarkes[marker.id]) {
6501
- var createdMarker = new mapboxgl.Marker({
6502
- color: marker.color,
6503
- element: marker.element ? marker.element : undefined,
6504
- })
6505
- .setLngLat([marker.location[0], marker.location[1]])
6506
- .addTo(map);
6507
- currentMarkes[marker.id] = createdMarker;
6508
- }
6509
- });
6510
- var _loop_1 = function (id) {
6511
- 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; }))) {
6512
- currentMarkes[id].remove();
6513
- delete currentMarkes[id];
6514
- }
6515
- };
6516
- for (var id in currentMarkes) {
6517
- _loop_1(id);
6518
- }
6519
- }
6520
- });
6521
- }
6522
- });
6523
- if (markers) {
6524
- markers.forEach(function (marker) {
6525
- new mapboxgl.Marker({
6526
- color: marker.color,
6527
- element: marker.element ? marker.element : undefined,
6528
- })
6529
- .setLngLat([marker.location[0], marker.location[1]])
6530
- .addTo(map);
6531
- });
6532
- }
6533
- });
6534
- return (React.createElement("div", { className: "map-box-container", style: { width: '100%', height: "".concat(height, "px") }, ref: mapContainerRef }));
6535
- };
6536
-
6537
- var MapComponent = function (props) {
6538
- var mapType = props.mapType;
6539
- return React.createElement("div", null, mapType === exports.MapTypes.Mapbox ? MapboxComponent(props) : "");
6540
- };
6541
-
6542
- var TextArea = antd.Input.TextArea;
6543
- var ProgrammeViewComponent = function (props) {
6544
- var t = props.t, useConnection = props.useConnection, useLocation = props.useLocation, useNavigate = props.useNavigate, Geocoding = props.Geocoding, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, mapType = props.mapType, mapBoxAccessToken = props.mapBoxAccessToken, countryCode = props.countryCode;
6545
- var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
6546
- var userInfoState = useUserContext().userInfoState;
6547
- var state = useLocation().state;
6548
- var navigate = useNavigate();
6549
- var _b = React.useState(), data = _b[0], setData = _b[1];
6550
- var _c = React.useState([]), historyData = _c[0], setHistoryData = _c[1];
6551
- var _d = React.useState(false), loadingHistory = _d[0], setLoadingHistory = _d[1];
6552
- var _e = React.useState(true), loadingAll = _e[0], setLoadingAll = _e[1];
6553
- var _f = React.useState(false), openModal = _f[0], setOpenModal = _f[1];
6554
- var _g = React.useState(false), confirmLoading = _g[0], setConfirmLoading = _g[1];
6555
- var _h = React.useState({}), actionInfo = _h[0], setActionInfo = _h[1];
6556
- var _j = React.useState(undefined), comment = _j[0], setComment = _j[1];
6557
- var _k = React.useState([]), certs = _k[0], setCerts = _k[1];
6558
- var _l = React.useState({}), certTimes = _l[0], setCertTimes = _l[1];
6559
- var _m = React.useState(); _m[0]; _m[1];
6560
- var _o = React.useState([]), markers = _o[0], setMarkers = _o[1];
6561
- var _p = React.useState([]), centerPoint = _p[0], setCenterPoint = _p[1];
6562
- var _q = React.useState(true), isAllOwnersDeactivated = _q[0], setIsAllOwnersDeactivated = _q[1];
6563
- var _r = useSettingsContext(), isTransferFrozen = _r.isTransferFrozen; _r.setTransferFrozen;
6564
- var showModal = function () {
6565
- setOpenModal(true);
6566
- };
6567
- var locationColors = [
6568
- "#6ACDFF",
6569
- "#FF923D",
6570
- "#CDCDCD",
6571
- "#FF8183",
6572
- "#B7A4FE",
6573
- ];
6574
- var getTxRefValues = function (value, position, sep) {
6575
- if (sep === undefined) {
6576
- sep = "#";
6577
- }
6578
- var parts = value.split(sep);
6579
- if (parts.length - 1 < position) {
6580
- return null;
6581
- }
6582
- return parts[position];
6583
- };
6584
- var numIsExist = function (n) {
6585
- return n ? Number(n) : 0;
6586
- };
6587
- var getPieChartData = function (d) {
6588
- var frozen = d.creditFrozen
6589
- ? d.creditFrozen.reduce(function (a, b) { return numIsExist(a) + numIsExist(b); }, 0)
6590
- : 0;
6591
- var dt = [
6592
- numIsExist(d.creditEst) - numIsExist(d.creditIssued),
6593
- numIsExist(d.creditIssued) -
6594
- sumArray(d.creditTransferred) -
6595
- sumArray(d.creditRetired) -
6596
- frozen,
6597
- sumArray(d.creditTransferred),
6598
- sumArray(d.creditRetired),
6599
- frozen,
6600
- ];
6601
- return dt;
6602
- };
6603
- var getCenter = function (list) {
6604
- var count = 0;
6605
- var lat = 0;
6606
- var long = 0;
6607
- for (var _i = 0, list_1 = list; _i < list_1.length; _i++) {
6608
- var l = list_1[_i];
6609
- if (l === null || l === "null") {
6610
- continue;
6611
- }
6612
- count += 1;
6613
- lat += l[0];
6614
- long += l[1];
6615
- }
6616
- return [lat / count, long / count];
6617
- };
6618
- var drawMap = function () {
6619
- setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
6620
- var markerList, iloc, markerData, accessToken, _i, _a, address, response, feature, marker;
6621
- return __generator(this, function (_b) {
6622
- switch (_b.label) {
6623
- case 0:
6624
- if (!((data === null || data === void 0 ? void 0 : data.geographicalLocationCordintes) &&
6625
- (data === null || data === void 0 ? void 0 : data.geographicalLocationCordintes.length) > 0)) return [3 /*break*/, 1];
6626
- setCenterPoint(getCenter(data === null || data === void 0 ? void 0 : data.geographicalLocationCordintes));
6627
- markerList = [];
6628
- for (iloc in data === null || data === void 0 ? void 0 : data.geographicalLocationCordintes) {
6629
- if ((data === null || data === void 0 ? void 0 : data.geographicalLocationCordintes[iloc]) !== null) {
6630
- markerData = {
6631
- color: locationColors[(Number(iloc) + 1) % locationColors.length],
6632
- location: data === null || data === void 0 ? void 0 : data.geographicalLocationCordintes[iloc],
6633
- };
6634
- markerList.push(markerData);
6635
- }
6636
- }
6637
- setMarkers(markerList);
6638
- return [3 /*break*/, 5];
6639
- case 1:
6640
- accessToken = void 0;
6641
- if (mapType === exports.MapTypes.Mapbox && mapBoxAccessToken) {
6642
- accessToken = mapBoxAccessToken;
6643
- }
6644
- if (!accessToken || !data.programmeProperties.geographicalLocation)
6645
- return [2 /*return*/];
6646
- _i = 0, _a = data.programmeProperties.geographicalLocation;
6647
- _b.label = 2;
6648
- case 2:
6649
- if (!(_i < _a.length)) return [3 /*break*/, 5];
6650
- address = _a[_i];
6651
- return [4 /*yield*/, Geocoding({ accessToken: accessToken })
6652
- .forwardGeocode({
6653
- query: address,
6654
- autocomplete: false,
6655
- limit: 1,
6656
- types: ["region", "district"],
6657
- countries: [countryCode || "NG"],
6658
- })
6659
- .send()];
6660
- case 3:
6661
- response = _b.sent();
6662
- if (!response ||
6663
- !response.body ||
6664
- !response.body.features ||
6665
- !response.body.features.length) {
6666
- console.error("Invalid response:");
6667
- console.error(response);
6668
- return [2 /*return*/];
6669
- }
6670
- feature = response.body.features[0];
6671
- setCenterPoint(feature.center);
6672
- marker = {
6673
- location: feature.center,
6674
- };
6675
- setMarkers([marker]);
6676
- _b.label = 4;
6677
- case 4:
6678
- _i++;
6679
- return [3 /*break*/, 2];
6680
- case 5: return [2 /*return*/];
6681
- }
6682
- });
6683
- }); }, 1000);
6684
- };
6685
- var genPieData = function (d) {
6686
- // ['Authorised', 'Issued', 'Transferred', 'Retired', 'Frozen']
6687
- var dt = getPieChartData(d);
6688
- ApexCharts.exec("creditChart", "updateSeries", {
6689
- series: dt,
6690
- });
6691
- };
6692
- var genCerts = function (d, certifiedTime) {
6693
- if (d === undefined) {
6694
- return;
6695
- }
6696
- var c = d.certifier.map(function (cert) {
6697
- return (React.createElement("div", { className: "" },
6698
- React.createElement("div", { className: "cert-info" },
6699
- isBase64(cert.logo) ? (React.createElement("img", { alt: "certifier logo", src: "data:image/jpeg;base64," + cert.logo })) : cert.logo ? (React.createElement("img", { alt: "certifier logo", src: cert.logo })) : cert.name ? (React.createElement("div", { className: "cert-logo" }, cert.name.charAt(0).toUpperCase())) : (React.createElement("div", { className: "cert-logo" }, "A")),
6700
- React.createElement("div", { className: "text-center cert-name" }, cert.name),
6701
- certifiedTime[cert.companyId] && (React.createElement("div", { className: "text-center cert-date" }, certifiedTime[cert.companyId])))));
6702
- });
6703
- setCerts(c);
6704
- };
6705
- var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
6706
- var response, d, error_1;
6707
- return __generator(this, function (_a) {
6708
- switch (_a.label) {
6709
- case 0:
6710
- _a.trys.push([0, 2, , 3]);
6711
- return [4 /*yield*/, post("national/programme/query", {
6712
- page: 1,
6713
- size: 2,
6714
- filterAnd: [
6715
- {
6716
- key: "programmeId",
6717
- operation: "=",
6718
- value: programmeId,
6719
- },
6720
- ],
6721
- })];
6722
- case 1:
6723
- response = _a.sent();
6724
- if (response.data && response.data.length > 0) {
6725
- d = response.data[0];
6726
- setData(d);
6727
- navigate(".", { state: { record: d } });
6728
- }
6729
- return [3 /*break*/, 3];
6730
- case 2:
6731
- error_1 = _a.sent();
6732
- console.log("Error in getting programme", error_1);
6733
- antd.message.open({
6734
- type: "error",
6735
- content: error_1.message,
6736
- duration: 3,
6737
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
6738
- });
6739
- return [3 /*break*/, 3];
6740
- case 3:
6741
- setLoadingAll(false);
6742
- return [2 /*return*/];
6743
- }
6744
- });
6745
- }); };
6746
- var addElement = function (e, time, hist) {
6747
- time = Number(time);
6748
- if (!hist[time]) {
6749
- hist[time] = [];
6750
- }
6751
- hist[time].push(e);
6752
- };
6753
- var formatString = function (langTag, vargs) {
6754
- var str = t(langTag);
6755
- var parts = str.split("{}");
6756
- var insertAt = 1;
6757
- for (var _i = 0, vargs_1 = vargs; _i < vargs_1.length; _i++) {
6758
- var arg = vargs_1[_i];
6759
- parts.splice(insertAt, 0, arg);
6760
- insertAt += 2;
6761
- }
6762
- return parts.join("");
6763
- };
6764
- var getTxActivityLog = function (transfers, txDetails) {
6765
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
6766
- var hist = {};
6767
- for (var _i = 0, transfers_1 = transfers; _i < transfers_1.length; _i++) {
6768
- var transfer = transfers_1[_i];
6769
- txDetails[transfer.requestId] = transfer;
6770
- var createdTime = Number(transfer.createdTime ? transfer.createdTime : transfer.txTime);
6771
- var d = void 0;
6772
- if (!transfer.isRetirement) {
6773
- d = {
6774
- status: "process",
6775
- title: t("view:tlInitTitle"),
6776
- subTitle: luxon.DateTime.fromMillis(createdTime).toFormat(dateTimeFormat),
6777
- description: (React.createElement(TimelineBody, { text: formatString("view:tlInitDesc", [
6778
- addCommSep(transfer.creditAmount),
6779
- creditUnit,
6780
- (_a = transfer.sender[0]) === null || _a === void 0 ? void 0 : _a.name,
6781
- (_b = transfer.receiver[0]) === null || _b === void 0 ? void 0 : _b.name,
6782
- (_c = transfer.requester[0]) === null || _c === void 0 ? void 0 : _c.name,
6783
- ]), remark: transfer.comment, via: transfer.userName, t: t })),
6784
- icon: (React.createElement("span", { className: "step-icon transfer-step" },
6785
- React.createElement(Icon__namespace.ClockHistory, null))),
6786
- };
6787
- }
6788
- else {
6789
- d = {
6790
- status: "process",
6791
- title: t("view:tlRetInit"),
6792
- subTitle: luxon.DateTime.fromMillis(createdTime).toFormat(dateTimeFormat),
6793
- description: (React.createElement(TimelineBody, { text: formatString("view:tlRetInitDesc", [
6794
- addCommSep(transfer.creditAmount),
6795
- creditUnit,
6796
- (_d = transfer.sender[0]) === null || _d === void 0 ? void 0 : _d.name,
6797
- "".concat(((_e = transfer.toCompanyMeta) === null || _e === void 0 ? void 0 : _e.countryName)
6798
- ? "to ".concat((_f = transfer.toCompanyMeta) === null || _f === void 0 ? void 0 : _f.countryName, " ")
6799
- : ""),
6800
- transfer.retirementType === exports.RetireType.CROSS_BORDER
6801
- ? "cross border transfer"
6802
- : transfer.retirementType === exports.RetireType.LEGAL_ACTION
6803
- ? "legal action"
6804
- : "other",
6805
- (_g = transfer.requester[0]) === null || _g === void 0 ? void 0 : _g.name,
6806
- ]), remark: transfer.comment, via: transfer.userName, t: t })),
6807
- icon: (React.createElement("span", { className: "step-icon retire-step" },
6808
- React.createElement(Icon__namespace.ClockHistory, null))),
6809
- };
6810
- }
6811
- addElement(d, createdTime, hist);
6812
- if (transfer.status === exports.CreditTransferStage.Rejected ||
6813
- transfer.status === exports.CreditTransferStage.NotRecognised) {
6814
- var dx = {
6815
- status: "process",
6816
- title: t(transfer.isRetirement
6817
- ? "view:tlRetRejectTitle"
6818
- : "view:tlRejectTitle"),
6819
- subTitle: luxon.DateTime.fromMillis(Number(transfer.txTime)).toFormat(dateTimeFormat),
6820
- description: (React.createElement(TimelineBody, { text: formatString(transfer.isRetirement
6821
- ? "view:tlTxRetRejectDesc"
6822
- : "view:tlTxRejectDesc", [
6823
- addCommSep(transfer.creditAmount),
6824
- creditUnit,
6825
- (_h = transfer.sender[0]) === null || _h === void 0 ? void 0 : _h.name,
6826
- transfer.isRetirement && ((_j = transfer.toCompanyMeta) === null || _j === void 0 ? void 0 : _j.countryName)
6827
- ? (_k = transfer.toCompanyMeta) === null || _k === void 0 ? void 0 : _k.countryName
6828
- : (_l = transfer.receiver[0]) === null || _l === void 0 ? void 0 : _l.name,
6829
- transfer.isRetirement
6830
- ? (_m = transfer.receiver[0]) === null || _m === void 0 ? void 0 : _m.name
6831
- : (_o = transfer.sender[0]) === null || _o === void 0 ? void 0 : _o.name,
6832
- ]), remark: (_p = transfer.txRef) === null || _p === void 0 ? void 0 : _p.split("#")[0], via: transfer.userName, t: t })),
6833
- icon: (React.createElement("span", { className: "step-icon ".concat(transfer.isRetirement ? "retire-step" : "transfer-step") },
6834
- React.createElement(Icon__namespace.XOctagon, null))),
6835
- };
6836
- addElement(dx, Number(transfer.txTime), hist);
6837
- }
6838
- else if (transfer.status === exports.CreditTransferStage.Cancelled) {
6839
- var systemCancel = transfer.txRef &&
6840
- transfer.txRef.indexOf("#SUSPEND_AUTO_CANCEL#") >= 0;
6841
- var lowCreditSystemCancel = transfer.txRef &&
6842
- transfer.txRef.indexOf("#LOW_CREDIT_AUTO_CANCEL#") >= 0;
6843
- var dx = {
6844
- status: "process",
6845
- title: t(transfer.isRetirement
6846
- ? "view:tlRetCancelTitle"
6847
- : "view:tlTxCancelTitle"),
6848
- subTitle: luxon.DateTime.fromMillis(Number(transfer.txTime)).toFormat(dateTimeFormat),
6849
- description: (React.createElement(TimelineBody, { text: formatString(systemCancel
6850
- ? "view:tlTxCancelSystemDesc"
6851
- : lowCreditSystemCancel
6852
- ? "view:tlTxLowCreditCancelSystemDesc"
6853
- : "view:tlTxCancelDesc", [
6854
- addCommSep(transfer.creditAmount),
6855
- creditUnit,
6856
- (_q = transfer.sender[0]) === null || _q === void 0 ? void 0 : _q.name,
6857
- transfer.isRetirement && ((_r = transfer.toCompanyMeta) === null || _r === void 0 ? void 0 : _r.countryName)
6858
- ? transfer.toCompanyMeta.countryName
6859
- : (_s = transfer.receiver[0]) === null || _s === void 0 ? void 0 : _s.name,
6860
- systemCancel
6861
- ? (_t = transfer.txRef) === null || _t === void 0 ? void 0 : _t.split("#")[4]
6862
- : lowCreditSystemCancel
6863
- ? ""
6864
- : (_u = transfer.requester[0]) === null || _u === void 0 ? void 0 : _u.name,
6865
- (_v = transfer.txRef) === null || _v === void 0 ? void 0 : _v.split("#")[5],
6866
- ]), remark: (_w = transfer.txRef) === null || _w === void 0 ? void 0 : _w.split("#")[0], via: transfer.userName, t: t })),
6867
- icon: (React.createElement("span", { className: "step-icon ".concat(transfer.isRetirement ? "retire-step" : "transfer-step") },
6868
- React.createElement(Icon__namespace.ExclamationOctagon, null))),
6869
- };
6870
- addElement(dx, Number(transfer.txTime), hist);
6871
- }
6872
- }
6873
- return hist;
6874
- };
6875
- var getProgrammeHistory = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
6876
- var historyPromise, transferPromise, _a, response, transfers, txDetails, txList_1, txListKeys, certifiedTime, activityList, _i, _b, activity, el, type, revokeComp, cid, reqID, tx, crossCountry, toDelete, _c, txListKeys_1, txT, _d, txListKeys_2, txT, error_2;
6877
- var _e, _f;
6878
- return __generator(this, function (_g) {
6879
- switch (_g.label) {
6880
- case 0:
6881
- setLoadingHistory(true);
6882
- _g.label = 1;
6883
- case 1:
6884
- _g.trys.push([1, 4, , 5]);
6885
- historyPromise = get("national/programme/getHistory?programmeId=".concat(programmeId));
6886
- transferPromise = get("national/programme/transfersByProgrammeId?programmeId=".concat(programmeId));
6887
- return [4 /*yield*/, Promise.all([
6888
- historyPromise,
6889
- transferPromise,
6890
- ])];
6891
- case 2:
6892
- _a = _g.sent(), response = _a[0], transfers = _a[1];
6893
- txDetails = {};
6894
- return [4 /*yield*/, getTxActivityLog(transfers.data, txDetails)];
6895
- case 3:
6896
- txList_1 = _g.sent();
6897
- txListKeys = Object.keys(txList_1).sort();
6898
- certifiedTime = {};
6899
- activityList = [];
6900
- for (_i = 0, _b = response.data; _i < _b.length; _i++) {
6901
- activity = _b[_i];
6902
- el = undefined;
6903
- if (activity.data.txType === exports.TxType.CREATE) {
6904
- el = {
6905
- status: "process",
6906
- title: t("view:tlCreate"),
6907
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
6908
- description: (React.createElement(TimelineBody, { text: formatString("view:tlCreateDesc", [
6909
- addCommSep(activity.data.creditEst),
6910
- creditUnit,
6911
- ]), t: t })),
6912
- icon: (React.createElement("span", { className: "step-icon created-step" },
6913
- React.createElement(Icon__namespace.CaretRight, null))),
6914
- };
6915
- }
6916
- else if (activity.data.txType === exports.TxType.AUTH) {
6917
- el = {
6918
- status: "process",
6919
- title: t("view:tlAuth"),
6920
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
6921
- description: (React.createElement(TimelineBody, { text: formatString("view:tlAuthDesc", [
6922
- addCommSep(activity.data.creditEst),
6923
- creditUnit,
6924
- luxon.DateTime.fromMillis(activity.data.endTime * 1000).toFormat(dateFormat),
6925
- activity.data.serialNo,
6926
- getTxRefValues(activity.data.txRef, 1),
6927
- ]), remark: getTxRefValues(activity.data.txRef, 3), via: activity.data.userName, t: t })),
6928
- icon: (React.createElement("span", { className: "step-icon auth-step" },
6929
- React.createElement(Icon__namespace.ClipboardCheck, null))),
6930
- };
6931
- }
6932
- else if (activity.data.txType === exports.TxType.ISSUE) {
6933
- el = {
6934
- status: "process",
6935
- title: t("view:tlIssue"),
6936
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
6937
- description: (React.createElement(TimelineBody, { text: formatString("view:tlIssueDesc", [
6938
- addCommSep(activity.data.creditChange),
6939
- creditUnit,
6940
- getTxRefValues(activity.data.txRef, 1),
6941
- ]), remark: getTxRefValues(activity.data.txRef, 3), via: activity.data.userName, t: t })),
6942
- icon: (React.createElement("span", { className: "step-icon issue-step" },
6943
- React.createElement(Icon__namespace.Award, null))),
6944
- };
6945
- }
6946
- else if (activity.data.txType === exports.TxType.REJECT) {
6947
- el = {
6948
- status: "process",
6949
- title: t("view:tlReject"),
6950
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
6951
- description: (React.createElement(TimelineBody, { text: formatString("view:tlRejectDesc", [
6952
- getTxRefValues(activity.data.txRef, 1),
6953
- ]), remark: getTxRefValues(activity.data.txRef, 3), via: activity.data.userName, t: t })),
6954
- icon: (React.createElement("span", { className: "step-icon reject-step" },
6955
- React.createElement(Icon__namespace.XOctagon, null))),
6956
- };
6957
- }
6958
- else if (activity.data.txType === exports.TxType.TRANSFER) {
6959
- el = {
6960
- status: "process",
6961
- title: t("view:tlTransfer"),
6962
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
6963
- description: (React.createElement(TimelineBody, { text: formatString("view:tlTransferDesc", [
6964
- addCommSep(activity.data.creditChange),
6965
- creditUnit,
6966
- getTxRefValues(activity.data.txRef, 6),
6967
- getTxRefValues(activity.data.txRef, 4),
6968
- getTxRefValues(activity.data.txRef, 1),
6969
- ]), remark: getTxRefValues(activity.data.txRef, 9), via: activity.data.userName, t: t })),
6970
- icon: (React.createElement("span", { className: "step-icon transfer-step" },
6971
- React.createElement(Icon__namespace.BoxArrowRight, null))),
6972
- };
6973
- }
6974
- else if (activity.data.txType === exports.TxType.REVOKE) {
6975
- type = getTxRefValues(activity.data.txRef, 4);
6976
- revokeComp = undefined;
6977
- if (type === "SUSPEND_REVOKE") {
6978
- revokeComp = getTxRefValues(activity.data.txRef, 5);
6979
- }
6980
- el = {
6981
- status: "process",
6982
- title: t("view:tlRevoke"),
6983
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
6984
- description: (React.createElement(TimelineBody, { text: formatString("view:tlRevokeDesc", [
6985
- revokeComp !== undefined
6986
- ? "due to the deactivation of ".concat(revokeComp)
6987
- : "",
6988
- getTxRefValues(activity.data.txRef, 1),
6989
- ]), remark: getTxRefValues(activity.data.txRef, 3), via: activity.data.userName, t: t })),
6990
- icon: (React.createElement("span", { className: "step-icon revoke-step" },
6991
- React.createElement(Icon__namespace.ShieldExclamation, null))),
6992
- };
6993
- }
6994
- else if (activity.data.txType === exports.TxType.CERTIFY) {
6995
- el = {
6996
- status: "process",
6997
- title: t("view:tlCertify"),
6998
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
6999
- description: (React.createElement(TimelineBody, { text: formatString("view:tlCertifyDesc", [
7000
- getTxRefValues(activity.data.txRef, 1),
7001
- ]), remark: getTxRefValues(activity.data.txRef, 3), via: activity.data.userName, t: t })),
7002
- icon: (React.createElement("span", { className: "step-icon cert-step" },
7003
- React.createElement(Icon__namespace.ShieldCheck, null))),
7004
- };
7005
- cid = getTxRefValues(activity.data.txRef, 2);
7006
- if (cid) {
7007
- certifiedTime[cid] = luxon.DateTime.fromMillis(activity.data.txTime).toFormat("dd LLLL yyyy");
7008
- }
7009
- }
7010
- else if (activity.data.txType === exports.TxType.RETIRE) {
7011
- reqID = getTxRefValues(activity.data.txRef, 7);
7012
- tx = reqID ? txDetails[reqID] : undefined;
7013
- crossCountry = tx ? (_e = tx.toCompanyMeta) === null || _e === void 0 ? void 0 : _e.countryName : undefined;
7014
- el = {
7015
- status: "process",
7016
- title: t("view:tlRetire"),
7017
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
7018
- description: (React.createElement(TimelineBody, { text: formatString("view:tlRetireDesc", [
7019
- addCommSep(activity.data.creditChange),
7020
- creditUnit,
7021
- getTxRefValues(activity.data.txRef, 6),
7022
- "".concat(crossCountry ? "to " + crossCountry : "", " "),
7023
- (_f = getRetirementTypeString(tx === null || tx === void 0 ? void 0 : tx.retirementType)) === null || _f === void 0 ? void 0 : _f.toLowerCase(),
7024
- getTxRefValues(activity.data.txRef, 1),
7025
- ]), remark: getTxRefValues(activity.data.txRef, 9), via: activity.data.userName, t: t })),
7026
- icon: (React.createElement("span", { className: "step-icon retire-step" },
7027
- React.createElement(Icon__namespace.Save, null))),
7028
- };
7029
- }
7030
- else if (activity.data.txType === exports.TxType.FREEZE) {
7031
- el = {
7032
- status: "process",
7033
- title: t("view:tlFrozen"),
7034
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
7035
- description: (React.createElement(TimelineBody, { text: formatString("view:tlFrozenDesc", [
7036
- addCommSep(activity.data.creditChange),
7037
- creditUnit,
7038
- getTxRefValues(activity.data.txRef, 4),
7039
- getTxRefValues(activity.data.txRef, 1),
7040
- ]), remark: getTxRefValues(activity.data.txRef, 3), via: activity.data.userName, t: t })),
7041
- icon: (React.createElement("span", { className: "step-icon freeze-step" },
7042
- React.createElement(Icon__namespace.Stopwatch, null))),
7043
- };
7044
- }
7045
- else if (activity.data.txType === exports.TxType.UNFREEZE) {
7046
- el = {
7047
- status: "process",
7048
- title: t("view:tlUnFrozen"),
7049
- subTitle: luxon.DateTime.fromMillis(activity.data.txTime).toFormat(dateTimeFormat),
7050
- description: (React.createElement(TimelineBody, { text: formatString("view:tlUnFrozenDesc", [
7051
- addCommSep(activity.data.creditChange),
7052
- creditUnit,
7053
- getTxRefValues(activity.data.txRef, 4),
7054
- getTxRefValues(activity.data.txRef, 1),
7055
- ]), remark: getTxRefValues(activity.data.txRef, 3), via: activity.data.userName, t: t })),
7056
- icon: (React.createElement("span", { className: "step-icon freeze-step" },
7057
- React.createElement(Icon__namespace.ArrowCounterclockwise, null))),
7058
- };
7059
- }
7060
- if (el) {
7061
- toDelete = [];
7062
- for (_c = 0, txListKeys_1 = txListKeys; _c < txListKeys_1.length; _c++) {
7063
- txT = txListKeys_1[_c];
7064
- if (Number(activity.data.txTime) > Number(txT)) {
7065
- activityList.unshift.apply(activityList, txList_1[txT]);
7066
- toDelete.push(txT);
7067
- }
7068
- else {
7069
- break;
7070
- }
7071
- }
7072
- toDelete.forEach(function (e) { return delete txList_1[e]; });
7073
- txListKeys = Object.keys(txList_1).sort();
7074
- activityList.unshift(el);
7075
- }
7076
- }
7077
- for (_d = 0, txListKeys_2 = txListKeys; _d < txListKeys_2.length; _d++) {
7078
- txT = txListKeys_2[_d];
7079
- activityList.unshift.apply(activityList, txList_1[txT]);
7080
- }
7081
- setHistoryData(activityList);
7082
- setLoadingHistory(false);
7083
- setCertTimes(certifiedTime);
7084
- genCerts(state.record, certifiedTime);
7085
- return [3 /*break*/, 5];
7086
- case 4:
7087
- error_2 = _g.sent();
7088
- console.log("Error in getting programme", error_2);
7089
- antd.message.open({
7090
- type: "error",
7091
- content: error_2.message,
7092
- duration: 3,
7093
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7094
- });
7095
- setLoadingHistory(false);
7096
- return [3 /*break*/, 5];
7097
- case 5: return [2 /*return*/, null];
7098
- }
7099
- });
7100
- }); };
7101
- var updateProgrammeData = function (response) {
7102
- setData(response.data);
7103
- state.record = response.data;
7104
- navigate(".", { state: { record: response.data } });
7105
- genCerts(response.data, certTimes);
7106
- genPieData(response.data);
7107
- };
7108
- var getSuccessMsg = function (response, initMsg, successMsg) {
7109
- return response.data instanceof Array ? initMsg : successMsg;
7110
- };
7111
- var updateCreditInfo = function (response) {
7112
- if (!(response.data instanceof Array) && response.data && data) {
7113
- response.data.company = data.company;
7114
- response.data.certifier = data.certifier;
7115
- setData(response.data);
7116
- state.record = response.data;
7117
- navigate(".", { state: { record: response.data } });
7118
- genCerts(response.data, certTimes);
7119
- genPieData(response.data);
7120
- }
7121
- };
7122
- var onPopupAction = function (body, endpoint, successMsg, httpMode, successCB) { return __awaiter(void 0, void 0, void 0, function () {
7123
- var error, response, e_1;
7124
- return __generator(this, function (_a) {
7125
- switch (_a.label) {
7126
- case 0:
7127
- body.programmeId = data === null || data === void 0 ? void 0 : data.programmeId;
7128
- _a.label = 1;
7129
- case 1:
7130
- _a.trys.push([1, 4, , 5]);
7131
- return [4 /*yield*/, httpMode("national/programme/".concat(endpoint), body)];
7132
- case 2:
7133
- response = _a.sent();
7134
- if (response.statusCode < 300 || response.status < 300) {
7135
- if (!response.data.certifier) {
7136
- response.data.certifier = [];
7137
- }
7138
- setOpenModal(false);
7139
- setComment(undefined);
7140
- error = undefined;
7141
- successCB(response);
7142
- antd.message.open({
7143
- type: "success",
7144
- content: typeof successMsg !== "function"
7145
- ? successMsg
7146
- : successMsg(response),
7147
- duration: 3,
7148
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7149
- });
7150
- }
7151
- else {
7152
- error = response.message;
7153
- }
7154
- return [4 /*yield*/, getProgrammeHistory(data === null || data === void 0 ? void 0 : data.programmeId)];
7155
- case 3:
7156
- _a.sent();
7157
- return [2 /*return*/, error];
7158
- case 4:
7159
- e_1 = _a.sent();
7160
- error = e_1.message;
7161
- return [2 /*return*/, error];
7162
- case 5: return [2 /*return*/];
7163
- }
7164
- });
7165
- }); };
7166
- var onAction = function (action, body) {
7167
- if (body === void 0) { body = undefined; }
7168
- return __awaiter(void 0, void 0, void 0, function () {
7169
- var error, response, e_2;
7170
- return __generator(this, function (_a) {
7171
- switch (_a.label) {
7172
- case 0:
7173
- error = undefined;
7174
- if (body) {
7175
- body.programmeId = data === null || data === void 0 ? void 0 : data.programmeId;
7176
- }
7177
- else {
7178
- body = {
7179
- comment: comment,
7180
- programmeId: data === null || data === void 0 ? void 0 : data.programmeId,
7181
- };
7182
- }
7183
- _a.label = 1;
7184
- case 1:
7185
- _a.trys.push([1, 5, , 6]);
7186
- if (!(action !== "Transfer")) return [3 /*break*/, 4];
7187
- setConfirmLoading(true);
7188
- return [4 /*yield*/, put("national/programme/".concat(action === "Reject"
7189
- ? "reject"
7190
- : action === "Authorise"
7191
- ? "authorize"
7192
- : action === "Certify"
7193
- ? "certify"
7194
- : action === "Issue"
7195
- ? "issue"
7196
- : action === "Revoke"
7197
- ? "revoke"
7198
- : "retire"), body)];
7199
- case 2:
7200
- response = _a.sent();
7201
- if (response.statusCode === 200 || response.status === 200) {
7202
- if (!response.data.certifier) {
7203
- response.data.certifier = [];
7204
- }
7205
- if (action === "Authorise" ||
7206
- action === "Certify" ||
7207
- action === "Revoke" ||
7208
- action === "Issue") {
7209
- setData(response.data);
7210
- state.record = response.data;
7211
- navigate(".", { state: { record: response.data } });
7212
- genCerts(response.data, certTimes);
7213
- genPieData(response.data);
7214
- }
7215
- else if (action === "Reject") {
7216
- data.currentStage = exports.ProgrammeStage.Rejected;
7217
- setData(data);
7218
- }
7219
- setOpenModal(false);
7220
- setComment(undefined);
7221
- error = undefined;
7222
- antd.message.open({
7223
- type: "success",
7224
- content: action === "Reject"
7225
- ? t("view:successReject")
7226
- : action === "Authorise"
7227
- ? t("view:successAuth")
7228
- : action === "Issue"
7229
- ? "Successfully issued"
7230
- : action === "Certify"
7231
- ? "Successfully certified"
7232
- : action === "Revoke"
7233
- ? t("view:successRevokeCertifcate")
7234
- : t("view:successRetire"),
7235
- duration: 3,
7236
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7237
- });
7238
- }
7239
- else {
7240
- antd.message.open({
7241
- type: "error",
7242
- content: response.message,
7243
- duration: 3,
7244
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7245
- });
7246
- error = response.message;
7247
- }
7248
- return [4 /*yield*/, getProgrammeHistory(data === null || data === void 0 ? void 0 : data.programmeId)];
7249
- case 3:
7250
- _a.sent();
7251
- setConfirmLoading(false);
7252
- return [2 /*return*/, error];
7253
- case 4: return [3 /*break*/, 6];
7254
- case 5:
7255
- e_2 = _a.sent();
7256
- antd.message.open({
7257
- type: "error",
7258
- content: e_2.message,
7259
- duration: 3,
7260
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
7261
- });
7262
- setConfirmLoading(false);
7263
- error = e_2.message;
7264
- return [2 /*return*/, error];
7265
- case 6: return [2 /*return*/];
7266
- }
7267
- });
7268
- });
7269
- };
7270
- var mapArrayToi18n = function (map) {
7271
- if (!map) {
7272
- return {};
7273
- }
7274
- var info = {};
7275
- Object.entries(map).forEach(function (_a) {
7276
- var k = _a[0], v = _a[1];
7277
- var text = t("view:" + k);
7278
- if (v instanceof UnitField) {
7279
- info[text + " (".concat(v.unit, ")")] = v.value;
7280
- }
7281
- else {
7282
- info[text] = v;
7283
- }
7284
- });
7285
- return info;
7286
- };
7287
- React.useEffect(function () {
7288
- var queryParams = new URLSearchParams(window.location.search);
7289
- var programmeId = queryParams.get("id");
7290
- if (programmeId) {
7291
- getProgrammeById(programmeId);
7292
- }
7293
- else if (!state) {
7294
- navigate("/programmeManagement/viewAll", { replace: true });
7295
- }
7296
- else {
7297
- if (!state.record) {
7298
- if (state.id) {
7299
- getProgrammeById(state.id);
7300
- }
7301
- }
7302
- else {
7303
- setLoadingAll(false);
7304
- setData(state.record);
7305
- }
7306
- }
7307
- }, []);
7308
- React.useEffect(function () {
7309
- if (data) {
7310
- getProgrammeHistory(data.programmeId);
7311
- drawMap();
7312
- for (var _i = 0, _a = data.company; _i < _a.length; _i++) {
7313
- var company = _a[_i];
7314
- if (parseInt(company.state) === CompanyState.ACTIVE.valueOf() &&
7315
- company.companyId !== (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId)) {
7316
- setIsAllOwnersDeactivated(false);
7317
- break;
7318
- }
7319
- }
7320
- }
7321
- }, [data]);
7322
- if (!data) {
7323
- return React.createElement(Loading, null);
7324
- }
7325
- var pieChartData = getPieChartData(data);
7326
- var percentages = [];
7327
- var companies = {};
7328
- for (var _i = 0, _s = data.company; _i < _s.length; _i++) {
7329
- var c = _s[_i];
7330
- companies[c.companyId] = c;
7331
- }
7332
- data.companyId.forEach(function (obj, index) {
7333
- percentages.push({
7334
- company: companies[obj],
7335
- percentage: data.proponentPercentage
7336
- ? data.proponentPercentage[index]
7337
- : 100,
7338
- });
7339
- });
7340
- percentages.sort(function (a, b) { return b.percentage - a.percentage; });
7341
- var elements = percentages.map(function (ele, index) {
7342
- return (React.createElement("div", { className: "" },
7343
- React.createElement("div", { className: "company-info" },
7344
- isBase64(ele.company.logo) ? (React.createElement("img", { alt: "company logo", src: "data:image/jpeg;base64," + ele.company.logo })) : ele.company.logo ? (React.createElement("img", { alt: "company logo", src: ele.company.logo })) : ele.company.name ? (React.createElement("div", { className: "programme-logo" }, ele.company.name.charAt(0).toUpperCase())) : (React.createElement("div", { className: "programme-logo" }, "A")),
7345
- React.createElement("div", { className: "text-center programme-name" }, ele.company.name),
7346
- React.createElement("div", { className: "progress-bar" },
7347
- React.createElement("div", null,
7348
- React.createElement("div", { className: "float-left" }, t("view:ownership")),
7349
- React.createElement("div", { className: "float-right" },
7350
- ele.percentage,
7351
- "%")),
7352
- React.createElement(antd.Progress, { percent: ele.percentage, strokeWidth: 7, status: "active", showInfo: false })),
7353
- React.createElement(OrganisationStatus, { organisationStatus: parseInt(ele.company.state), t: t }))));
7354
- });
7355
- // genCerts(data);
7356
- var actionBtns = [];
7357
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== "ViewOnly") {
7358
- if (data.currentStage.toString() === "AwaitingAuthorization") {
7359
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT) {
7360
- actionBtns.push(React.createElement(antd.Button, { danger: true, onClick: function () {
7361
- setActionInfo({
7362
- action: "Reject",
7363
- text: t("view:popupText"),
7364
- type: "danger",
7365
- title: "".concat(t("view:rejectTitle"), " - ").concat(data.title, "?"),
7366
- remark: true,
7367
- icon: React.createElement(Icon__namespace.ClipboardX, null),
7368
- });
7369
- showModal();
7370
- } }, t("view:reject")));
7371
- actionBtns.push(React.createElement(antd.Button, { type: "primary", onClick: function () {
7372
- setActionInfo({
7373
- action: "Authorise",
7374
- text: t("view:popupText"),
7375
- title: "".concat(t("view:authTitle"), " - ").concat(data.title, "?"),
7376
- type: "primary",
7377
- remark: false,
7378
- icon: React.createElement(Icon__namespace.ClipboardCheck, null),
7379
- contentComp: (React.createElement(ProgrammeIssueForm, { enableIssue: false, programme: data, subText: t("view:popupText"), onCancel: function () {
7380
- setOpenModal(false);
7381
- setComment(undefined);
7382
- }, actionBtnText: t("view:authorise"), onFinish: function (body) {
7383
- return onPopupAction(body, "authorize", t("view:successAuth"), put, updateProgrammeData);
7384
- }, t: t })),
7385
- });
7386
- showModal();
7387
- } }, t("view:authorise")));
7388
- }
7389
- }
7390
- else if (data.currentStage.toString() !== exports.ProgrammeStage.Rejected &&
7391
- Number(data.creditEst) > Number(data.creditIssued)) {
7392
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT) {
7393
- if (Number(data.creditEst) > Number(data.creditIssued)) {
7394
- actionBtns.push(React.createElement(antd.Button, { type: "primary", onClick: function () {
7395
- setActionInfo({
7396
- action: "Issue",
7397
- text: t("view:popupText"),
7398
- title: "".concat(t("view:issueTitle"), " - ").concat(data.title, "?"),
7399
- type: "primary",
7400
- remark: false,
7401
- icon: React.createElement(Icon__namespace.Award, null),
7402
- contentComp: (React.createElement(ProgrammeIssueForm, { enableIssue: true, programme: data, subText: t("view:popupText"), onCancel: function () {
7403
- setOpenModal(false);
7404
- setComment(undefined);
7405
- }, actionBtnText: t("view:issue"), onFinish: function (body) {
7406
- return onPopupAction(body, "issue", t("view:successIssue"), put, updateProgrammeData);
7407
- }, t: t })),
7408
- });
7409
- showModal();
7410
- } }, t("view:issue")));
7411
- }
7412
- }
7413
- }
7414
- // if (userInfoState && data.companyId.includes(userInfoState?.companyId)) {
7415
- // actionBtns.push(
7416
- // <Button
7417
- // danger
7418
- // onClick={() => {
7419
- // setActionInfo({
7420
- // action: 'Retire',
7421
- // text: `You can’t undo this action`,
7422
- // type: 'danger',
7423
- // remark: true,
7424
- // icon: <PoweroffOutlined />,
7425
- // });
7426
- // showModal();
7427
- // }}
7428
- // >
7429
- // {t('view:retire')}
7430
- // </Button>
7431
- // );
7432
- // } else {
7433
- // actionBtns.push(
7434
- // <Button
7435
- // danger
7436
- // onClick={() => {
7437
- // setActionInfo({
7438
- // action: 'Retire',
7439
- // text: `You are going to transfer programme ${data.title}`,
7440
- // type: 'danger',
7441
- // });
7442
- // showModal();
7443
- // }}
7444
- // >
7445
- // {t('view:Transfer')}
7446
- // </Button>
7447
- // );
7448
- // }
7449
- if (userInfoState &&
7450
- userInfoState.companyState !== CompanyState.SUSPENDED.valueOf() &&
7451
- data.certifier &&
7452
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER &&
7453
- !data.certifier.map(function (e) { return e.companyId; }).includes(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId)) {
7454
- actionBtns.push(React.createElement(antd.Button, { type: "primary", onClick: function () {
7455
- setActionInfo({
7456
- action: "Certify",
7457
- text: "",
7458
- title: "".concat(t("view:certifyTitle"), " - ").concat(data.title, "?"),
7459
- type: "success",
7460
- remark: false,
7461
- icon: React.createElement(Icon.ShieldCheck, null),
7462
- });
7463
- showModal();
7464
- } }, t("view:certify")));
7465
- }
7466
- if (userInfoState &&
7467
- userInfoState.companyState !== CompanyState.SUSPENDED.valueOf() &&
7468
- data.certifier &&
7469
- data.certifier.length > 0 &&
7470
- (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER &&
7471
- data.certifier
7472
- .map(function (e) { return e.companyId; })
7473
- .includes(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId)) ||
7474
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT)) {
7475
- actionBtns.push(React.createElement(antd.Button, { danger: true, onClick: function () {
7476
- setActionInfo({
7477
- action: "Revoke",
7478
- title: "".concat(t("view:revokeTitle"), " - ").concat(data.title, "?"),
7479
- text: "",
7480
- type: "danger",
7481
- remark: true,
7482
- icon: React.createElement(Icon__namespace.ShieldExclamation, null),
7483
- contentComp: (React.createElement(ProgrammeRevokeForm, { programme: data, subText: t("view:popupText"), onCancel: function () {
7484
- setOpenModal(false);
7485
- setComment(undefined);
7486
- }, actionBtnText: t("view:revoke"), onFinish: function (body) {
7487
- return onPopupAction(body, "revoke", t("view:successRevokeCertifcate"), put, updateProgrammeData);
7488
- }, showCertifiers: userInfoState.companyRole === exports.CompanyRole.GOVERNMENT, t: t })),
7489
- });
7490
- showModal();
7491
- } }, t("view:revoke")));
7492
- }
7493
- }
7494
- // }
7495
- var generalInfo = {};
7496
- Object.entries(getGeneralFields(data)).forEach(function (_a) {
7497
- var k = _a[0], v = _a[1];
7498
- var text = t("view:" + k);
7499
- if (k === "currentStatus") {
7500
- generalInfo[text] = (React.createElement(antd.Tag, { color: getStageTagType(v) }, getStageEnumVal(v)));
7501
- }
7502
- else if (k === "sector") {
7503
- generalInfo[text] = (React.createElement(antd.Tag, { color: v === "Agriculture" ? "success" : "processing" }, v));
7504
- }
7505
- else if (k === "applicationType") {
7506
- generalInfo[text] = (React.createElement("span", null,
7507
- React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor }),
7508
- React.createElement("span", null, v)));
7509
- }
7510
- else {
7511
- generalInfo[text] = v;
7512
- }
7513
- });
7514
- var calculations = {};
7515
- if (data.typeOfMitigation === exports.TypeOfMitigation.AGRICULTURE) {
7516
- if (data.agricultureProperties) {
7517
- calculations = data.agricultureProperties;
7518
- if (calculations.landAreaUnit) {
7519
- calculations.landArea = new UnitField(data.agricultureProperties.landAreaUnit, addCommSep(data.agricultureProperties.landArea));
7520
- // addCommSep(data.agricultureProperties.landArea) +
7521
- // ' ' +
7522
- // data.agricultureProperties.landAreaUnit;
7523
- }
7524
- delete calculations.landAreaUnit;
7525
- }
7526
- }
7527
- else if (data.typeOfMitigation === exports.TypeOfMitigation.SOLAR) {
7528
- if (data.solarProperties) {
7529
- calculations = data.solarProperties;
7530
- if (calculations.energyGenerationUnit) {
7531
- calculations.energyGeneration = new UnitField(data.solarProperties.energyGenerationUnit, addCommSep(data.solarProperties.energyGeneration));
7532
- // addCommSep(data.solarProperties.energyGeneration) +
7533
- // ' ' +
7534
- // data.solarProperties.energyGenerationUnit;
7535
- }
7536
- else if (calculations.consumerGroup &&
7537
- typeof calculations.consumerGroup === "string") {
7538
- calculations.consumerGroup = (React.createElement(antd.Tag, { color: "processing" }, addSpaces(calculations.consumerGroup)));
7539
- }
7540
- delete calculations.energyGenerationUnit;
7541
- }
7542
- }
7543
- if (calculations) {
7544
- calculations.constantVersion = data.constantVersion;
7545
- }
7546
- var getFileName = function (filepath) {
7547
- var index = filepath.indexOf("?");
7548
- if (index > 0) {
7549
- filepath = filepath.substring(0, index);
7550
- }
7551
- var lastCharcter = filepath.charAt(filepath.length - 1);
7552
- if (lastCharcter === "/") {
7553
- filepath = filepath.slice(0, -1);
7554
- }
7555
- return filepath.substring(filepath.lastIndexOf("/") + 1);
7556
- };
7557
- var fileItemContent = function (filePath) {
7558
- return (React.createElement(antd.Row, { className: "field", key: filePath },
7559
- React.createElement(antd.Col, { span: 12, className: "field-key" },
7560
- React.createElement("a", { target: "_blank", href: filePath, rel: "noopener noreferrer", className: "file-name" }, getFileName(filePath))),
7561
- React.createElement(antd.Col, { span: 12, className: "field-value" },
7562
- React.createElement("a", { target: "_blank", href: filePath, rel: "noopener noreferrer", className: "file-name" },
7563
- React.createElement(Icon__namespace.Link45deg, { style: { verticalAlign: "middle" } })))));
7564
- };
7565
- var getFileContent = function (files) {
7566
- if (Array.isArray(files)) {
7567
- return files.map(function (filePath) {
7568
- return fileItemContent(filePath);
7569
- });
7570
- }
7571
- else {
7572
- return fileItemContent(files);
7573
- }
7574
- };
7575
- return loadingAll ? (React.createElement(Loading, null)) : (React.createElement("div", { className: "content-container programme-view" },
7576
- React.createElement("div", { className: "title-bar" },
7577
- React.createElement("div", null,
7578
- React.createElement("div", { className: "body-title" }, t("view:details")),
7579
- React.createElement("div", { className: "body-sub-title" }, t("view:desc"))),
7580
- React.createElement("div", { className: "flex-display action-btns" }, (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== "ViewOnly" && actionBtns)),
7581
- React.createElement("div", { className: "content-body" },
7582
- React.createElement(antd.Row, { gutter: 16 },
7583
- React.createElement(antd.Col, { md: 24, lg: 10 },
7584
- React.createElement(antd.Card, { className: "card-container" },
7585
- React.createElement("div", { className: "info-view" },
7586
- React.createElement("div", { className: "title" },
7587
- React.createElement("span", { className: "title-icon" }, React.createElement("span", { className: "b-icon" },
7588
- React.createElement(Icon__namespace.Building, null))),
7589
- React.createElement("span", { className: "title-text" }, t("view:programmeOwner"))),
7590
- React.createElement("div", { className: "centered-card" }, elements))),
7591
- getStageEnumVal(data.currentStage) ===
7592
- exports.ProgrammeStage.Authorised ? (React.createElement(antd.Card, { className: "card-container" },
7593
- React.createElement("div", { className: "info-view" },
7594
- React.createElement("div", { className: "title" },
7595
- React.createElement("span", { className: "title-icon" }, React.createElement(icons.BlockOutlined, null)),
7596
- React.createElement("span", { className: "title-text" }, t("view:credits"))),
7597
- React.createElement("div", { className: "map-content" },
7598
- React.createElement(Chart, { id: "creditChart", options: {
7599
- labels: [
7600
- "Authorised",
7601
- "Issued",
7602
- "Transferred",
7603
- "Retired",
7604
- "Frozen",
7605
- ],
7606
- legend: {
7607
- position: "bottom",
7608
- },
7609
- colors: [
7610
- "#6ACDFF",
7611
- "#D2FDBB",
7612
- "#CDCDCD",
7613
- "#FF8183",
7614
- "#B7A4FE",
7615
- ],
7616
- tooltip: {
7617
- fillSeriesColor: false,
7618
- },
7619
- states: {
7620
- normal: {
7621
- filter: {
7622
- type: "none",
7623
- value: 0,
7624
- },
7625
- },
7626
- hover: {
7627
- filter: {
7628
- type: "none",
7629
- value: 0,
7630
- },
7631
- },
7632
- active: {
7633
- allowMultipleDataPointsSelection: true,
7634
- filter: {
7635
- type: "darken",
7636
- value: 0.7,
7637
- },
7638
- },
7639
- },
7640
- stroke: {
7641
- colors: ["#00"],
7642
- },
7643
- plotOptions: {
7644
- pie: {
7645
- expandOnClick: false,
7646
- donut: {
7647
- labels: {
7648
- show: true,
7649
- total: {
7650
- showAlways: true,
7651
- show: true,
7652
- label: "Total",
7653
- formatter: function () { return "" + data.creditEst; },
7654
- },
7655
- },
7656
- },
7657
- },
7658
- },
7659
- dataLabels: {
7660
- enabled: false,
7661
- },
7662
- responsive: [
7663
- {
7664
- breakpoint: 480,
7665
- options: {
7666
- chart: {
7667
- width: "15vw",
7668
- },
7669
- legend: {
7670
- position: "bottom",
7671
- },
7672
- },
7673
- },
7674
- ],
7675
- }, series: pieChartData, type: "donut", width: "100%", fontFamily: "inter" }),
7676
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== "ViewOnly" &&
7677
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== "Certifier" && (React.createElement("div", { className: "flex-display action-btns" }, data.currentStage.toString() ===
7678
- exports.ProgrammeStage.Authorised &&
7679
- data.creditBalance -
7680
- (data.creditFrozen
7681
- ? data.creditFrozen.reduce(function (a, b) { return numIsExist(a) + numIsExist(b); }, 0)
7682
- : 0) >
7683
- 0 &&
7684
- !isTransferFrozen && (React.createElement("div", null,
7685
- (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ===
7686
- exports.CompanyRole.GOVERNMENT &&
7687
- !isAllOwnersDeactivated) ||
7688
- (data.companyId
7689
- .map(function (e) { return Number(e); })
7690
- .includes(userInfoState.companyId) &&
7691
- userInfoState.companyState !==
7692
- CompanyState.SUSPENDED.valueOf())) && (React.createElement("span", null,
7693
- React.createElement(antd.Button, { danger: true, onClick: function () {
7694
- setActionInfo({
7695
- action: "Retire",
7696
- text: t("view:popupText"),
7697
- title: t("view:retireTitle"),
7698
- type: "primary",
7699
- remark: true,
7700
- icon: React.createElement(Icon__namespace.Save, null),
7701
- contentComp: (React.createElement(ProgrammeRetireForm, { hideType: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
7702
- exports.CompanyRole.GOVERNMENT, myCompanyId: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId, programme: data, onCancel: function () {
7703
- setOpenModal(false);
7704
- setComment(undefined);
7705
- }, actionBtnText: t("view:retire"), onFinish: function (body) {
7706
- return onPopupAction(body, "retire", function (response) {
7707
- return getSuccessMsg(response, t("view:successRetireInit"), t("view:successRetire"));
7708
- }, put, updateCreditInfo);
7709
- }, t: t, useConnection: useConnection })),
7710
- });
7711
- showModal();
7712
- } }, t("view:retire")),
7713
- React.createElement(antd.Button, { type: "primary", onClick: function () {
7714
- setActionInfo({
7715
- action: "Send",
7716
- text: "",
7717
- title: t("view:sendCreditTitle"),
7718
- type: "primary",
7719
- remark: true,
7720
- icon: React.createElement(Icon__namespace.BoxArrowRight, null),
7721
- contentComp: (React.createElement(ProgrammeTransferForm, { companyRole: userInfoState.companyRole, receiverLabelText: t("view:to"), userCompanyId: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId, programme: data, subText: t("view:popupText"), onCancel: function () {
7722
- setOpenModal(false);
7723
- setComment(undefined);
7724
- }, actionBtnText: t("view:send"), onFinish: function (body) {
7725
- return onPopupAction(body, "transferRequest", function (response) {
7726
- return getSuccessMsg(response, t("view:successSendInit"), t("view:successSend"));
7727
- }, post, updateCreditInfo);
7728
- }, t: t, useConnection: useConnection })),
7729
- });
7730
- showModal();
7731
- } }, t("view:send")))),
7732
- !isAllOwnersDeactivated &&
7733
- userInfoState.companyState !==
7734
- CompanyState.SUSPENDED.valueOf() &&
7735
- !isTransferFrozen && (React.createElement(antd.Button, { type: "primary", onClick: function () {
7736
- setActionInfo({
7737
- action: "Request",
7738
- text: "",
7739
- title: t("view:transferTitle"),
7740
- type: "primary",
7741
- remark: true,
7742
- icon: React.createElement(Icon__namespace.BoxArrowInRight, null),
7743
- contentComp: (React.createElement(ProgrammeTransferForm, { companyRole: userInfoState.companyRole, userCompanyId: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId, receiverLabelText: t("view:by"), disableToCompany: true, toCompanyDefault: {
7744
- label: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName,
7745
- value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
7746
- }, programme: data, subText: t("view:popupText"), onCancel: function () {
7747
- setOpenModal(false);
7748
- setComment(undefined);
7749
- }, actionBtnText: t("view:request"), onFinish: function (body) {
7750
- return onPopupAction(body, "transferRequest", t("view:successRequest"), post, updateCreditInfo);
7751
- }, t: t, useConnection: useConnection })),
7752
- });
7753
- showModal();
7754
- } }, t("view:transfer"))))))))))) : (React.createElement("div", null)),
7755
- data.programmeProperties.programmeMaterials &&
7756
- data.programmeProperties.programmeMaterials.length > 0 && (React.createElement(antd.Card, { className: "card-container" },
7757
- React.createElement("div", { className: "info-view only-head" },
7758
- React.createElement("div", { className: "title" },
7759
- React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.Grid, null)),
7760
- React.createElement("span", { className: "title-text" }, t("view:programmeMaterial")),
7761
- React.createElement("div", null, getFileContent(data.programmeProperties.programmeMaterials)))))),
7762
- data.programmeProperties.projectMaterial &&
7763
- data.programmeProperties.projectMaterial.length > 0 && (React.createElement(antd.Card, { className: "card-container" },
7764
- React.createElement("div", { className: "info-view" },
7765
- React.createElement("div", { className: "title" },
7766
- React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.FileEarmarkText, null)),
7767
- React.createElement("span", { className: "title-text" }, t("view:projectMaterial")),
7768
- React.createElement("div", null, getFileContent(data.programmeProperties.projectMaterial)))))),
7769
- React.createElement(antd.Card, { className: "card-container" },
7770
- React.createElement("div", null,
7771
- React.createElement(InfoView, { data: mapArrayToi18n(getFinancialFields(data)), title: t("view:financial"), icon: React.createElement("span", { className: "b-icon" },
7772
- React.createElement(Icon__namespace.Cash, null)) })))),
7773
- React.createElement(antd.Col, { md: 24, lg: 14 },
7774
- React.createElement(antd.Card, { className: "card-container" },
7775
- React.createElement("div", null,
7776
- React.createElement(InfoView, { data: generalInfo, title: t("view:general"), icon: React.createElement(icons.BulbOutlined, null) }))),
7777
- mapType !== exports.MapTypes.None ? (React.createElement(antd.Card, { className: "card-container" },
7778
- React.createElement("div", { className: "info-view" },
7779
- React.createElement("div", { className: "title" },
7780
- React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.PinMap, null)),
7781
- React.createElement("span", { className: "title-text" }, t("view:location"))),
7782
- React.createElement("div", { className: "map-content" },
7783
- React.createElement(MapComponent, { mapType: mapType, center: centerPoint, zoom: 4, markers: markers, height: 250, style: "mapbox://styles/mapbox/streets-v11" }),
7784
- React.createElement(antd.Row, { className: "region-list" }, data.programmeProperties.geographicalLocation &&
7785
- data.programmeProperties.geographicalLocation.map(function (e, idx) { return (React.createElement(antd.Col, { className: "loc-tag" },
7786
- data.geographicalLocationCordintes &&
7787
- data.geographicalLocationCordintes[idx] !==
7788
- null &&
7789
- data.geographicalLocationCordintes[idx] !==
7790
- undefined && (React.createElement("span", { style: {
7791
- color: locationColors[(idx + 1) % locationColors.length],
7792
- }, className: "loc-icon" }, React.createElement(Icon__namespace.GeoAltFill, null))),
7793
- React.createElement("span", { className: "loc-text" }, e))); })))))) : (""),
7794
- calculations && (React.createElement(antd.Card, { className: "card-container" },
7795
- React.createElement("div", null,
7796
- React.createElement(InfoView, { data: mapArrayToi18n(calculations), title: t("view:calculation"), icon: React.createElement(icons.BulbOutlined, null) })))),
7797
- certs.length > 0 ? (React.createElement(antd.Card, { className: "card-container" },
7798
- React.createElement("div", { className: "info-view" },
7799
- React.createElement("div", { className: "title" },
7800
- React.createElement("span", { className: "title-icon" }, React.createElement(icons.SafetyOutlined, null)),
7801
- React.createElement("span", { className: "title-text" }, t("view:certification"))),
7802
- React.createElement("div", { className: "cert-content" }, certs)))) : (React.createElement("span", null)),
7803
- React.createElement(antd.Card, { className: "card-container" },
7804
- React.createElement("div", { className: "info-view" },
7805
- React.createElement("div", { className: "title" },
7806
- React.createElement("span", { className: "title-icon" }, React.createElement(icons.ClockCircleOutlined, null)),
7807
- React.createElement("span", { className: "title-text" }, t("view:timeline"))),
7808
- React.createElement("div", { className: "content" }, loadingHistory ? (React.createElement(antd.Skeleton, null)) : (React.createElement(antd.Steps, { current: 0, direction: "vertical", items: historyData })))))))),
7809
- React.createElement(antd.Modal, { title: React.createElement("div", { className: "popup-header" },
7810
- React.createElement("div", { className: "icon" }, actionInfo.icon),
7811
- React.createElement("div", null, actionInfo.title)), className: "popup-" + actionInfo.type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: function () {
7812
- setOpenModal(false);
7813
- setComment(undefined);
7814
- }, destroyOnClose: true }, actionInfo.contentComp ? (actionInfo.contentComp) : (React.createElement("div", null,
7815
- React.createElement("p", { className: "sub-text" }, actionInfo.text),
7816
- React.createElement(antd.Form, { layout: "vertical" },
7817
- React.createElement(antd.Form.Item, { className: "mg-bottom-0", label: t("view:remarks"), name: "remarks", required: actionInfo.remark },
7818
- React.createElement(TextArea, { defaultValue: comment, rows: 2, onChange: function (v) { return setComment(v.target.value); } }))),
7819
- React.createElement("div", null,
7820
- React.createElement("div", { className: "footer-btn" },
7821
- React.createElement(antd.Button, { onClick: function () {
7822
- setOpenModal(false);
7823
- setComment(undefined);
7824
- } }, t("view:cancel")),
7825
- React.createElement(antd.Button, { disabled: actionInfo.remark && (!comment || comment.trim() === ""), type: "primary", loading: confirmLoading, onClick: function () { return onAction(actionInfo.action); } }, actionInfo.action))))))));
7826
- };
7827
-
7828
- var css_248z$b = ".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";
7829
- styleInject(css_248z$b);
7830
-
7831
- function commonjsRequire(path) {
7832
- 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.');
7833
- }
7834
-
7835
- var moment$1 = {exports: {}};
7836
-
7837
- (function (module, exports) {
7838
- (function (global, factory) {
7839
- module.exports = factory() ;
7840
- }(commonjsGlobal, (function () {
7841
- var hookCallback;
7842
-
7843
- function hooks() {
7844
- return hookCallback.apply(null, arguments);
7845
- }
7846
-
7847
- // This is done to register the method called with moment()
7848
- // without creating circular dependencies.
7849
- function setHookCallback(callback) {
7850
- hookCallback = callback;
7851
- }
5834
+ // This is done to register the method called with moment()
5835
+ // without creating circular dependencies.
5836
+ function setHookCallback(callback) {
5837
+ hookCallback = callback;
5838
+ }
7852
5839
 
7853
5840
  function isArray(input) {
7854
5841
  return (
@@ -14421,8 +12408,8 @@ var ProgrammeCreationComponent = function (props) {
14421
12408
  ] })))));
14422
12409
  };
14423
12410
 
14424
- var css_248z$a = ".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";
14425
- styleInject(css_248z$a);
12411
+ var css_248z$f = ".mg-left-1 {\n margin-left: 1rem; }\n\n.add-user-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-user-main-container .title-container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n border-radius: 5px; }\n .add-user-main-container .title-container .titles {\n display: flex;\n flex-direction: column;\n width: 50%; }\n .add-user-main-container .title-container .titles .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-user-main-container .title-container .titles .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-user-main-container .title-container .actions {\n display: flex;\n flex-direction: row;\n align-items: end;\n justify-content: end;\n width: 50%; }\n .add-user-main-container .title-container .actions .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n\n.user-content-card {\n width: 100%;\n padding: 2.5rem 2rem 1rem 2rem;\n margin-top: 1rem; }\n\n.content-card .PhoneInputInput .input {\n border-radius: 5px !important; }\n\n.content-card .user-details-form .actions {\n display: flex;\n flex-direction: row-reverse; }\n\n.content-card .user-details-form .row .details-part-two .role-group .admin-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .admin-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #d12800 !important;\n border-color: #d12800 !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .admin-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #d12800; }\n\n.content-card .user-details-form .row .details-part-two .role-group .manager-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .manager-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #75009e !important;\n border-color: #75009e !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .manager-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #75009e; }\n\n.content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n\n.content-card .user-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.content-card .user-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n\n.content-card .user-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n\n.content-card .user-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n\n.content-card .user-details-form .row .details-part-two .role-group .admin {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .admin .ant-radio-button-checked {\n background: rgba(255, 166, 166, 0.42); }\n\n.content-card .user-details-form .row .details-part-two .role-group .manager {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .manager .ant-radio-button-checked {\n background: rgba(96, 27, 209, 0.13); }\n\n.content-card .user-details-form .row .details-part-two .role-group .view-only {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23); }\n\n.content-card .create-user-container {\n padding: 30px 10px;\n background-color: #ffffff; }\n .content-card .create-user-container .ant-row {\n margin-bottom: 0.5vw; }\n .content-card .create-user-container .create-user-btn-container {\n margin-top: 1.5vw;\n margin-bottom: 0; }\n .content-card .create-user-container .create-user-btn-container .ant-btn-primary {\n background-color: #d12800;\n color: #ffffff;\n font-family: \"Inter-Regular\";\n border: none;\n height: 40px;\n font-size: 0.9rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 170px; }\n .content-card .create-user-container .create-user-image-upload {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-label {\n margin-right: 2vw; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-label .create-user-image-upload-txt {\n font-family: \"Inter-Regular\";\n font-size: 1.1rem; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container .create-user-image-upload-btn {\n margin-right: 1vw; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container .create-user-image-upload-error-txt {\n font-family: \"Inter-Regular\";\n font-size: 1rem;\n color: rgba(255, 77, 79, 0.8); }\n";
12412
+ styleInject(css_248z$f);
14426
12413
 
14427
12414
  var ChangePasswordModel = function (props) {
14428
12415
  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;
@@ -14846,8 +12833,8 @@ var AddNewUserComponent = function (props) {
14846
12833
  React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
14847
12834
  };
14848
12835
 
14849
- var css_248z$9 = ".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";
14850
- styleInject(css_248z$9);
12836
+ var css_248z$e = ".user-profile {\n padding: 0px 50px; }\n .user-profile .login-language-selection-txt .ant-select {\n width: 120px; }\n .user-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .user-profile .mg-left-1 {\n margin-left: 1rem; }\n .user-profile .mg-top-1 {\n margin-top: 1rem; }\n .user-profile .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n .user-profile .profile-img {\n width: 170px; }\n .user-profile .company-name {\n font-size: 16px;\n line-height: 24px;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .user-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n";
12837
+ styleInject(css_248z$e);
14851
12838
 
14852
12839
  var UserRoleIcon = function (props) {
14853
12840
  var role = props.role;
@@ -14856,8 +12843,8 @@ var UserRoleIcon = function (props) {
14856
12843
  React.createElement("div", null, role === "ViewOnly" ? "Viewer" : role)));
14857
12844
  };
14858
12845
 
14859
- var css_248z$8 = ".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";
14860
- styleInject(css_248z$8);
12846
+ var css_248z$d = ".login-language-selection-container {\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: #16b1ff; }\n .login-language-selection-container .ant-select {\n width: 183px;\n text-align: center;\n color: #16b1ff; }\n .login-language-selection-container .ant-select .ant-select-arrow {\n color: #16b1ff; }\n .login-language-selection-container .ant-select-selector {\n color: #16b1ff;\n text-transform: uppercase;\n border: 1px solid #16b1ff !important;\n border-radius: 4px !important; }\n .login-language-selection-container .ant-select-item {\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: #16b1ff; }\n .login-language-selection-container .ant-select-selection-item {\n color: #16b1ff !important;\n font-weight: 500; }\n\n.login-language-selection .ant-select-item {\n font-weight: 400;\n font-size: 13px;\n line-height: 22px;\n color: #16b1ff;\n text-align: center; }\n\n.login-language-selection .ant-select-item-option .ant-select-item-option-content {\n color: rgba(58, 53, 65, 0.5); }\n\n.login-language-selection .ant-select-item-option-selected {\n color: #16b1ff !important;\n line-height: 15.73px; }\n .login-language-selection .ant-select-item-option-selected .ant-select-item-option-content {\n color: #16b1ff; }\n";
12847
+ styleInject(css_248z$d);
14861
12848
 
14862
12849
  var LanguageSelection = function (props) {
14863
12850
  var i18n = props.i18n;
@@ -15046,8 +13033,8 @@ var UserProfileComponent = function (props) {
15046
13033
  : "-")))))))))));
15047
13034
  };
15048
13035
 
15049
- var css_248z$7 = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
15050
- styleInject(css_248z$7);
13036
+ var css_248z$c = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
13037
+ styleInject(css_248z$c);
15051
13038
 
15052
13039
  var Search = antd.Input.Search;
15053
13040
  var UserManagementComponent = function (props) {
@@ -15585,8 +13572,12 @@ var UserManagementComponent = function (props) {
15585
13572
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15586
13573
  };
15587
13574
 
15588
- var css_248z$6 = ".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";
15589
- styleInject(css_248z$6);
13575
+ var css_248z$b = ".steps-actions {\n text-align: right; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
13576
+ styleInject(css_248z$b);
13577
+
13578
+ var Loading = function () {
13579
+ return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
13580
+ };
15590
13581
 
15591
13582
  var InvestmentCreationComponent = function (props) {
15592
13583
  var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
@@ -16679,8 +14670,8 @@ var InvestmentManagementComponent = function (props) {
16679
14670
  }, 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 }))));
16680
14671
  };
16681
14672
 
16682
- var css_248z$5 = ".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";
16683
- styleInject(css_248z$5);
14673
+ var css_248z$a = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n";
14674
+ styleInject(css_248z$a);
16684
14675
 
16685
14676
  var NdcActionManagementComponent = function (props) {
16686
14677
  var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
@@ -17060,8 +15051,8 @@ var NdcActionManagementComponent = function (props) {
17060
15051
  } })))))));
17061
15052
  };
17062
15053
 
17063
- var css_248z$4 = ".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";
17064
- styleInject(css_248z$4);
15054
+ var css_248z$9 = ".ndc-action-details-container Input {\n height: 40px; }\n\n.ndc-action-details-container .in-nap-col {\n width: 100%; }\n\n.ndc-action-details-container .included-nap-col {\n width: 40%;\n display: flex; }\n .ndc-action-details-container .included-nap-col .in-nap-row {\n width: 100%;\n align-items: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-label .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container {\n width: 43%;\n text-align: center; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.ndc-action-details-container .row-custom-1 {\n display: flex;\n margin-bottom: 2px; }\n\n.ndc-action-details-container .row-custom {\n display: flex;\n width: 200px;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .ndc-action-details-container .row-custom .ant-input-number {\n height: 35px;\n display: flex;\n align-items: center;\n justify-content: center; }\n\n.ndc-action-details-container .enablement-type-item {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-form-item-row {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .ant-checkbox-wrapper {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp {\n display: flex;\n width: 100%; }\n .ndc-action-details-container .enablement-type-item .type-checkbox-grp .grp-row {\n display: flex;\n width: 100%; }\n\n.ndc-action-details-container .ant-select-selection-item {\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n font-family: \"Inter\";\n color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.5);\n margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .ndc-action-details-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .ndc-action-details-container .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .ndc-action-details-container .design-upload-section .ant-upload {\n width: 20%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n";
15055
+ styleInject(css_248z$9);
17065
15056
 
17066
15057
  var EnablementTypes;
17067
15058
  (function (EnablementTypes) {
@@ -17675,11 +15666,11 @@ var NdcActionDetails = function (props) {
17675
15666
  React.createElement(antd.Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
17676
15667
  };
17677
15668
 
17678
- var css_248z$3 = ".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";
17679
- styleInject(css_248z$3);
15669
+ var css_248z$8 = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
15670
+ styleInject(css_248z$8);
17680
15671
 
17681
- var css_248z$2 = ".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";
17682
- styleInject(css_248z$2);
15672
+ var css_248z$7 = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
15673
+ styleInject(css_248z$7);
17683
15674
 
17684
15675
  var GenderParity = function (props) {
17685
15676
  var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
@@ -20000,7 +17991,7 @@ var AddNdcActionComponent = function (props) {
20000
17991
  }
20001
17992
  }, []);
20002
17993
  var isProjectReportsVisible = function () {
20003
- return (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.currentStage) === exports.ProgrammeStage.Authorised;
17994
+ return (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.currentStage) === exports.ProgrammeStageR.Authorised;
20004
17995
  };
20005
17996
  var saveNdcAction = function (ndcActionDetailsObj) { return __awaiter(void 0, void 0, void 0, function () {
20006
17997
  var response, error_1;
@@ -20172,28 +18163,119 @@ var AddNdcActionComponent = function (props) {
20172
18163
  React.createElement(antd.Button, { onClick: onClickBack }, t("ndcAction:back")),
20173
18164
  React.createElement(antd.Button, { className: "mg-left-1", htmlType: "submit", type: "primary", loading: loading }, t("ndcAction:submit"))))))),
20174
18165
  });
20175
- }
20176
- return (React.createElement("div", { className: "add-ndc-main-container" },
20177
- React.createElement("div", { className: "title-container" },
20178
- React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle")),
20179
- React.createElement("div", { className: "sub" }, t("ndcAction:addNdcSubTitle"))),
20180
- React.createElement("div", { className: "adding-section" },
20181
- React.createElement("div", { className: "form-section" },
20182
- React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
18166
+ }
18167
+ return (React.createElement("div", { className: "add-ndc-main-container" },
18168
+ React.createElement("div", { className: "title-container" },
18169
+ React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle")),
18170
+ React.createElement("div", { className: "sub" }, t("ndcAction:addNdcSubTitle"))),
18171
+ React.createElement("div", { className: "adding-section" },
18172
+ React.createElement("div", { className: "form-section" },
18173
+ React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
18174
+ };
18175
+
18176
+ var css_248z$6 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
18177
+ styleInject(css_248z$6);
18178
+
18179
+ var LegendItem = function (props) {
18180
+ var text = props.text, color = props.color;
18181
+ return (React.createElement("div", { className: "legend-item-container" },
18182
+ React.createElement(Icon.CircleFill, { color: color, size: 12 }),
18183
+ React.createElement("div", { className: "text" }, text)));
18184
+ };
18185
+
18186
+ var css_248z$5 = ".map-box-container .mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.map-box-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.map-box-container .mapboxgl-popup-close-button,\n.map-box-container .mapboxgl-popup-close-button:hover {\n display: none; }\n";
18187
+ styleInject(css_248z$5);
18188
+
18189
+ var MapboxComponent = function (props) {
18190
+ var mapContainerRef = React.useRef(null);
18191
+ var center = props.center, markers = props.markers, mapSource = props.mapSource, onClick = props.onClick, showPopupOnClick = props.showPopupOnClick, onMouseMove = props.onMouseMove, layer = props.layer, height = props.height, style = props.style, zoom = props.zoom, onRender = props.onRender, accessToken = props.accessToken;
18192
+ mapboxgl.accessToken = accessToken;
18193
+ React.useEffect(function () {
18194
+ if (!mapContainerRef || !mapContainerRef.current || center.length !== 2) {
18195
+ return;
18196
+ }
18197
+ var map = new mapboxgl.Map({
18198
+ container: mapContainerRef.current || '',
18199
+ style: style,
18200
+ center: !Number.isNaN(center[0]) && !Number.isNaN(center[1])
18201
+ ? [center[0], center[1]]
18202
+ : [9.082, 8.6753],
18203
+ zoom: zoom,
18204
+ maxZoom: 17,
18205
+ });
18206
+ map.on('load', function () {
18207
+ var currentMarkes = {};
18208
+ if (mapSource) {
18209
+ map.addSource(mapSource.key, mapSource.data);
18210
+ }
18211
+ if (onClick) {
18212
+ map.on('click', function (e) {
18213
+ var popupContent = onClick(map, e);
18214
+ if (showPopupOnClick && popupContent) {
18215
+ new mapboxgl.Popup()
18216
+ .setLngLat(map.unproject(e.point))
18217
+ .setHTML(popupContent)
18218
+ .addTo(map);
18219
+ }
18220
+ });
18221
+ }
18222
+ if (onMouseMove) {
18223
+ map.on('mousemove', function (e) {
18224
+ onMouseMove(map, e);
18225
+ });
18226
+ }
18227
+ if (layer) {
18228
+ map.addLayer(layer);
18229
+ }
18230
+ if (onRender) {
18231
+ map.on('render', function () {
18232
+ var markersList = onRender(map);
18233
+ if (markersList) {
18234
+ markersList.forEach(function (marker) {
18235
+ if (!currentMarkes[marker.id]) {
18236
+ var createdMarker = new mapboxgl.Marker({
18237
+ color: marker.color,
18238
+ element: marker.element ? marker.element : undefined,
18239
+ })
18240
+ .setLngLat([marker.location[0], marker.location[1]])
18241
+ .addTo(map);
18242
+ currentMarkes[marker.id] = createdMarker;
18243
+ }
18244
+ });
18245
+ var _loop_1 = function (id) {
18246
+ if (!(markersList === null || markersList === void 0 ? void 0 : markersList.some(function (marker) { var _a; return ((_a = marker.id) === null || _a === void 0 ? void 0 : _a.toString()) === id; }))) {
18247
+ currentMarkes[id].remove();
18248
+ delete currentMarkes[id];
18249
+ }
18250
+ };
18251
+ for (var id in currentMarkes) {
18252
+ _loop_1(id);
18253
+ }
18254
+ }
18255
+ });
18256
+ }
18257
+ });
18258
+ if (markers) {
18259
+ markers.forEach(function (marker) {
18260
+ new mapboxgl.Marker({
18261
+ color: marker.color,
18262
+ element: marker.element ? marker.element : undefined,
18263
+ })
18264
+ .setLngLat([marker.location[0], marker.location[1]])
18265
+ .addTo(map);
18266
+ });
18267
+ }
18268
+ });
18269
+ return (React.createElement("div", { className: "map-box-container", style: { width: '100%', height: "".concat(height, "px") }, ref: mapContainerRef }));
20183
18270
  };
20184
18271
 
20185
- var css_248z$1 = ".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";
20186
- styleInject(css_248z$1);
20187
-
20188
- var LegendItem = function (props) {
20189
- var text = props.text, color = props.color;
20190
- return (React.createElement("div", { className: "legend-item-container" },
20191
- React.createElement(Icon.CircleFill, { color: color, size: 12 }),
20192
- React.createElement("div", { className: "text" }, text)));
18272
+ var MapComponent = function (props) {
18273
+ var mapType = props.mapType;
18274
+ return React.createElement("div", null, mapType === exports.MapTypes.Mapbox ? MapboxComponent(props) : "");
20193
18275
  };
20194
18276
 
20195
- var css_248z = ".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";
20196
- styleInject(css_248z);
18277
+ var css_248z$4 = ".stastic-card-main-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 11.2rem;\n background-color: white;\n border-radius: 0.625rem;\n padding: 1rem 1.875rem 0 1.875rem; }\n .stastic-card-main-container .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n height: 3.3rem; }\n .stastic-card-main-container .title-section .title {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: 'Inter';\n font-size: 1.15rem;\n font-weight: 600;\n width: 95%;\n color: rgba(58, 53, 65, 0.8); }\n .stastic-card-main-container .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 5%;\n align-items: center;\n justify-content: flex-end; }\n .stastic-card-main-container .values-section {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n height: 5rem; }\n .stastic-card-main-container .values-section .values-and-unit {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 60%; }\n .stastic-card-main-container .values-section .values-and-unit .value {\n font-family: 'Inter';\n font-size: 2rem;\n font-weight: 600;\n width: 100%;\n color: #16b1ff;\n padding: 0; }\n .stastic-card-main-container .values-section .values-and-unit .unit {\n margin-bottom: -0.6rem;\n margin-left: 0.2rem;\n margin-top: -0.66rem;\n font-family: 'Inter';\n font-size: 0.875rem;\n font-weight: 500;\n width: 100%;\n color: rgba(58, 53, 65, 0.5); }\n .stastic-card-main-container .values-section .icon-section {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n width: 40%;\n justify-content: flex-start; }\n .stastic-card-main-container .values-section .icon-section img {\n height: 80px; }\n .stastic-card-main-container .values-section .updated-on-null {\n display: flex;\n flex-direction: row;\n font-size: 0.813rem;\n border-radius: 3.125rem;\n padding: 0 0.5rem 0 0.5rem;\n margin-top: 1rem;\n color: transparent;\n background-color: transparent; }\n .stastic-card-main-container .updated-on {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n width: max-content;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
18278
+ styleInject(css_248z$4);
20197
18279
 
20198
18280
  var StatsCardsTypes;
20199
18281
  (function (StatsCardsTypes) {
@@ -20395,40 +18477,1532 @@ var toolTipTextGen = function (companyRole, cardType, mine) {
20395
18477
  text =
20396
18478
  'Graphical representation of the number of credits of programmes created during the specified period in each credit state in the carbon registry at present';
20397
18479
  }
20398
- else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
20399
- text =
20400
- 'Graphical representation of the number of credits of programmes created during the specified period certified, uncertified and revoked in the carbon registry at present';
18480
+ else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
18481
+ text =
18482
+ 'Graphical representation of the number of credits of programmes created during the specified period certified, uncertified and revoked in the carbon registry at present';
18483
+ }
18484
+ else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
18485
+ text =
18486
+ 'Locations of the programmes created during the specified period and their programme states in the carbon registry at present';
18487
+ }
18488
+ else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
18489
+ text =
18490
+ 'Locations of credits of international transfer requests recognised during the specified period';
18491
+ }
18492
+ }
18493
+ return text;
18494
+ };
18495
+
18496
+ var StasticCard = function (props) {
18497
+ var value = props.value, title = props.title, updatedDate = props.updatedDate, icon = props.icon, loading = props.loading, companyRole = props.companyRole;
18498
+ return (React.createElement("div", { className: "stastic-card-main-container" }, loading ? (React.createElement(antd.Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
18499
+ React.createElement("div", { className: "title-section" },
18500
+ React.createElement("div", { className: "title" }, title),
18501
+ React.createElement("div", { className: "info-container" },
18502
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "bottomRight", trigger: "hover", title: toolTipTextGen(companyRole, title) },
18503
+ React.createElement(Icon.InfoCircle, { color: "#000000", size: 17 })))),
18504
+ React.createElement("div", { className: "values-section" },
18505
+ React.createElement("div", { className: "values-and-unit" },
18506
+ title.includes('Credit') && React.createElement("div", { className: "unit" }, "ITMOs"),
18507
+ React.createElement("div", { className: "value" }, title.includes('Credit')
18508
+ ? value === 0 || String(value) === 'NaN'
18509
+ ? 0
18510
+ : addCommSep(value)
18511
+ : value)),
18512
+ React.createElement("div", { className: "icon-section" }, icon)),
18513
+ updatedDate !== '0' && React.createElement("div", { className: "updated-on" }, updatedDate)))));
18514
+ };
18515
+
18516
+ var css_248z$3 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .row {\n display: flex;\n width: 40%;\n align-items: center;\n justify-content: space-between; }\n .info-view .field-value .row .key {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n .info-view .field-value .row .data {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
18517
+ styleInject(css_248z$3);
18518
+
18519
+ var dateFormat = 'dd LLLL yyyy';
18520
+ var creditUnit = 'ITMO';
18521
+
18522
+ var InfoView = function (props) {
18523
+ var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
18524
+ return (React.createElement("div", { className: "info-view" },
18525
+ React.createElement("div", { className: "title" },
18526
+ React.createElement("span", { className: "title-icon" }, icon),
18527
+ React.createElement("span", { className: "title-text" }, title)),
18528
+ React.createElement("div", null, Object.keys(data).map(function (k) {
18529
+ var _a;
18530
+ if (hiddenColumns.indexOf(k) < 0) {
18531
+ return (React.createElement(antd.Row, { className: "field", key: k },
18532
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, k),
18533
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, k.includes("GHG Emissions") ? (((_a = Object.values(data[k])) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (Object.entries(data[k]).map(function (_a) {
18534
+ var key = _a[0]; _a[1];
18535
+ return (React.createElement("div", { className: "row" },
18536
+ React.createElement("div", { className: "key" }, key),
18537
+ React.createElement("div", { className: "data" }, data[k][key])));
18538
+ })) : (React.createElement("div", null, "-"))) : (React.createElement("span", null, data[k] instanceof luxon.DateTime
18539
+ ? data[k].toFormat(dateFormat)
18540
+ : data[k] === "" || !data[k] || data[k] === "NaN"
18541
+ ? "-"
18542
+ : data[k])))));
18543
+ }
18544
+ else {
18545
+ return null;
18546
+ }
18547
+ }))));
18548
+ };
18549
+ InfoView.defaultProps = {
18550
+ hiddenColumns: [],
18551
+ };
18552
+
18553
+ var ImgWithFallback = function (_a) {
18554
+ var src = _a.src, alt = _a.alt, fallbackSrc = _a.fallbackSrc, mediaType = _a.mediaType, className = _a.className, delegated = __rest(_a, ["src", "alt", "fallbackSrc", "mediaType", "className"]);
18555
+ return (React.createElement("picture", null,
18556
+ React.createElement("source", { srcSet: src, type: mediaType }),
18557
+ React.createElement("img", __assign({ className: className, src: fallbackSrc, alt: alt }, delegated))));
18558
+ };
18559
+
18560
+ var css_248z$2 = ".margin-left-1 {\n margin-left: 1rem; }\n\n.investment-body {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n height: 3rem; }\n .investment-body .invester {\n display: flex;\n flex-direction: column;\n width: 50%; }\n .investment-body .invester .name-and-progress {\n display: flex;\n flex-direction: row;\n width: 100%; }\n .investment-body .invester .name-and-progress .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.3rem; }\n .investment-body .invester .name-and-progress .progress {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-top: 0.2rem;\n margin-left: 1rem; }\n .investment-body .amount {\n display: flex;\n flex-direction: row;\n font-weight: 500;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.8);\n width: 32%; }\n .investment-body .actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 18%; }\n .investment-body .actions .actions-icon-container {\n display: flex;\n height: 30px;\n width: 30px;\n align-items: center;\n justify-content: center;\n background-color: rgba(151, 110, 215, 0.3);\n border-radius: 50px; }\n .investment-body .actions .actions-icon-container .action-icons {\n color: #16b1ff;\n font-size: 16px; }\n";
18561
+ styleInject(css_248z$2);
18562
+
18563
+ var InvestmentBody = function (props) {
18564
+ var data = props.data, translator = props.translator;
18565
+ translator.t;
18566
+ var _a = React.useState(false), loading = _a[0]; _a[1];
18567
+ var _b = React.useState({}), investmentData = _b[0], setInvestmentData = _b[1];
18568
+ React.useEffect(function () {
18569
+ setInvestmentData(data);
18570
+ console.log(data);
18571
+ }, [data]);
18572
+ return loading ? (React.createElement(antd.Skeleton, null)) : (React.createElement("div", { className: "investment-body" },
18573
+ React.createElement("div", { className: "invester" },
18574
+ React.createElement("div", { className: "name-and-progress" },
18575
+ React.createElement("div", { className: "name" }, investmentData === null || investmentData === void 0 ? void 0 : investmentData.invester),
18576
+ React.createElement("div", { className: "progress" }, (investmentData === null || investmentData === void 0 ? void 0 : investmentData.status) === exports.InvestmentStatus.APPROVED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })))),
18577
+ React.createElement("div", { className: "time" }, moment(parseInt(investmentData === null || investmentData === void 0 ? void 0 : investmentData.createdAt)).format("DD MMMM YYYY @ HH:mm"))),
18578
+ React.createElement("div", { className: "amount" },
18579
+ "$",
18580
+ addCommSep(investmentData === null || investmentData === void 0 ? void 0 : investmentData.amount)),
18581
+ React.createElement("div", { className: "actions" },
18582
+ (investmentData === null || investmentData === void 0 ? void 0 : investmentData.type) !== null && (React.createElement("div", { className: "actions-icon-container" },
18583
+ React.createElement(antd.Tooltip, { title: investmentData === null || investmentData === void 0 ? void 0 : investmentData.type, color: TooltipColor, key: TooltipColor }, (investmentData === null || investmentData === void 0 ? void 0 : investmentData.type) === exports.InvestmentType.PUBLIC ? (React.createElement(icons.EyeOutlined, { className: "action-icons" })) : (React.createElement(icons.EyeInvisibleOutlined, { className: "action-icons" }))))),
18584
+ (investmentData === null || investmentData === void 0 ? void 0 : investmentData.level) !== null && (React.createElement("div", { className: "actions-icon-container" },
18585
+ React.createElement(antd.Tooltip, { title: investmentData === null || investmentData === void 0 ? void 0 : investmentData.level, color: TooltipColor, key: TooltipColor }, (investmentData === null || investmentData === void 0 ? void 0 : investmentData.level) === exports.InvestmentLevel.INTERNATIONAL ? (React.createElement(icons.GlobalOutlined, { className: "action-icons" })) : (React.createElement(icons.FlagOutlined, { className: "action-icons" }))))),
18586
+ (investmentData === null || investmentData === void 0 ? void 0 : investmentData.stream) !== null && (React.createElement("div", { className: "actions-icon-container" },
18587
+ React.createElement(antd.Tooltip, { title: addSpaces(investmentData === null || investmentData === void 0 ? void 0 : investmentData.stream), color: TooltipColor, key: TooltipColor }, (investmentData === null || investmentData === void 0 ? void 0 : investmentData.stream) === exports.InvestmentStream.CLIMATE_FINANCE ? (React.createElement(icons.BankOutlined, { className: "action-icons" })) : (React.createElement(icons.LineChartOutlined, { className: "action-icons" }))))))));
18588
+ };
18589
+
18590
+ var ProgrammeIssueForm = function (props) {
18591
+ var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, enableIssue = props.enableIssue, translator = props.translator;
18592
+ var t = translator.t;
18593
+ var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
18594
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
18595
+ return (React.createElement("div", { className: "transfer-form" },
18596
+ React.createElement(antd.Row, null,
18597
+ React.createElement(antd.Col, { span: 24, className: "sub-text" }, subText)),
18598
+ React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
18599
+ issueAmount: 0,
18600
+ }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
18601
+ var res;
18602
+ return __generator(this, function (_a) {
18603
+ switch (_a.label) {
18604
+ case 0:
18605
+ if (d.issueAmount === 0) {
18606
+ setPopupError("Issue amount should be greater than 0");
18607
+ setLoading(false);
18608
+ return [2 /*return*/];
18609
+ }
18610
+ setLoading(true);
18611
+ return [4 /*yield*/, onFinish(d)];
18612
+ case 1:
18613
+ res = _a.sent();
18614
+ setPopupError(res);
18615
+ setLoading(false);
18616
+ return [2 /*return*/];
18617
+ }
18618
+ });
18619
+ }); } },
18620
+ enableIssue ? (React.createElement(antd.Row, null,
18621
+ React.createElement(antd.Col, { lg: 11, md: 24 },
18622
+ React.createElement("div", { className: "label" }, "".concat(t("view:issueCreditText"), " (").concat(creditUnit, ")"))),
18623
+ React.createElement(antd.Col, { lg: 6, md: 12 },
18624
+ React.createElement(antd.Form.Item, { className: "popup-credit-input", name: "issueAmount", rules: [
18625
+ {
18626
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
18627
+ message: "Credit Should be a positive number",
18628
+ },
18629
+ {
18630
+ required: true,
18631
+ message: "Required field",
18632
+ },
18633
+ function (_a) {
18634
+ var getFieldValue = _a.getFieldValue;
18635
+ return ({
18636
+ validator: function (rule, value) {
18637
+ if (getFieldValue("issueAmount") &&
18638
+ parseFloat(getFieldValue("issueAmount")) >
18639
+ programme.creditEst - programme.creditIssued) {
18640
+ // eslint-disable-next-line prefer-promise-reject-errors
18641
+ return Promise.reject("Amount > Authorised");
18642
+ }
18643
+ return Promise.resolve();
18644
+ },
18645
+ });
18646
+ },
18647
+ ] },
18648
+ React.createElement(antd.InputNumber, { placeholder: "", controls: false, onKeyPress: function (event) {
18649
+ if (!/[0-9\.]/.test(event.key)) {
18650
+ event.preventDefault();
18651
+ }
18652
+ } }))),
18653
+ React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
18654
+ React.createElement(antd.Col, { lg: 6, md: 12 },
18655
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
18656
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(programme.creditEst - programme.creditIssued), disabled: true }))))) : (React.createElement(antd.Row, null,
18657
+ React.createElement(antd.Col, { lg: 18, md: 20 },
18658
+ React.createElement("div", { className: "label" }, "".concat(t("view:authCreditText"), " (").concat(creditUnit, ")"))),
18659
+ React.createElement(antd.Col, { lg: 6, md: 6 },
18660
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
18661
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(programme.creditEst - programme.creditIssued), disabled: true }))))),
18662
+ React.createElement(antd.Row, null,
18663
+ React.createElement(antd.Col, { span: 24 },
18664
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment" },
18665
+ React.createElement(antd.Input.TextArea, { placeholder: "" })))),
18666
+ popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
18667
+ React.createElement(antd.Form.Item, { className: "footer" },
18668
+ React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
18669
+ React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
18670
+ };
18671
+
18672
+ var CompanyState;
18673
+ (function (CompanyState) {
18674
+ CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
18675
+ CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
18676
+ })(CompanyState || (CompanyState = {}));
18677
+
18678
+ var ProgrammeRetireForm = function (props) {
18679
+ var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, translator = props.translator, useConnection = props.useConnection;
18680
+ var t = translator.t;
18681
+ var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
18682
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
18683
+ var _c = React.useState(""), type = _c[0], setType = _c[1];
18684
+ var form = antd.Form.useForm()[0];
18685
+ var _d = React.useState(0), currentSum = _d[0], setCurrentSum = _d[1];
18686
+ var _e = React.useState([]), countryList = _e[0], setCountryList = _e[1];
18687
+ var _f = React.useState(); _f[0]; var setValue = _f[1];
18688
+ var _g = React.useState(false), checked = _g[0], setChecked = _g[1];
18689
+ var _h = useConnection(); _h.get; _h.delete; var post = _h.post;
18690
+ var handleSearch = function (newValue) { return __awaiter(void 0, void 0, void 0, function () {
18691
+ var resp;
18692
+ return __generator(this, function (_a) {
18693
+ switch (_a.label) {
18694
+ case 0:
18695
+ if (!(newValue !== undefined)) return [3 /*break*/, 2];
18696
+ return [4 /*yield*/, post("national/organisation/countries", {
18697
+ page: 1,
18698
+ size: 250,
18699
+ filterAnd: [
18700
+ {
18701
+ key: "name",
18702
+ operation: "like",
18703
+ value: newValue.charAt(0).toUpperCase() + newValue.slice(1) + "%",
18704
+ },
18705
+ ],
18706
+ sort: {
18707
+ key: "name",
18708
+ order: "ASC",
18709
+ },
18710
+ })];
18711
+ case 1:
18712
+ resp = _a.sent();
18713
+ setCountryList(resp.data.map(function (d) { return ({ label: d.name, value: d.alpha2 }); }));
18714
+ _a.label = 2;
18715
+ case 2: return [2 /*return*/];
18716
+ }
18717
+ });
18718
+ }); };
18719
+ var handleChange = function (newValue) {
18720
+ setValue(newValue);
18721
+ };
18722
+ // if (!toCompanyDefault) {
18723
+ // const myIndex = programme.companyId.map(e => Number(e)).indexOf(userCompanyId!);
18724
+ // if (myIndex >= 0) {
18725
+ // programme.companyId.splice(myIndex, 1);
18726
+ // programme.creditOwnerPercentage.splice(myIndex, 1);
18727
+ // }
18728
+ // }
18729
+ if (!programme.creditOwnerPercentage && programme.companyId.length === 1) {
18730
+ programme.creditOwnerPercentage = [100];
18731
+ }
18732
+ var companies = {};
18733
+ for (var _i = 0, _j = programme.company; _i < _j.length; _i++) {
18734
+ var c = _j[_i];
18735
+ companies[c.companyId] = c;
18736
+ }
18737
+ var validCompanies = [];
18738
+ var companyCredit = [];
18739
+ var totalCredits = 0;
18740
+ var companyName = undefined;
18741
+ for (var index in programme.creditOwnerPercentage) {
18742
+ if ((hideType && Number(programme.companyId[index]) !== myCompanyId) ||
18743
+ parseInt(companies[Number(programme.companyId[index])].state) ===
18744
+ CompanyState.SUSPENDED.valueOf()) {
18745
+ continue;
18746
+ }
18747
+ else {
18748
+ companyName = companies[Number(programme.companyId[index])].name;
20401
18749
  }
20402
- else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
20403
- text =
20404
- 'Locations of the programmes created during the specified period and their programme states in the carbon registry at present';
18750
+ var companyAvailableTotal = ((programme.creditBalance -
18751
+ (programme.creditFrozen ? programme.creditFrozen[index] : 0)) *
18752
+ programme.creditOwnerPercentage[index]) /
18753
+ 100;
18754
+ validCompanies.push({
18755
+ percentage: programme.creditOwnerPercentage[index],
18756
+ name: companies[Number(programme.companyId[index])].name,
18757
+ available: companyAvailableTotal,
18758
+ companyId: Number(programme.companyId[index]),
18759
+ });
18760
+ companyCredit.push(0);
18761
+ totalCredits += companyAvailableTotal;
18762
+ }
18763
+ React.useEffect(function () {
18764
+ handleSearch("");
18765
+ if (hideType) {
18766
+ setType("0");
20405
18767
  }
20406
- else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
20407
- text =
20408
- 'Locations of credits of international transfer requests recognised during the specified period';
18768
+ }, []);
18769
+ return (React.createElement("div", { className: "transfer-form" },
18770
+ subText && (React.createElement(antd.Row, null,
18771
+ React.createElement(antd.Col, { span: 24, className: "sub-text" }, subText))),
18772
+ React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", form: form, initialValues: {
18773
+ companyCredit: companyCredit,
18774
+ }, onChange: function () { return setPopupError(undefined); }, onValuesChange: function (v, allVal) {
18775
+ if (allVal.companyCredit) {
18776
+ setCurrentSum(allVal.companyCredit.reduce(function (a, b) { return (a ? a : 0) + (b ? b : 0); }, 0));
18777
+ }
18778
+ }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
18779
+ var res;
18780
+ return __generator(this, function (_a) {
18781
+ switch (_a.label) {
18782
+ case 0:
18783
+ setLoading(true);
18784
+ if (d.comment) {
18785
+ d.comment = d.comment.trim();
18786
+ }
18787
+ if (hideType) {
18788
+ d.type = "0";
18789
+ }
18790
+ if (d.type === "0") {
18791
+ if (currentSum === 0) {
18792
+ setPopupError("Total Amount should be greater than 0");
18793
+ setLoading(false);
18794
+ return [2 /*return*/];
18795
+ }
18796
+ d.fromCompanyIds = validCompanies.map(function (e) { return Number(e.companyId); });
18797
+ // programme.companyId.map((n) => Number(n));
18798
+ // d.companyCredit = d.companyCredit.map((n: any) => (n === undefined ? 0 : n));
18799
+ d.toCompanyMeta = {
18800
+ name: d.company,
18801
+ country: d.country,
18802
+ };
18803
+ }
18804
+ return [4 /*yield*/, onFinish(d)];
18805
+ case 1:
18806
+ res = _a.sent();
18807
+ setPopupError(res);
18808
+ setLoading(false);
18809
+ return [2 /*return*/];
18810
+ }
18811
+ });
18812
+ }); } },
18813
+ hideType && (React.createElement(React.Fragment, null,
18814
+ React.createElement(antd.Row, null,
18815
+ React.createElement(antd.Col, { span: 24 },
18816
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:from"), name: "from" },
18817
+ React.createElement(antd.Input, { placeholder: companyName, disabled: true })))),
18818
+ React.createElement(antd.Row, null,
18819
+ React.createElement(antd.Col, { span: 24 },
18820
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programme" },
18821
+ React.createElement(antd.Input, { placeholder: programme.title, disabled: true })))))),
18822
+ !hideType && (React.createElement(antd.Row, null,
18823
+ React.createElement(antd.Col, { span: 24 },
18824
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: "", name: "type", valuePropName: "type", rules: [
18825
+ {
18826
+ required: true,
18827
+ message: "Required field",
18828
+ },
18829
+ ] },
18830
+ React.createElement(antd.Radio.Group, { onChange: function (v) {
18831
+ setType(v.target.value);
18832
+ form.setFieldsValue({ type: v.target.value });
18833
+ } },
18834
+ React.createElement(antd.Space, { direction: "vertical" },
18835
+ React.createElement(antd.Radio, { value: "0" }, "Cross-border transfer"),
18836
+ React.createElement(antd.Radio, { value: "1" }, "Legal Action"),
18837
+ React.createElement(antd.Radio, { value: "2" }, "Other"))))))),
18838
+ type === "0" && (React.createElement("div", null,
18839
+ React.createElement(antd.Row, null,
18840
+ React.createElement(antd.Col, { span: 24 },
18841
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:country"), name: "country", rules: [
18842
+ {
18843
+ required: true,
18844
+ message: "Required field",
18845
+ },
18846
+ ] },
18847
+ React.createElement(antd.Select, { showSearch: true, placeholder: t("view:searchCountry"), showArrow: true, filterOption: false, onSearch: handleSearch, onChange: handleChange, notFoundContent: null, options: countryList })))),
18848
+ React.createElement(antd.Row, null,
18849
+ React.createElement(antd.Col, { span: 24 },
18850
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:company"), name: "company" },
18851
+ React.createElement(antd.Input, null)))),
18852
+ validCompanies.map(function (pert, index) {
18853
+ return (React.createElement(antd.Row, null,
18854
+ React.createElement(antd.Col, { lg: 11, md: 24 }, hideType ? (React.createElement("div", { className: "label" }, "".concat(t("view:totalRetireCredit"), " (").concat(creditUnit, ")"))) : (React.createElement("div", { className: "label" }, pert.name))),
18855
+ React.createElement(antd.Col, { lg: 6, md: 12 },
18856
+ React.createElement(antd.Form.Item, { className: "popup-credit-input", name: ["companyCredit", index], rules: [
18857
+ {
18858
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
18859
+ message: "Credit Should be a positive number",
18860
+ },
18861
+ {
18862
+ required: true,
18863
+ message: "Required field",
18864
+ },
18865
+ function (_a) {
18866
+ var getFieldValue = _a.getFieldValue;
18867
+ return ({
18868
+ validator: function (rule, v) {
18869
+ if (getFieldValue(["companyCredit", index]) &&
18870
+ parseFloat(getFieldValue(["companyCredit", index])) > pert.available) {
18871
+ // eslint-disable-next-line prefer-promise-reject-errors
18872
+ return Promise.reject("Retire Amount > Credit Balance");
18873
+ }
18874
+ return Promise.resolve();
18875
+ },
18876
+ });
18877
+ },
18878
+ ] },
18879
+ React.createElement(antd.InputNumber, { placeholder: "", controls: false, onKeyPress: function (event) {
18880
+ if (!/[0-9\.]/.test(event.key)) {
18881
+ event.preventDefault();
18882
+ }
18883
+ } }))),
18884
+ React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
18885
+ React.createElement(antd.Col, { lg: 6, md: 12 },
18886
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
18887
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(pert.available), disabled: true })))));
18888
+ }),
18889
+ !hideType && validCompanies.length > 1 && (React.createElement(antd.Row, null,
18890
+ React.createElement(antd.Col, { lg: 11, md: 24 },
18891
+ React.createElement("div", { className: "label" }, "".concat(t("view:totalTransferCredit"), " (").concat(creditUnit, ")"))),
18892
+ React.createElement(antd.Col, { lg: 6, md: 12 },
18893
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
18894
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(currentSum), disabled: true }))),
18895
+ React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
18896
+ React.createElement(antd.Col, { lg: 6, md: 12 },
18897
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
18898
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(totalCredits), disabled: true }))))))),
18899
+ React.createElement(antd.Row, null,
18900
+ React.createElement(antd.Col, { span: 24 },
18901
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
18902
+ {
18903
+ required: true,
18904
+ message: "Required field",
18905
+ },
18906
+ function (_a) {
18907
+ _a.getFieldValue;
18908
+ return ({
18909
+ validator: function (rule, v) {
18910
+ if (v !== undefined && v !== "" && v.trim() === "") {
18911
+ // eslint-disable-next-line prefer-promise-reject-errors
18912
+ return Promise.reject("Required field");
18913
+ }
18914
+ return Promise.resolve();
18915
+ },
18916
+ });
18917
+ },
18918
+ ] },
18919
+ React.createElement(antd.Input.TextArea, { placeholder: "" })))),
18920
+ React.createElement(antd.Row, null,
18921
+ React.createElement(antd.Col, { span: 24 },
18922
+ React.createElement(antd.Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
18923
+ React.createElement(antd.Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, hideType ? t("view:confirmRetire") : t("view:confirmClosure"))))),
18924
+ popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
18925
+ React.createElement(antd.Form.Item, { className: "footer" },
18926
+ React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
18927
+ React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText)))));
18928
+ };
18929
+
18930
+ var ProgrammeRevokeForm = function (props) {
18931
+ var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, showCertifiers = props.showCertifiers, translator = props.translator;
18932
+ var t = translator.t;
18933
+ var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
18934
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
18935
+ return (React.createElement("div", { className: "transfer-form" },
18936
+ React.createElement(antd.Row, null,
18937
+ React.createElement(antd.Col, { span: 24, className: "sub-text" }, subText)),
18938
+ React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
18939
+ certifierId: programme.certifierId && programme.certifierId.length === 1
18940
+ ? Number(programme.certifierId[0])
18941
+ : undefined,
18942
+ }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
18943
+ var res;
18944
+ return __generator(this, function (_a) {
18945
+ switch (_a.label) {
18946
+ case 0:
18947
+ setLoading(true);
18948
+ return [4 /*yield*/, onFinish(d)];
18949
+ case 1:
18950
+ res = _a.sent();
18951
+ setPopupError(res);
18952
+ setLoading(false);
18953
+ return [2 /*return*/];
18954
+ }
18955
+ });
18956
+ }); } },
18957
+ showCertifiers && (React.createElement(antd.Row, null,
18958
+ React.createElement(antd.Col, { span: 24 },
18959
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:certifier"), name: "certifierId", rules: [
18960
+ {
18961
+ required: true,
18962
+ message: "Required field",
18963
+ },
18964
+ ] },
18965
+ React.createElement(antd.Select, { disabled: !programme.certifierId || programme.certifierId.length <= 1, showArrow: true, filterOption: false, defaultActiveFirstOption: true, options: programme.certifier.map(function (c) { return ({
18966
+ label: c.name,
18967
+ value: c.companyId,
18968
+ }); }) }))))),
18969
+ React.createElement(antd.Row, null,
18970
+ React.createElement(antd.Col, { span: 24 },
18971
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
18972
+ {
18973
+ required: true,
18974
+ message: "Required field",
18975
+ },
18976
+ ] },
18977
+ React.createElement(antd.Input.TextArea, { placeholder: "" })))),
18978
+ popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
18979
+ React.createElement(antd.Form.Item, { className: "footer" },
18980
+ React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
18981
+ React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
18982
+ };
18983
+
18984
+ var ProgrammeTransferForm = function (props) {
18985
+ var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var toCompanyDefault = props.toCompanyDefault, disableToCompany = props.disableToCompany, receiverLabelText = props.receiverLabelText, userCompanyId = props.userCompanyId, companyRole = props.companyRole, translator = props.translator, useConnection = props.useConnection;
18986
+ var t = translator.t;
18987
+ var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
18988
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
18989
+ var _c = React.useState(0), currentSum = _c[0], setCurrentSum = _c[1];
18990
+ var _d = React.useState(toCompanyDefault ? [toCompanyDefault] : []), companyList = _d[0], setCompanyList = _d[1];
18991
+ var _e = React.useState(), value = _e[0], setValue = _e[1];
18992
+ var _f = useConnection(); _f.get; _f.delete; var post = _f.post;
18993
+ var handleSearch = function (newValue) { return __awaiter(void 0, void 0, void 0, function () {
18994
+ var resp;
18995
+ return __generator(this, function (_a) {
18996
+ switch (_a.label) {
18997
+ case 0:
18998
+ if (!(newValue !== undefined)) return [3 /*break*/, 2];
18999
+ return [4 /*yield*/, post("national/organisation/queryNames", {
19000
+ page: 1,
19001
+ size: 50,
19002
+ filterAnd: [
19003
+ {
19004
+ key: "name",
19005
+ operation: "like",
19006
+ value: newValue + "%",
19007
+ },
19008
+ {
19009
+ key: "companyRole",
19010
+ operation: "!=",
19011
+ value: "Certifier",
19012
+ },
19013
+ ],
19014
+ sort: {
19015
+ key: "name",
19016
+ order: "ASC",
19017
+ },
19018
+ })];
19019
+ case 1:
19020
+ resp = _a.sent();
19021
+ setCompanyList(resp.data
19022
+ .map(function (d) { return ({
19023
+ label: d.name,
19024
+ value: d.companyId,
19025
+ state: d.state,
19026
+ }); })
19027
+ .filter(function (d) {
19028
+ return (d.value !== userCompanyId &&
19029
+ parseInt(d.state) === CompanyState.ACTIVE.valueOf());
19030
+ }));
19031
+ return [3 /*break*/, 3];
19032
+ case 2:
19033
+ setCompanyList(toCompanyDefault ? [toCompanyDefault] : []);
19034
+ _a.label = 3;
19035
+ case 3: return [2 /*return*/];
19036
+ }
19037
+ });
19038
+ }); };
19039
+ var handleChange = function (newValue) {
19040
+ setValue(newValue);
19041
+ };
19042
+ // if (!toCompanyDefault) {
19043
+ // const myIndex = programme.companyId.map(e => Number(e)).indexOf(userCompanyId!);
19044
+ // if (myIndex >= 0) {
19045
+ // programme.companyId.splice(myIndex, 1);
19046
+ // programme.creditOwnerPercentage.splice(myIndex, 1);
19047
+ // }
19048
+ // }
19049
+ if (!programme.creditOwnerPercentage && programme.companyId.length === 1) {
19050
+ programme.creditOwnerPercentage = [100];
19051
+ }
19052
+ var companies = {};
19053
+ for (var _i = 0, _g = programme.company; _i < _g.length; _i++) {
19054
+ var c = _g[_i];
19055
+ companies[c.companyId] = c;
19056
+ }
19057
+ var validCompanies = [];
19058
+ var companyCredit = [];
19059
+ for (var index in programme.creditOwnerPercentage) {
19060
+ if (((toCompanyDefault &&
19061
+ userCompanyId !== Number(programme.companyId[index])) ||
19062
+ (!toCompanyDefault &&
19063
+ (userCompanyId === Number(programme.companyId[index]) ||
19064
+ companyRole === exports.CompanyRole.GOVERNMENT))) &&
19065
+ parseInt(companies[Number(programme.companyId[index])].state) ===
19066
+ CompanyState.ACTIVE.valueOf()) {
19067
+ var companyAvailableTotal = ((programme.creditBalance -
19068
+ (programme.creditFrozen ? programme.creditFrozen[index] : 0)) *
19069
+ programme.creditOwnerPercentage[index]) /
19070
+ 100;
19071
+ validCompanies.push({
19072
+ percentage: programme.creditOwnerPercentage[index],
19073
+ name: companies[Number(programme.companyId[index])].name,
19074
+ companyId: Number(programme.companyId[index]),
19075
+ available: companyAvailableTotal,
19076
+ });
19077
+ companyCredit.push(0);
20409
19078
  }
20410
19079
  }
20411
- return text;
19080
+ React.useEffect(function () {
19081
+ handleSearch("");
19082
+ }, []);
19083
+ return (React.createElement("div", { className: "transfer-form" },
19084
+ React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
19085
+ toCompanyId: toCompanyDefault ? toCompanyDefault.value : undefined,
19086
+ companyCredit: companyCredit,
19087
+ }, onChange: function () { return setPopupError(undefined); }, onValuesChange: function (v, allVal) {
19088
+ setCurrentSum(allVal.companyCredit.reduce(function (a, b) { return (a ? a : 0) + (b ? b : 0); }, 0));
19089
+ }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
19090
+ var res;
19091
+ return __generator(this, function (_a) {
19092
+ switch (_a.label) {
19093
+ case 0:
19094
+ if (currentSum === 0) {
19095
+ setPopupError("Total Amount should be greater than 0");
19096
+ return [2 /*return*/];
19097
+ }
19098
+ setLoading(true);
19099
+ d.fromCompanyIds = validCompanies.map(function (e) { return Number(e.companyId); });
19100
+ return [4 /*yield*/, onFinish(d)];
19101
+ case 1:
19102
+ res = _a.sent();
19103
+ setPopupError(res);
19104
+ setLoading(false);
19105
+ return [2 /*return*/];
19106
+ }
19107
+ });
19108
+ }); } },
19109
+ React.createElement(antd.Row, null,
19110
+ React.createElement(antd.Col, { span: 24 },
19111
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: receiverLabelText, name: "toCompanyId", rules: [
19112
+ {
19113
+ required: !disableToCompany,
19114
+ message: "Required field",
19115
+ },
19116
+ ] },
19117
+ React.createElement(antd.Select, { showSearch: true, disabled: disableToCompany, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, onSearch: handleSearch, onChange: handleChange, notFoundContent: null, options: companyList })))),
19118
+ React.createElement(antd.Row, null,
19119
+ React.createElement(antd.Col, { span: 24 },
19120
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programme" },
19121
+ React.createElement(antd.Input, { placeholder: programme.title, disabled: true })))),
19122
+ validCompanies.map(function (pert, index) {
19123
+ return (React.createElement(antd.Row, null,
19124
+ React.createElement(antd.Col, { lg: 11, md: 24 },
19125
+ React.createElement("div", { className: "label" }, pert.name)),
19126
+ React.createElement(antd.Col, { lg: 6, md: 12 },
19127
+ React.createElement(antd.Form.Item, { className: "popup-credit-input", name: ["companyCredit", index], rules: [
19128
+ {
19129
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
19130
+ message: "Credit Should be a positive number",
19131
+ },
19132
+ {
19133
+ required: true,
19134
+ message: "Required field",
19135
+ },
19136
+ function (_a) {
19137
+ var getFieldValue = _a.getFieldValue;
19138
+ return ({
19139
+ validator: function (rule, v) {
19140
+ if (getFieldValue(["companyCredit", index]) &&
19141
+ parseFloat(getFieldValue(["companyCredit", index])) >
19142
+ pert.available) {
19143
+ // eslint-disable-next-line prefer-promise-reject-errors
19144
+ return Promise.reject("Amount > Available");
19145
+ }
19146
+ return Promise.resolve();
19147
+ },
19148
+ });
19149
+ },
19150
+ ] },
19151
+ React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: value === pert.companyId, onKeyPress: function (event) {
19152
+ if (!/[0-9\.]/.test(event.key)) {
19153
+ event.preventDefault();
19154
+ }
19155
+ } }))),
19156
+ React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
19157
+ React.createElement(antd.Col, { lg: 6, md: 12 },
19158
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
19159
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(pert.available), disabled: true })))));
19160
+ }),
19161
+ validCompanies.length > 1 && (React.createElement(antd.Row, null,
19162
+ React.createElement(antd.Col, { lg: 11, md: 24 },
19163
+ React.createElement("div", { className: "label" }, "".concat(t("view:totalTransferCredit"), " (").concat(creditUnit, ")"))),
19164
+ React.createElement(antd.Col, { lg: 6, md: 12 },
19165
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
19166
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(currentSum), disabled: true }))),
19167
+ React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
19168
+ React.createElement(antd.Col, { lg: 6, md: 12 },
19169
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
19170
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(programme.creditBalance), disabled: true }))))),
19171
+ React.createElement(antd.Row, null,
19172
+ React.createElement(antd.Col, { span: 24 },
19173
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment" },
19174
+ React.createElement(antd.Input.TextArea, { placeholder: "" })))),
19175
+ popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
19176
+ React.createElement(antd.Form.Item, { className: "footer" },
19177
+ React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
19178
+ React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
19179
+ };
19180
+
19181
+ var TextArea = antd.Input.TextArea;
19182
+ var RejectDocumentationConfirmationModel = function (props) {
19183
+ var actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading, translator = props.translator;
19184
+ var t = translator.t;
19185
+ var _a = React.useState(""), comment = _a[0], setComment = _a[1];
19186
+ React.useEffect(function () {
19187
+ setComment("");
19188
+ }, [openModal]);
19189
+ return (React.createElement(antd.Modal, { title: React.createElement("div", { className: "popup-header" },
19190
+ React.createElement("div", { className: "icon" }, actionInfo.icon),
19191
+ React.createElement("div", null, actionInfo.headerText)), className: "popup-" + actionInfo.type, open: openModal, width: Math.min(400, window.innerWidth), centered: true, onCancel: onActionCanceled, destroyOnClose: true, footer: null },
19192
+ React.createElement("p", { style: { whiteSpace: "pre-line" } }, actionInfo.text),
19193
+ React.createElement(antd.Form, { layout: "vertical", onFinish: function () {
19194
+ onActionConfirmed(comment);
19195
+ } },
19196
+ React.createElement(antd.Form.Item, { className: "mg-bottom-0", label: t("programme:remarks"), name: "remarks", rules: [
19197
+ {
19198
+ required: true,
19199
+ message: "".concat(t("programme:remarks")) + " " + "".concat(t("common:isRequired")),
19200
+ },
19201
+ ] },
19202
+ React.createElement(TextArea, { defaultValue: comment, rows: 2, onChange: function (v) { return setComment(v.target.value); } })),
19203
+ errorMsg ? (React.createElement(antd.Alert, { className: "mg-top-1", message: errorMsg, type: "error", showIcon: true })) : (""),
19204
+ React.createElement("div", { className: "mg-top-1 ant-modal-footer padding-bottom-0" },
19205
+ React.createElement(antd.Button, { htmlType: "button", onClick: function () {
19206
+ onActionCanceled();
19207
+ } }, "CANCEL"),
19208
+ React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
19209
+ };
19210
+
19211
+ var TransferActionModel = function (props) {
19212
+ var transfer = props.transfer, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, translator = props.translator;
19213
+ var t = translator.t;
19214
+ var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
19215
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
19216
+ var _c = React.useState(false), checked = _c[0], setChecked = _c[1];
19217
+ var companyList = !transfer.isRetirement
19218
+ ? [
19219
+ {
19220
+ value: transfer.toCompanyId,
19221
+ label: transfer.receiver[0].name,
19222
+ },
19223
+ ]
19224
+ : [
19225
+ {
19226
+ value: transfer.fromCompanyId,
19227
+ label: transfer.sender[0].name,
19228
+ },
19229
+ ];
19230
+ return (React.createElement(antd.Modal, { title: React.createElement("div", { className: "popup-header" },
19231
+ React.createElement("div", { className: "icon" }, icon),
19232
+ React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
19233
+ React.createElement("div", { className: "transfer-form" },
19234
+ React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
19235
+ toCompanyId: !transfer.isRetirement
19236
+ ? transfer.toCompanyId
19237
+ : transfer.fromCompanyId,
19238
+ programmeName: transfer.programmeTitle,
19239
+ serialNo: transfer.serialNo,
19240
+ creditAmount: transfer.creditAmount,
19241
+ company: transfer.toCompanyMeta
19242
+ ? transfer.toCompanyMeta.name
19243
+ : null,
19244
+ country: transfer.toCompanyMeta
19245
+ ? transfer.toCompanyMeta.country
19246
+ : null,
19247
+ countryName: transfer.toCompanyMeta
19248
+ ? transfer.toCompanyMeta.countryName
19249
+ : null,
19250
+ }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
19251
+ var res;
19252
+ return __generator(this, function (_a) {
19253
+ switch (_a.label) {
19254
+ case 0:
19255
+ setLoading(true);
19256
+ if (d.comment) {
19257
+ d.comment = d.comment.trim();
19258
+ }
19259
+ return [4 /*yield*/, onFinish(transfer.requestId, d.comment)];
19260
+ case 1:
19261
+ res = _a.sent();
19262
+ setPopupError(res);
19263
+ setLoading(false);
19264
+ return [2 /*return*/];
19265
+ }
19266
+ });
19267
+ }); } },
19268
+ React.createElement(antd.Row, null,
19269
+ React.createElement(antd.Col, { span: 24 },
19270
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
19271
+ React.createElement(antd.Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
19272
+ React.createElement(antd.Row, null,
19273
+ React.createElement(antd.Col, { span: 24 },
19274
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
19275
+ React.createElement(antd.Input, { disabled: true })))),
19276
+ !transfer.isRetirement && (React.createElement(antd.Row, null,
19277
+ React.createElement(antd.Col, { span: 24 },
19278
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:serialNoField"), name: "serialNo" },
19279
+ React.createElement(antd.Input, { disabled: true }))))),
19280
+ transfer.toCompanyMeta && transfer.toCompanyMeta.country && (React.createElement(antd.Row, null,
19281
+ React.createElement(antd.Col, { span: 24 },
19282
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("creditTransfer:country"), name: "countryName" },
19283
+ React.createElement(antd.Input, { disabled: true }))))),
19284
+ transfer.toCompanyMeta && transfer.toCompanyMeta.name && (React.createElement(antd.Row, null,
19285
+ React.createElement(antd.Col, { span: 24 },
19286
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("creditTransfer:company"), name: "company" },
19287
+ React.createElement(antd.Input, { disabled: true }))))),
19288
+ React.createElement(antd.Row, null,
19289
+ React.createElement(antd.Col, { lg: 18, md: 20 },
19290
+ React.createElement("div", { className: "label" }, "".concat(t("view:transferApproveTotal"), " (").concat(creditUnit, ")"))),
19291
+ React.createElement(antd.Col, { lg: 6, md: 4 },
19292
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
19293
+ React.createElement(antd.InputNumber, { placeholder: addCommSep(transfer.creditAmount), disabled: true })))),
19294
+ React.createElement(antd.Row, null,
19295
+ React.createElement(antd.Col, { span: 24 },
19296
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
19297
+ {
19298
+ required: remarkRequired,
19299
+ message: "Required field",
19300
+ },
19301
+ function (_a) {
19302
+ _a.getFieldValue;
19303
+ return ({
19304
+ validator: function (rule, v) {
19305
+ if (remarkRequired &&
19306
+ v !== undefined &&
19307
+ v !== "" &&
19308
+ v.trim() === "") {
19309
+ // eslint-disable-next-line prefer-promise-reject-errors
19310
+ return Promise.reject("Required field");
19311
+ }
19312
+ return Promise.resolve();
19313
+ },
19314
+ });
19315
+ },
19316
+ ] },
19317
+ React.createElement(antd.Input.TextArea, { placeholder: "" })))),
19318
+ React.createElement(antd.Row, null,
19319
+ React.createElement(antd.Col, { span: 24 },
19320
+ React.createElement(antd.Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
19321
+ React.createElement(antd.Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
19322
+ popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
19323
+ React.createElement(antd.Form.Item, { className: "footer" },
19324
+ React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
19325
+ React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
20412
19326
  };
20413
19327
 
20414
- var StasticCard = function (props) {
20415
- var value = props.value, title = props.title, updatedDate = props.updatedDate, icon = props.icon, loading = props.loading, companyRole = props.companyRole;
20416
- return (React.createElement("div", { className: "stastic-card-main-container" }, loading ? (React.createElement(antd.Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
20417
- React.createElement("div", { className: "title-section" },
20418
- React.createElement("div", { className: "title" }, title),
20419
- React.createElement("div", { className: "info-container" },
20420
- React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "bottomRight", trigger: "hover", title: toolTipTextGen(companyRole, title) },
20421
- React.createElement(Icon.InfoCircle, { color: "#000000", size: 17 })))),
20422
- React.createElement("div", { className: "values-section" },
20423
- React.createElement("div", { className: "values-and-unit" },
20424
- title.includes('Credit') && React.createElement("div", { className: "unit" }, "ITMOs"),
20425
- React.createElement("div", { className: "value" }, title.includes('Credit')
20426
- ? value === 0 || String(value) === 'NaN'
20427
- ? 0
20428
- : addCommSep(value)
20429
- : value)),
20430
- React.createElement("div", { className: "icon-section" }, icon)),
20431
- updatedDate !== '0' && React.createElement("div", { className: "updated-on" }, updatedDate)))));
19328
+ var css_248z$1 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
19329
+ styleInject(css_248z$1);
19330
+
19331
+ var NdcActionBody = function (props) {
19332
+ var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, translator = props.translator, useUserContext = props.useUserContext, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission;
19333
+ var t = translator.t;
19334
+ var userInfoState = useUserContext().userInfoState;
19335
+ var fileInputMonitoringRef = React.useRef(null);
19336
+ var fileInputVerificationRef = React.useRef(null);
19337
+ var _a = useConnection(); _a.get; _a.put; var post = _a.post;
19338
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
19339
+ var _c = React.useState(), monitoringReportData = _c[0], setMonitoringReportData = _c[1];
19340
+ var _d = React.useState(), verificationReportData = _d[0], setVerificationReportData = _d[1];
19341
+ var _e = React.useState(), ndcActionId = _e[0], setNdcActionId = _e[1];
19342
+ var _f = React.useState(false), openRejectDocConfirmationModal = _f[0], setOpenRejectDocConfirmationModal = _f[1];
19343
+ var _g = React.useState({}), actionInfo = _g[0], setActionInfo = _g[1];
19344
+ var _h = React.useState({}), rejectDocData = _h[0], setRejectDocData = _h[1];
19345
+ var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
19346
+ ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
19347
+ : 5000000;
19348
+ var getBase64 = function (file) {
19349
+ return new Promise(function (resolve, reject) {
19350
+ var reader = new FileReader();
19351
+ reader.readAsDataURL(file);
19352
+ reader.onload = function () { return resolve(reader.result); };
19353
+ reader.onerror = function (error) { return reject(error); };
19354
+ });
19355
+ };
19356
+ var handleFileUploadMonitor = function () {
19357
+ var _a;
19358
+ (_a = fileInputMonitoringRef === null || fileInputMonitoringRef === void 0 ? void 0 : fileInputMonitoringRef.current) === null || _a === void 0 ? void 0 : _a.click();
19359
+ };
19360
+ var handleFileUploadVerification = function () {
19361
+ var _a;
19362
+ (_a = fileInputVerificationRef === null || fileInputVerificationRef === void 0 ? void 0 : fileInputVerificationRef.current) === null || _a === void 0 ? void 0 : _a.click();
19363
+ };
19364
+ var onUploadDocument = function (file, type) { return __awaiter(void 0, void 0, void 0, function () {
19365
+ var logoBase64, imgData, logoUrls, response;
19366
+ return __generator(this, function (_a) {
19367
+ switch (_a.label) {
19368
+ case 0:
19369
+ if (file.size > maximumImageSize) {
19370
+ antd.message.open({
19371
+ type: "error",
19372
+ content: "".concat(t("common:maxSizeVal")),
19373
+ duration: 4,
19374
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19375
+ });
19376
+ return [2 /*return*/];
19377
+ }
19378
+ setLoading(true);
19379
+ return [4 /*yield*/, getBase64(file)];
19380
+ case 1:
19381
+ logoBase64 = _a.sent();
19382
+ imgData = logoBase64;
19383
+ if (type !== exports.DocType.MONITORING_REPORT) {
19384
+ logoUrls = logoBase64.split(",");
19385
+ imgData = logoUrls[1];
19386
+ }
19387
+ _a.label = 2;
19388
+ case 2:
19389
+ _a.trys.push([2, 6, 7, 8]);
19390
+ if (!((file === null || file === void 0 ? void 0 : file.type) === "application/pdf" ||
19391
+ (type === exports.DocType.MONITORING_REPORT &&
19392
+ ((file === null || file === void 0 ? void 0 : file.type) ===
19393
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
19394
+ (file === null || file === void 0 ? void 0 : file.type) === "text/csv")))) return [3 /*break*/, 4];
19395
+ return [4 /*yield*/, post("national/programme/addDocument", {
19396
+ type: type,
19397
+ data: imgData,
19398
+ programmeId: programmeId,
19399
+ actionId: ndcActionId,
19400
+ })];
19401
+ case 3:
19402
+ response = _a.sent();
19403
+ if (response === null || response === void 0 ? void 0 : response.data) {
19404
+ antd.message.open({
19405
+ type: "success",
19406
+ content: "".concat(t("programme:isUploaded")),
19407
+ duration: 4,
19408
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19409
+ });
19410
+ }
19411
+ return [3 /*break*/, 5];
19412
+ case 4:
19413
+ antd.message.open({
19414
+ type: "error",
19415
+ content: "".concat(t("programme:invalidFileFormat")),
19416
+ duration: 4,
19417
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19418
+ });
19419
+ _a.label = 5;
19420
+ case 5: return [3 /*break*/, 8];
19421
+ case 6:
19422
+ _a.sent();
19423
+ antd.message.open({
19424
+ type: "error",
19425
+ content: "".concat(t("programme:notUploaded")),
19426
+ duration: 4,
19427
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19428
+ });
19429
+ return [3 /*break*/, 8];
19430
+ case 7:
19431
+ getProgrammeDocs();
19432
+ fileInputMonitoringRef.current = null;
19433
+ fileInputVerificationRef.current = null;
19434
+ setLoading(false);
19435
+ return [7 /*endfinally*/];
19436
+ case 8: return [2 /*return*/];
19437
+ }
19438
+ });
19439
+ }); };
19440
+ var docAction = function (id, status, actionId, type) { return __awaiter(void 0, void 0, void 0, function () {
19441
+ var error_2;
19442
+ return __generator(this, function (_a) {
19443
+ switch (_a.label) {
19444
+ case 0:
19445
+ setLoading(true);
19446
+ _a.label = 1;
19447
+ case 1:
19448
+ _a.trys.push([1, 3, 4, 5]);
19449
+ return [4 /*yield*/, post("national/programme/docAction", {
19450
+ id: id,
19451
+ status: status,
19452
+ actionId: actionId,
19453
+ })];
19454
+ case 2:
19455
+ _a.sent();
19456
+ antd.message.open({
19457
+ type: "success",
19458
+ content: status === exports.DocumentStatus.ACCEPTED
19459
+ ? "".concat(t("programme:docApproved"))
19460
+ : "".concat(t("programme:docRejected")),
19461
+ duration: 4,
19462
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19463
+ });
19464
+ return [3 /*break*/, 5];
19465
+ case 3:
19466
+ error_2 = _a.sent();
19467
+ antd.message.open({
19468
+ type: "error",
19469
+ content: error_2 === null || error_2 === void 0 ? void 0 : error_2.message,
19470
+ duration: 4,
19471
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19472
+ });
19473
+ return [3 /*break*/, 5];
19474
+ case 4:
19475
+ getProgrammeDocs();
19476
+ setOpenRejectDocConfirmationModal(false);
19477
+ setLoading(false);
19478
+ return [7 /*endfinally*/];
19479
+ case 5: return [2 /*return*/];
19480
+ }
19481
+ });
19482
+ }); };
19483
+ var handleOk = function () {
19484
+ docAction(rejectDocData === null || rejectDocData === void 0 ? void 0 : rejectDocData.id, exports.DocumentStatus.REJECTED, rejectDocData === null || rejectDocData === void 0 ? void 0 : rejectDocData.actionId, rejectDocData === null || rejectDocData === void 0 ? void 0 : rejectDocData.type);
19485
+ };
19486
+ var handleCancel = function () {
19487
+ setOpenRejectDocConfirmationModal(false);
19488
+ };
19489
+ React.useEffect(function () {
19490
+ data === null || data === void 0 ? void 0 : data.map(function (item) {
19491
+ setNdcActionId(item === null || item === void 0 ? void 0 : item.id);
19492
+ if (item === null || item === void 0 ? void 0 : item.monitoringReport) {
19493
+ setMonitoringReportData(item === null || item === void 0 ? void 0 : item.monitoringReport);
19494
+ }
19495
+ if (item === null || item === void 0 ? void 0 : item.verificationReport) {
19496
+ setVerificationReportData(item === null || item === void 0 ? void 0 : item.verificationReport);
19497
+ }
19498
+ });
19499
+ }, [data]);
19500
+ var companyRolePermission = ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
19501
+ ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
19502
+ ministryLevelPermission)) &&
19503
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
19504
+ var verficationCompanyRolePermission = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
19505
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
19506
+ var monitoringReportPending = (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) === exports.DocumentStatus.PENDING;
19507
+ var monitoringReportAccepted = (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) === exports.DocumentStatus.ACCEPTED;
19508
+ var monitoringReportRejected = (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) === exports.DocumentStatus.REJECTED;
19509
+ var verifcationReportPending = (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) === exports.DocumentStatus.PENDING;
19510
+ var verificationReportAccepted = (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) === exports.DocumentStatus.ACCEPTED;
19511
+ var verifcationReportRejected = (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) === exports.DocumentStatus.REJECTED;
19512
+ return loading ? (React.createElement(antd.Skeleton, null)) : (React.createElement(React.Fragment, null,
19513
+ React.createElement("div", { className: "ndc-action-body" },
19514
+ React.createElement("div", { className: "report-details" },
19515
+ React.createElement("div", { className: "report-type" },
19516
+ React.createElement("div", { className: "name-time-container" },
19517
+ React.createElement("div", { className: canUploadMonitorReport ? "name" : "empty" }, t("programme:monitoringReport")),
19518
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" }, moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm")))),
19519
+ React.createElement("div", { className: "icon" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) ? (monitoringReportPending ? (companyRolePermission && (React.createElement(React.Fragment, null,
19520
+ React.createElement(icons.LikeOutlined, { onClick: function () {
19521
+ return docAction(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id, exports.DocumentStatus.ACCEPTED, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.actionId, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.type);
19522
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
19523
+ React.createElement(icons.DislikeOutlined, { onClick: function () {
19524
+ setRejectDocData({
19525
+ id: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id,
19526
+ actionId: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.actionId,
19527
+ type: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.type,
19528
+ });
19529
+ setActionInfo({
19530
+ action: "Reject",
19531
+ headerText: "".concat(t("programme:rejectDocHeader")),
19532
+ text: "".concat(t("programme:rejectDocBody")),
19533
+ type: "reject",
19534
+ icon: React.createElement(icons.DislikeOutlined, null),
19535
+ });
19536
+ setOpenRejectDocConfirmationModal(true);
19537
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } })))) : monitoringReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })) : (monitoringReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
19538
+ React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))))) : (React.createElement(React.Fragment, null,
19539
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
19540
+ ? t("programme:notAuthToUploadDoc")
19541
+ : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
19542
+ ? !canUploadMonitorReport &&
19543
+ t("programme:programmeNotAuth")
19544
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19545
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
19546
+ uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
19547
+ ? { color: "#3F3A47", cursor: "pointer" }
19548
+ : { color: "#cacaca", cursor: "default" }, onClick: function () {
19549
+ if (canUploadMonitorReport &&
19550
+ uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
19551
+ handleFileUploadMonitor();
19552
+ }
19553
+ } })),
19554
+ React.createElement("input", { type: "file", ref: fileInputMonitoringRef, style: { display: "none" }, accept: ".pdf,.xlsx,.csv,.xls", onChange: function (e) {
19555
+ var selectedFile = e.target.files[0];
19556
+ e.target.value = null;
19557
+ onUploadDocument(selectedFile, exports.DocType.MONITORING_REPORT);
19558
+ } }))))),
19559
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement("div", { className: "report-link" },
19560
+ React.createElement("div", { className: "link" }, linkDocVisible(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) && (React.createElement("a", { href: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
19561
+ React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19562
+ !monitoringReportAccepted && (React.createElement(React.Fragment, null,
19563
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
19564
+ ? t("programme:notAuthToUploadDoc")
19565
+ : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
19566
+ ? !canUploadMonitorReport &&
19567
+ t("programme:programmeNotAuth")
19568
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19569
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
19570
+ uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
19571
+ ? { color: "#3F3A47", cursor: "pointer" }
19572
+ : { color: "#cacaca", cursor: "default" }, onClick: function () {
19573
+ if (canUploadMonitorReport &&
19574
+ uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
19575
+ handleFileUploadMonitor();
19576
+ }
19577
+ } })),
19578
+ React.createElement("input", { type: "file", ref: fileInputMonitoringRef, style: { display: "none" }, accept: ".pdf,.xlsx,.csv,.xls", onChange: function (e) {
19579
+ var selectedFile = e.target.files[0];
19580
+ e.target.value = null;
19581
+ onUploadDocument(selectedFile, exports.DocType.MONITORING_REPORT);
19582
+ } })))))),
19583
+ React.createElement("div", { className: "report-details" },
19584
+ React.createElement("div", { className: "report-type" },
19585
+ React.createElement("div", { className: "name-time-container" },
19586
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19587
+ ? "name"
19588
+ : "empty" }, t("programme:verificationReport")),
19589
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" }, moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm")))),
19590
+ React.createElement("div", { className: "icon" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) ? (verifcationReportPending ? (verficationCompanyRolePermission && (React.createElement(React.Fragment, null,
19591
+ React.createElement(icons.LikeOutlined, { onClick: function () {
19592
+ return docAction(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.id, exports.DocumentStatus.ACCEPTED, verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.actionId, verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.type);
19593
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
19594
+ React.createElement(icons.DislikeOutlined, { onClick: function () {
19595
+ setRejectDocData({
19596
+ id: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.id,
19597
+ actionId: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.actionId,
19598
+ type: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.type,
19599
+ });
19600
+ setActionInfo({
19601
+ action: "Reject",
19602
+ headerText: "".concat(t("programme:rejectDocHeader")),
19603
+ text: "".concat(t("programme:rejectDocBody")),
19604
+ type: "reject",
19605
+ icon: React.createElement(icons.DislikeOutlined, null),
19606
+ });
19607
+ setOpenRejectDocConfirmationModal(true);
19608
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } })))) : verificationReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })) : (verifcationReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
19609
+ React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))))) : (React.createElement(React.Fragment, null,
19610
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
19611
+ ? t("programme:notAuthToUploadDoc")
19612
+ : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
19613
+ ? !monitoringReportAccepted &&
19614
+ t("programme:monitoringRepNotApproved")
19615
+ : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19616
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
19617
+ uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
19618
+ ? { color: "#3F3A47", cursor: "pointer" }
19619
+ : { color: "#cacaca", cursor: "default" }, onClick: function () {
19620
+ if (monitoringReportAccepted &&
19621
+ uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
19622
+ handleFileUploadVerification();
19623
+ }
19624
+ } })),
19625
+ monitoringReportAccepted && (React.createElement("input", { type: "file", ref: fileInputVerificationRef, style: { display: "none" }, accept: ".pdf", onChange: function (e) {
19626
+ var selectedFile = e.target.files[0];
19627
+ e.target.value = null;
19628
+ onUploadDocument(selectedFile, exports.DocType.VERIFICATION_REPORT);
19629
+ } })))))),
19630
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement("div", { className: "report-link" },
19631
+ React.createElement("div", { className: "link" }, linkDocVisible(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) && (React.createElement("a", { href: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
19632
+ React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19633
+ !verificationReportAccepted && monitoringReportAccepted && (React.createElement(React.Fragment, null,
19634
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
19635
+ ? t("programme:notAuthToUploadDoc")
19636
+ : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
19637
+ ? !monitoringReportAccepted &&
19638
+ t("programme:monitoringRepNotApproved")
19639
+ : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19640
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
19641
+ uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
19642
+ ? { color: "#3F3A47", cursor: "pointer" }
19643
+ : { color: "#cacaca", cursor: "default" }, onClick: function () {
19644
+ if (monitoringReportAccepted &&
19645
+ uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
19646
+ handleFileUploadVerification();
19647
+ }
19648
+ } })),
19649
+ React.createElement("input", { type: "file", ref: fileInputVerificationRef, style: { display: "none" }, accept: ".pdf", onChange: function (e) {
19650
+ var selectedFile = e.target.files[0];
19651
+ e.target.value = null;
19652
+ onUploadDocument(selectedFile, exports.DocType.VERIFICATION_REPORT);
19653
+ } }))))))),
19654
+ React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
19655
+ };
19656
+
19657
+ var css_248z = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
19658
+ styleInject(css_248z);
19659
+
19660
+ var ProgrammeDocuments = function (props) {
19661
+ var data = props.data, title = props.title, icon = props.icon, programmeId = props.programmeId, programmeOwnerId = props.programmeOwnerId, getDocumentDetails = props.getDocumentDetails, getProgrammeById = props.getProgrammeById, ministryLevelPermission = props.ministryLevelPermission, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useUserContext = props.useUserContext, translator = props.translator;
19662
+ var t = translator.t;
19663
+ var userInfoState = useUserContext().userInfoState;
19664
+ var _a = useConnection(); _a.delete; var post = _a.post;
19665
+ var fileInputRef = React.useRef(null);
19666
+ var fileInputRefMeth = React.useRef(null);
19667
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
19668
+ var _c = React.useState(""), designDocUrl = _c[0], setDesignDocUrl = _c[1];
19669
+ var _d = React.useState(""), noObjectionDocUrl = _d[0], setNoObjectionDocUrl = _d[1];
19670
+ var _e = React.useState(""), authorisationDocUrl = _e[0], setAuthorisationDocUrl = _e[1];
19671
+ var _f = React.useState(""), methodologyDocUrl = _f[0], setMethodologyDocUrl = _f[1];
19672
+ var _g = React.useState(""), designDocDate = _g[0], setDesignDocDate = _g[1];
19673
+ var _h = React.useState(""), noObjectionDate = _h[0], setNoObjectionDate = _h[1];
19674
+ var _j = React.useState(""), methodologyDate = _j[0], setMethodologyDate = _j[1];
19675
+ var _k = React.useState(""), authorisationDocDate = _k[0], setAuthorisationDocDate = _k[1];
19676
+ var _l = React.useState(""), designDocStatus = _l[0], setDesignDocStatus = _l[1];
19677
+ var _m = React.useState(""), methodDocStatus = _m[0], setMethodDocStatus = _m[1];
19678
+ var _o = React.useState(""), designDocId = _o[0], setDesignDocId = _o[1];
19679
+ var _p = React.useState(""), methDocId = _p[0], setMethDocId = _p[1];
19680
+ var _q = React.useState([]), docData = _q[0], setDocData = _q[1];
19681
+ var _r = React.useState(false), openRejectDocConfirmationModal = _r[0], setOpenRejectDocConfirmationModal = _r[1];
19682
+ var _s = React.useState({}), actionInfo = _s[0], setActionInfo = _s[1];
19683
+ var _t = React.useState({}), rejectDocData = _t[0], setRejectDocData = _t[1];
19684
+ var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
19685
+ ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
19686
+ : 5000000;
19687
+ var handleDesignDocFileUpload = function () {
19688
+ var _a;
19689
+ (_a = fileInputRef === null || fileInputRef === void 0 ? void 0 : fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
19690
+ };
19691
+ var handleMethodologyFileUpload = function () {
19692
+ var _a;
19693
+ (_a = fileInputRefMeth === null || fileInputRefMeth === void 0 ? void 0 : fileInputRefMeth.current) === null || _a === void 0 ? void 0 : _a.click();
19694
+ };
19695
+ React.useEffect(function () {
19696
+ setDocData(data);
19697
+ }, [data]);
19698
+ React.useEffect(function () {
19699
+ if (docData === null || docData === void 0 ? void 0 : docData.length) {
19700
+ docData === null || docData === void 0 ? void 0 : docData.map(function (item) {
19701
+ var _a, _b, _c, _d;
19702
+ if ((_a = item === null || item === void 0 ? void 0 : item.url) === null || _a === void 0 ? void 0 : _a.includes("DESIGN")) {
19703
+ setDesignDocUrl(item === null || item === void 0 ? void 0 : item.url);
19704
+ setDesignDocDate(item === null || item === void 0 ? void 0 : item.txTime);
19705
+ setDesignDocStatus(item === null || item === void 0 ? void 0 : item.status);
19706
+ setDesignDocId(item === null || item === void 0 ? void 0 : item.id);
19707
+ }
19708
+ if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("METHODOLOGY")) {
19709
+ setMethodologyDocUrl(item === null || item === void 0 ? void 0 : item.url);
19710
+ setMethodologyDate(item === null || item === void 0 ? void 0 : item.txTime);
19711
+ setMethodDocStatus(item === null || item === void 0 ? void 0 : item.status);
19712
+ setMethDocId(item === null || item === void 0 ? void 0 : item.id);
19713
+ }
19714
+ if ((_c = item === null || item === void 0 ? void 0 : item.url) === null || _c === void 0 ? void 0 : _c.includes("OBJECTION")) {
19715
+ setNoObjectionDocUrl(item === null || item === void 0 ? void 0 : item.url);
19716
+ setNoObjectionDate(item === null || item === void 0 ? void 0 : item.txTime);
19717
+ }
19718
+ if ((_d = item === null || item === void 0 ? void 0 : item.url) === null || _d === void 0 ? void 0 : _d.includes("AUTHORISATION")) {
19719
+ setAuthorisationDocUrl(item === null || item === void 0 ? void 0 : item.url);
19720
+ setAuthorisationDocDate(item === null || item === void 0 ? void 0 : item.txTime);
19721
+ }
19722
+ });
19723
+ }
19724
+ }, [docData]);
19725
+ var getBase64 = function (file) {
19726
+ return new Promise(function (resolve, reject) {
19727
+ var reader = new FileReader();
19728
+ reader.readAsDataURL(file);
19729
+ reader.onload = function () { return resolve(reader.result); };
19730
+ reader.onerror = function (error) { return reject(error); };
19731
+ });
19732
+ };
19733
+ var onUploadDocument = function (file, type) { return __awaiter(void 0, void 0, void 0, function () {
19734
+ var logoBase64, imgData, logoUrls, response;
19735
+ return __generator(this, function (_a) {
19736
+ switch (_a.label) {
19737
+ case 0:
19738
+ if (file.size > maximumImageSize) {
19739
+ antd.message.open({
19740
+ type: "error",
19741
+ content: "".concat(t("common:maxSizeVal")),
19742
+ duration: 4,
19743
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19744
+ });
19745
+ return [2 /*return*/];
19746
+ }
19747
+ setLoading(true);
19748
+ return [4 /*yield*/, getBase64(file)];
19749
+ case 1:
19750
+ logoBase64 = _a.sent();
19751
+ imgData = logoBase64;
19752
+ if (type !== exports.DocType.MONITORING_REPORT) {
19753
+ logoUrls = logoBase64.split(",");
19754
+ imgData = logoUrls[1];
19755
+ }
19756
+ _a.label = 2;
19757
+ case 2:
19758
+ _a.trys.push([2, 6, 7, 8]);
19759
+ if (!((type === exports.DocType.DESIGN_DOCUMENT &&
19760
+ (file === null || file === void 0 ? void 0 : file.type) === "application/pdf") ||
19761
+ (type === exports.DocType.METHODOLOGY_DOCUMENT &&
19762
+ (file === null || file === void 0 ? void 0 : file.type) ===
19763
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"))) return [3 /*break*/, 4];
19764
+ return [4 /*yield*/, post("national/programme/addDocument", {
19765
+ type: type,
19766
+ data: imgData,
19767
+ programmeId: programmeId,
19768
+ })];
19769
+ case 3:
19770
+ response = _a.sent();
19771
+ fileInputRefMeth.current = null;
19772
+ if (response === null || response === void 0 ? void 0 : response.data) {
19773
+ setDocData(__spreadArray(__spreadArray([], docData, true), [response === null || response === void 0 ? void 0 : response.data], false));
19774
+ antd.message.open({
19775
+ type: "success",
19776
+ content: "".concat(t("programme:isUploaded")),
19777
+ duration: 4,
19778
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19779
+ });
19780
+ }
19781
+ return [3 /*break*/, 5];
19782
+ case 4:
19783
+ antd.message.open({
19784
+ type: "error",
19785
+ content: "".concat(t("programme:invalidFileFormat")),
19786
+ duration: 4,
19787
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19788
+ });
19789
+ _a.label = 5;
19790
+ case 5: return [3 /*break*/, 8];
19791
+ case 6:
19792
+ _a.sent();
19793
+ fileInputRefMeth.current = null;
19794
+ antd.message.open({
19795
+ type: "error",
19796
+ content: "".concat(t("programme:notUploaded")),
19797
+ duration: 4,
19798
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19799
+ });
19800
+ return [3 /*break*/, 8];
19801
+ case 7:
19802
+ getDocumentDetails();
19803
+ setLoading(false);
19804
+ return [7 /*endfinally*/];
19805
+ case 8: return [2 /*return*/];
19806
+ }
19807
+ });
19808
+ }); };
19809
+ var docAction = function (id, status) { return __awaiter(void 0, void 0, void 0, function () {
19810
+ var error_2;
19811
+ return __generator(this, function (_a) {
19812
+ switch (_a.label) {
19813
+ case 0:
19814
+ setLoading(true);
19815
+ _a.label = 1;
19816
+ case 1:
19817
+ _a.trys.push([1, 3, 4, 5]);
19818
+ return [4 /*yield*/, post("national/programme/docAction", {
19819
+ id: id,
19820
+ status: status,
19821
+ })];
19822
+ case 2:
19823
+ _a.sent();
19824
+ antd.message.open({
19825
+ type: "success",
19826
+ content: status === exports.DocumentStatus.ACCEPTED
19827
+ ? "".concat(t("programme:docApproved"))
19828
+ : "".concat(t("programme:docRejected")),
19829
+ duration: 4,
19830
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19831
+ });
19832
+ return [3 /*break*/, 5];
19833
+ case 3:
19834
+ error_2 = _a.sent();
19835
+ antd.message.open({
19836
+ type: "error",
19837
+ content: error_2 === null || error_2 === void 0 ? void 0 : error_2.message,
19838
+ duration: 4,
19839
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19840
+ });
19841
+ return [3 /*break*/, 5];
19842
+ case 4:
19843
+ setOpenRejectDocConfirmationModal(false);
19844
+ getDocumentDetails();
19845
+ getProgrammeById();
19846
+ setLoading(false);
19847
+ return [7 /*endfinally*/];
19848
+ case 5: return [2 /*return*/];
19849
+ }
19850
+ });
19851
+ }); };
19852
+ var handleOk = function () {
19853
+ docAction(rejectDocData === null || rejectDocData === void 0 ? void 0 : rejectDocData.id, exports.DocumentStatus.REJECTED);
19854
+ };
19855
+ var handleCancel = function () {
19856
+ setOpenRejectDocConfirmationModal(false);
19857
+ };
19858
+ var companyRolePermission = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
19859
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
19860
+ var designDocActionPermission = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
19861
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
19862
+ var designDocPending = designDocStatus === exports.DocumentStatus.PENDING;
19863
+ return loading ? (React.createElement(antd.Skeleton, null)) : (React.createElement(React.Fragment, null,
19864
+ React.createElement("div", { className: "info-view" },
19865
+ React.createElement("div", { className: "title" },
19866
+ React.createElement("span", { className: "title-icon" }, icon),
19867
+ React.createElement("span", { className: "title-text" }, title)),
19868
+ React.createElement("div", null,
19869
+ React.createElement(antd.Row, { className: "field", key: "Design Document" },
19870
+ React.createElement(antd.Col, { span: 14, className: "field-key" },
19871
+ React.createElement("div", { className: "label-container" },
19872
+ React.createElement("div", { className: designDocUrl !== "" ? "label-uploaded" : "label" }, t("programme:designDoc")),
19873
+ designDocPending && designDocActionPermission && (React.createElement(React.Fragment, null,
19874
+ React.createElement(icons.LikeOutlined, { onClick: function () {
19875
+ return docAction(designDocId, exports.DocumentStatus.ACCEPTED);
19876
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
19877
+ React.createElement(icons.DislikeOutlined, { onClick: function () {
19878
+ setRejectDocData({ id: designDocId });
19879
+ setActionInfo({
19880
+ action: "Reject",
19881
+ headerText: "".concat(t("programme:rejectDocHeader")),
19882
+ text: "".concat(t("programme:rejectDocBody")),
19883
+ type: "reject",
19884
+ icon: React.createElement(icons.DislikeOutlined, null),
19885
+ });
19886
+ setOpenRejectDocConfirmationModal(true);
19887
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
19888
+ designDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19889
+ designDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
19890
+ React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
19891
+ designDocUrl !== "" && (React.createElement("div", { className: "time" }, moment(parseInt(designDocDate)).format("DD MMMM YYYY @ HH:mm")))),
19892
+ React.createElement(antd.Col, { span: 10, className: "field-value" }, designDocUrl !== "" ? (React.createElement("div", { className: "link" },
19893
+ linkDocVisible(designDocStatus) && (React.createElement("a", { href: designDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
19894
+ React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
19895
+ designDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
19896
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
19897
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
19898
+ ? t("programme:notAuthToUploadDoc")
19899
+ : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19900
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
19901
+ ? { color: "#3F3A47", cursor: "pointer" }
19902
+ : { color: "#cacaca", cursor: "default" }, onClick: function () {
19903
+ return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
19904
+ } })),
19905
+ React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".pdf", onChange: function (e) {
19906
+ var selectedFile = e.target.files[0];
19907
+ e.target.value = null;
19908
+ onUploadDocument(selectedFile, exports.DocType.DESIGN_DOCUMENT);
19909
+ } }))))) : (React.createElement(React.Fragment, null,
19910
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
19911
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
19912
+ ? t("programme:notAuthToUploadDoc")
19913
+ : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19914
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
19915
+ ? { color: "#3F3A47", cursor: "pointer" }
19916
+ : { color: "#cacaca", cursor: "default" }, onClick: function () {
19917
+ return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
19918
+ } })),
19919
+ React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".pdf", onChange: function (e) {
19920
+ var selectedFile = e.target.files[0];
19921
+ e.target.value = null;
19922
+ onUploadDocument(selectedFile, exports.DocType.DESIGN_DOCUMENT);
19923
+ } }))))),
19924
+ noObjectionDocUrl !== "" && (React.createElement(antd.Row, { className: "field", key: "Objection Document" },
19925
+ React.createElement(antd.Col, { span: 14, className: "field-key" },
19926
+ React.createElement("div", { className: "label-uploaded" }, t("programme:objectionLett")),
19927
+ React.createElement("div", { className: "time" }, moment(parseInt(noObjectionDate)).format("DD MMMM YYYY @ HH:mm"))),
19928
+ React.createElement(antd.Col, { span: 10, className: "field-value" },
19929
+ React.createElement("div", { className: "link" },
19930
+ React.createElement("a", { href: noObjectionDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
19931
+ React.createElement(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))),
19932
+ React.createElement(antd.Row, { className: "field", key: "Methodology Document" },
19933
+ React.createElement(antd.Col, { span: 14, className: "field-key" },
19934
+ React.createElement("div", { className: "label-container" },
19935
+ React.createElement("div", { className: methodologyDocUrl !== "" ? "label-uploaded" : "label" }, t("programme:methDoc")),
19936
+ methodDocStatus === exports.DocumentStatus.PENDING &&
19937
+ companyRolePermission && (React.createElement(React.Fragment, null,
19938
+ React.createElement(icons.LikeOutlined, { onClick: function () {
19939
+ return docAction(methDocId, exports.DocumentStatus.ACCEPTED);
19940
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
19941
+ React.createElement(icons.DislikeOutlined, { onClick: function () {
19942
+ setRejectDocData({ id: methDocId });
19943
+ setActionInfo({
19944
+ action: "Reject",
19945
+ headerText: "".concat(t("programme:rejectDocHeader")),
19946
+ text: "".concat(t("programme:rejectDocBody")),
19947
+ type: "reject",
19948
+ icon: React.createElement(icons.DislikeOutlined, null),
19949
+ });
19950
+ setOpenRejectDocConfirmationModal(true);
19951
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
19952
+ methodDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19953
+ methodDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
19954
+ React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
19955
+ methodologyDocUrl !== "" && (React.createElement("div", { className: "time" }, moment(parseInt(methodologyDate)).format("DD MMMM YYYY @ HH:mm")))),
19956
+ React.createElement(antd.Col, { span: 10, className: "field-value" }, methodologyDocUrl !== "" ? (React.createElement("div", { className: "link" },
19957
+ linkDocVisible(methodDocStatus) && (React.createElement("a", { href: methodologyDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
19958
+ React.createElement(icons.LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
19959
+ methodDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
19960
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
19961
+ ? t("programme:notAuthToUploadDoc")
19962
+ : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19963
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
19964
+ uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
19965
+ ? { color: "#3F3A47", cursor: "pointer" }
19966
+ : { color: "#cacaca" }, onClick: function () {
19967
+ return designDocStatus === exports.DocumentStatus.ACCEPTED &&
19968
+ uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
19969
+ handleMethodologyFileUpload();
19970
+ } })),
19971
+ React.createElement("input", { type: "file", ref: fileInputRefMeth, style: { display: "none" }, accept: ".xlsx,.xls", onChange: function (e) {
19972
+ var selectedFile = e.target.files[0];
19973
+ e.target.value = null;
19974
+ if (designDocStatus === exports.DocumentStatus.ACCEPTED)
19975
+ onUploadDocument(selectedFile, exports.DocType.METHODOLOGY_DOCUMENT);
19976
+ } }))))) : (React.createElement(React.Fragment, null,
19977
+ React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
19978
+ ? t("programme:notAuthToUploadDoc")
19979
+ : uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
19980
+ ? designDocStatus !== exports.DocumentStatus.ACCEPTED &&
19981
+ t("programme:designDocNotApproved")
19982
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19983
+ React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
19984
+ uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
19985
+ ? { color: "#3F3A47", cursor: "pointer" }
19986
+ : { color: "#cacaca", cursor: "default" }, onClick: function () {
19987
+ return designDocStatus === exports.DocumentStatus.ACCEPTED &&
19988
+ uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
19989
+ handleMethodologyFileUpload();
19990
+ } })),
19991
+ React.createElement("input", { type: "file", ref: fileInputRefMeth, style: { display: "none" }, accept: ".xlsx,.xls", onChange: function (e) {
19992
+ var selectedFile = e.target.files[0];
19993
+ e.target.value = null;
19994
+ if (designDocStatus === exports.DocumentStatus.ACCEPTED)
19995
+ onUploadDocument(selectedFile, exports.DocType.METHODOLOGY_DOCUMENT);
19996
+ } }))))),
19997
+ authorisationDocUrl !== "" && (React.createElement(antd.Row, { className: "field", key: "Authorisation Document" },
19998
+ React.createElement(antd.Col, { span: 14, className: "field-key" },
19999
+ React.createElement("div", { className: "label-uploaded" }, t("programme:authLetterLabel")),
20000
+ React.createElement("div", { className: "time" }, moment(parseInt(authorisationDocDate)).format("DD MMMM YYYY @ HH:mm"))),
20001
+ React.createElement(antd.Col, { span: 10, className: "field-value" },
20002
+ React.createElement("div", { className: "link" },
20003
+ React.createElement("a", { href: authorisationDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
20004
+ React.createElement(icons.LinkOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))))))),
20005
+ React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
20432
20006
  };
20433
20007
 
20434
20008
  exports.AddNdcActionComponent = AddNdcActionComponent;
@@ -20439,26 +20013,37 @@ exports.CoBenifitsComponent = CoBenifitsComponent;
20439
20013
  exports.Company = Company;
20440
20014
  exports.CompanyManagementComponent = CompanyManagementComponent;
20441
20015
  exports.CompanyProfileComponent = CompanyProfileComponent;
20016
+ exports.ImgWithFallback = ImgWithFallback;
20442
20017
  exports.InfoView = InfoView;
20018
+ exports.InvestmentBody = InvestmentBody;
20443
20019
  exports.InvestmentCreationComponent = InvestmentCreationComponent;
20444
20020
  exports.InvestmentManagementComponent = InvestmentManagementComponent;
20445
20021
  exports.LegendItem = LegendItem;
20446
20022
  exports.Loading = Loading;
20447
20023
  exports.MapComponent = MapComponent;
20448
20024
  exports.MapboxComponent = MapboxComponent;
20025
+ exports.NdcActionBody = NdcActionBody;
20449
20026
  exports.NdcActionManagementComponent = NdcActionManagementComponent;
20027
+ exports.OrganisationStatus = OrganisationStatus;
20450
20028
  exports.ProfileIcon = ProfileIcon;
20451
20029
  exports.ProgrammeCreationComponent = ProgrammeCreationComponent;
20030
+ exports.ProgrammeDocuments = ProgrammeDocuments;
20452
20031
  exports.ProgrammeEntity = ProgrammeEntity;
20032
+ exports.ProgrammeIssueForm = ProgrammeIssueForm;
20453
20033
  exports.ProgrammeManagementComponent = ProgrammeManagementComponent;
20034
+ exports.ProgrammeRetireForm = ProgrammeRetireForm;
20035
+ exports.ProgrammeRevokeForm = ProgrammeRevokeForm;
20454
20036
  exports.ProgrammeTransfer = ProgrammeTransfer;
20455
- exports.ProgrammeViewComponent = ProgrammeViewComponent;
20037
+ exports.ProgrammeTransferForm = ProgrammeTransferForm;
20038
+ exports.RejectDocumentationConfirmationModel = RejectDocumentationConfirmationModel;
20456
20039
  exports.RoleIcon = RoleIcon;
20457
20040
  exports.StasticCard = StasticCard;
20041
+ exports.TransferActionModel = TransferActionModel;
20458
20042
  exports.UnitField = UnitField;
20459
20043
  exports.User = User;
20460
20044
  exports.UserManagementComponent = UserManagementComponent;
20461
20045
  exports.UserProfileComponent = UserProfileComponent;
20046
+ exports.UserRoleIcon = UserRoleIcon;
20462
20047
  exports.addCommSep = addCommSep;
20463
20048
  exports.addCommSepRound = addCommSepRound;
20464
20049
  exports.addRoundNumber = addRoundNumber;