@undp/carbon-library 1.0.81 → 1.0.82

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