@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.
- package/dist/cjs/index.js +1720 -2136
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/Common/ImgwithFallback/imgWithFallback.d.ts +8 -0
- package/dist/cjs/types/Components/Common/Investment/investmentBody.d.ts +7 -0
- package/dist/cjs/types/Components/Common/Models/programmeIssueForm.d.ts +4 -5
- package/dist/cjs/types/Components/Common/Models/programmeRetireForm.d.ts +4 -5
- package/dist/cjs/types/Components/Common/Models/programmeRevokeForm.d.ts +4 -5
- package/dist/cjs/types/Components/Common/Models/programmeTransferForm.d.ts +2 -3
- package/dist/cjs/types/Components/Common/Models/rejectDocumenConfirmationModel.d.ts +12 -0
- package/dist/cjs/types/Components/Common/Models/transferActionModel.d.ts +18 -0
- package/dist/cjs/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +17 -0
- package/dist/cjs/types/Components/Common/OrganisationStatus/organisationStatus.d.ts +1 -2
- package/dist/cjs/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +18 -0
- package/dist/cjs/types/Components/Common/UserRoleIcon/userRoleIcon.d.ts +1 -2
- package/dist/cjs/types/Components/index.d.ts +12 -1
- package/dist/cjs/types/Definitions/Definitions/programme.definitions.d.ts +25 -51
- package/dist/cjs/types/Definitions/Enums/programmeStage.enum.d.ts +13 -1
- package/dist/cjs/types/Definitions/index.d.ts +0 -1
- package/dist/esm/index.js +1712 -2139
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/Common/ImgwithFallback/imgWithFallback.d.ts +8 -0
- package/dist/esm/types/Components/Common/Investment/investmentBody.d.ts +7 -0
- package/dist/esm/types/Components/Common/Models/programmeIssueForm.d.ts +4 -5
- package/dist/esm/types/Components/Common/Models/programmeRetireForm.d.ts +4 -5
- package/dist/esm/types/Components/Common/Models/programmeRevokeForm.d.ts +4 -5
- package/dist/esm/types/Components/Common/Models/programmeTransferForm.d.ts +2 -3
- package/dist/esm/types/Components/Common/Models/rejectDocumenConfirmationModel.d.ts +12 -0
- package/dist/esm/types/Components/Common/Models/transferActionModel.d.ts +18 -0
- package/dist/esm/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +17 -0
- package/dist/esm/types/Components/Common/OrganisationStatus/organisationStatus.d.ts +1 -2
- package/dist/esm/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +18 -0
- package/dist/esm/types/Components/Common/UserRoleIcon/userRoleIcon.d.ts +1 -2
- package/dist/esm/types/Components/index.d.ts +12 -1
- package/dist/esm/types/Definitions/Definitions/programme.definitions.d.ts +25 -51
- package/dist/esm/types/Definitions/Enums/programmeStage.enum.d.ts +13 -1
- package/dist/esm/types/Definitions/index.d.ts +0 -1
- package/dist/index.d.ts +313 -198
- package/package.json +1 -1
- package/dist/cjs/types/Definitions/Enums/programmeStageMRV.enum.d.ts +0 -6
- package/dist/cjs/types/Definitions/Enums/programmeStageUnified.enum.d.ts +0 -6
- package/dist/esm/types/Definitions/Enums/programmeStageMRV.enum.d.ts +0 -6
- 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,
|
2
|
-
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox,
|
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 {
|
11
|
-
import
|
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$
|
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 = ".
|
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
|
166
|
-
(function (
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
})(
|
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(
|
215
|
+
var index = Object.keys(ProgrammeStageUnified).indexOf(value);
|
211
216
|
if (index < 0) {
|
212
217
|
return value;
|
213
218
|
}
|
214
|
-
return Object.values(
|
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
|
245
|
+
case ProgrammeStageR.AwaitingAuthorization:
|
241
246
|
return "error";
|
242
|
-
case
|
247
|
+
case ProgrammeStageR.Authorised:
|
243
248
|
return "processing";
|
244
|
-
// case
|
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$
|
402
|
-
styleInject(css_248z$
|
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$
|
774
|
-
styleInject(css_248z$
|
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$
|
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$
|
5109
|
-
styleInject(css_248z$
|
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$
|
5112
|
-
styleInject(css_248z$
|
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$
|
5360
|
-
styleInject(css_248z$
|
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 :
|
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$
|
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
|
-
|
5793
|
-
|
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
|
5796
|
-
var dateFormat = 'dd LLLL yyyy';
|
5797
|
-
var creditUnit = 'ITMO';
|
5801
|
+
var moment$1 = {exports: {}};
|
5798
5802
|
|
5799
|
-
|
5800
|
-
|
5801
|
-
|
5802
|
-
|
5803
|
-
|
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
|
-
|
5831
|
-
|
5832
|
-
|
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
|
-
|
5912
|
-
|
5913
|
-
|
5914
|
-
|
5915
|
-
}
|
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$
|
14405
|
-
styleInject(css_248z$
|
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$
|
14830
|
-
styleInject(css_248z$
|
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$
|
14840
|
-
styleInject(css_248z$
|
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$
|
15030
|
-
styleInject(css_248z$
|
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$
|
15569
|
-
styleInject(css_248z$
|
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$
|
16663
|
-
styleInject(css_248z$
|
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$
|
17044
|
-
styleInject(css_248z$
|
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$
|
17659
|
-
styleInject(css_248z$
|
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$
|
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) ===
|
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
|
20166
|
-
|
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
|
-
|
20383
|
-
|
20384
|
-
|
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
|
-
|
20387
|
-
|
20388
|
-
|
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
|
-
|
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
|
20395
|
-
|
20396
|
-
|
20397
|
-
|
20398
|
-
|
20399
|
-
|
20400
|
-
|
20401
|
-
|
20402
|
-
|
20403
|
-
|
20404
|
-
|
20405
|
-
|
20406
|
-
|
20407
|
-
|
20408
|
-
|
20409
|
-
|
20410
|
-
|
20411
|
-
|
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,
|
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
|