@undp/carbon-library 1.0.136-CARBON-343.0 → 1.0.136-support-section-changes.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +1055 -414
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +3 -0
- package/dist/cjs/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +4 -0
- package/dist/cjs/types/Components/index.d.ts +2 -1
- package/dist/cjs/types/Definitions/Enums/investment.enum.d.ts +4 -0
- package/dist/esm/index.js +1055 -415
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +3 -0
- package/dist/esm/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +4 -0
- package/dist/esm/types/Components/index.d.ts +2 -1
- package/dist/esm/types/Definitions/Enums/investment.enum.d.ts +4 -0
- package/dist/index.d.ts +9 -3
- package/package.json +1 -1
- package/dist/cjs/types/Components/Common/AntComponents/antTableComponents.d.ts +0 -21
- package/dist/cjs/types/Components/Ndc/ndcDetailsComponent.d.ts +0 -3
- package/dist/esm/types/Components/Common/AntComponents/antTableComponents.d.ts +0 -21
- package/dist/esm/types/Components/Ndc/ndcDetailsComponent.d.ts +0 -3
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
|
|
2
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, Progress } from 'antd';
|
|
3
|
-
import React, { useState, useEffect, useRef
|
|
3
|
+
import React, { useState, useEffect, useRef } from 'react';
|
|
4
4
|
import { DateTime } from 'luxon';
|
|
5
5
|
import { Buffer } from 'buffer';
|
|
6
6
|
import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
|
|
@@ -11,6 +11,7 @@ import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill, Clip
|
|
|
11
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 ApexCharts from 'react-apexcharts';
|
|
14
15
|
|
|
15
16
|
/******************************************************************************
|
|
16
17
|
Copyright (c) Microsoft Corporation.
|
|
@@ -904,6 +905,11 @@ var InvestmentType;
|
|
|
904
905
|
InvestmentType["PUBLIC"] = "Public";
|
|
905
906
|
InvestmentType["PRIVATE"] = "Private";
|
|
906
907
|
})(InvestmentType || (InvestmentType = {}));
|
|
908
|
+
var InvestmentCreationType;
|
|
909
|
+
(function (InvestmentCreationType) {
|
|
910
|
+
InvestmentCreationType["EXISTING"] = "Existing";
|
|
911
|
+
InvestmentCreationType["NEW"] = "New";
|
|
912
|
+
})(InvestmentCreationType || (InvestmentCreationType = {}));
|
|
907
913
|
var InvestmentStream;
|
|
908
914
|
(function (InvestmentStream) {
|
|
909
915
|
InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
|
|
@@ -13976,7 +13982,7 @@ var UserManagementComponent = function (props) {
|
|
|
13976
13982
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
|
13977
13983
|
};
|
|
13978
13984
|
|
|
13979
|
-
var css_248z$i = ".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";
|
|
13985
|
+
var css_248z$i = ".steps-actions {\n text-align: right; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\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";
|
|
13980
13986
|
styleInject(css_248z$i);
|
|
13981
13987
|
|
|
13982
13988
|
var Loading = function () {
|
|
@@ -14031,7 +14037,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
14031
14037
|
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
|
|
14032
14038
|
});
|
|
14033
14039
|
}
|
|
14034
|
-
for (_i = 0, _a = data.companyId; _i < _a.length; _i++) {
|
|
14040
|
+
for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
|
|
14035
14041
|
c = _a[_i];
|
|
14036
14042
|
filterAnd.push({
|
|
14037
14043
|
key: "companyId",
|
|
@@ -14066,18 +14072,20 @@ var InvestmentCreationComponent = function (props) {
|
|
|
14066
14072
|
onNavigateToProgrammeManagementView();
|
|
14067
14073
|
return;
|
|
14068
14074
|
}
|
|
14069
|
-
|
|
14075
|
+
if (state === null || state === void 0 ? void 0 : state.record) {
|
|
14076
|
+
setData(state === null || state === void 0 ? void 0 : state.record);
|
|
14077
|
+
}
|
|
14070
14078
|
}, []);
|
|
14071
14079
|
useEffect(function () {
|
|
14072
14080
|
getOrganisationsDetails();
|
|
14073
14081
|
}, [data]);
|
|
14074
|
-
if (!data) {
|
|
14082
|
+
if (!data || !(state === null || state === void 0 ? void 0 : state.ownership)) {
|
|
14075
14083
|
return React.createElement(Loading, null);
|
|
14076
14084
|
}
|
|
14077
14085
|
var companyName = {};
|
|
14078
|
-
for (var _i = 0, _j = data.company; _i < _j.length; _i++) {
|
|
14086
|
+
for (var _i = 0, _j = data === null || data === void 0 ? void 0 : data.company; _i < _j.length; _i++) {
|
|
14079
14087
|
var company = _j[_i];
|
|
14080
|
-
companyName[company.companyId] = company;
|
|
14088
|
+
companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
|
|
14081
14089
|
}
|
|
14082
14090
|
if (!data.proponentPercentage) {
|
|
14083
14091
|
data.proponentPercentage = [100];
|
|
@@ -14164,6 +14172,17 @@ var InvestmentCreationComponent = function (props) {
|
|
|
14164
14172
|
description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
|
|
14165
14173
|
React.createElement("div", { className: "investment-sought-form" },
|
|
14166
14174
|
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
|
|
14175
|
+
React.createElement(Row, { className: "row", gutter: [4, 4] },
|
|
14176
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
14177
|
+
React.createElement(Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "typeCreation", rules: [
|
|
14178
|
+
{
|
|
14179
|
+
required: true,
|
|
14180
|
+
},
|
|
14181
|
+
] },
|
|
14182
|
+
React.createElement(Radio.Group, { size: "large", defaultValue: "New" }, Object.values(InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
14183
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
|
|
14184
|
+
return deselectOnClick(e, "type");
|
|
14185
|
+
} }, t("programme:" + k)))); }))))),
|
|
14167
14186
|
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
14168
14187
|
React.createElement(Col, { xl: 12, md: 24 },
|
|
14169
14188
|
React.createElement("div", { className: "details-part-one" },
|
|
@@ -14369,7 +14388,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
14369
14388
|
React.createElement("div", { className: "step-count" }, "02"),
|
|
14370
14389
|
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
|
14371
14390
|
description: current === 1 && (React.createElement("div", null,
|
|
14372
|
-
React.createElement("div", { className: "programme-sought-form-container ownership-container" },
|
|
14391
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, (state === null || state === void 0 ? void 0 : state.ownership) !== true &&
|
|
14373
14392
|
React.createElement("div", { className: "programme-sought-form" },
|
|
14374
14393
|
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
|
|
14375
14394
|
data.companyId.map(function (companyId, index) {
|
|
@@ -14440,113 +14459,1001 @@ var InvestmentCreationComponent = function (props) {
|
|
|
14440
14459
|
] })))));
|
|
14441
14460
|
};
|
|
14442
14461
|
|
|
14443
|
-
var InvestmentActionModel = function (props) {
|
|
14444
|
-
var investment = props.investment, 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;
|
|
14445
|
-
var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
|
|
14446
|
-
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
14447
|
-
var _c = useState(false), checked = _c[0], setChecked = _c[1];
|
|
14448
|
-
var t = translator.t;
|
|
14449
|
-
var companyList = !investment.isRetirement
|
|
14450
|
-
? [
|
|
14451
|
-
{
|
|
14452
|
-
value: investment.toCompanyId,
|
|
14453
|
-
label: investment.receiver[0].name,
|
|
14454
|
-
},
|
|
14455
|
-
]
|
|
14456
|
-
: [
|
|
14457
|
-
{
|
|
14458
|
-
value: investment.fromCompanyId,
|
|
14459
|
-
label: investment.sender[0].name,
|
|
14460
|
-
},
|
|
14461
|
-
];
|
|
14462
|
-
return (React.createElement(Modal, { title: React.createElement("div", { className: "popup-header" },
|
|
14463
|
-
React.createElement("div", { className: "icon" }, icon),
|
|
14464
|
-
React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
|
|
14465
|
-
React.createElement("div", { className: "transfer-form" },
|
|
14466
|
-
React.createElement(Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
|
|
14467
|
-
toCompanyId: !investment.isRetirement
|
|
14468
|
-
? investment.toCompanyId
|
|
14469
|
-
: investment.fromCompanyId,
|
|
14470
|
-
programmeName: investment.programmeTitle,
|
|
14471
|
-
serialNo: investment.serialNo,
|
|
14472
|
-
creditAmount: investment.creditAmount,
|
|
14473
|
-
company: investment.toCompanyMeta
|
|
14474
|
-
? investment.toCompanyMeta.name
|
|
14475
|
-
: null,
|
|
14476
|
-
country: investment.toCompanyMeta
|
|
14477
|
-
? investment.toCompanyMeta.country
|
|
14478
|
-
: null,
|
|
14479
|
-
countryName: investment.toCompanyMeta
|
|
14480
|
-
? investment.toCompanyMeta.countryName
|
|
14481
|
-
: null,
|
|
14482
|
-
}, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
|
|
14483
|
-
var res;
|
|
14484
|
-
return __generator(this, function (_a) {
|
|
14485
|
-
switch (_a.label) {
|
|
14486
|
-
case 0:
|
|
14487
|
-
setLoading(true);
|
|
14488
|
-
if (d.comment) {
|
|
14489
|
-
d.comment = d.comment.trim();
|
|
14490
|
-
}
|
|
14491
|
-
return [4 /*yield*/, onFinish(investment.requestId, d.comment)];
|
|
14492
|
-
case 1:
|
|
14493
|
-
res = _a.sent();
|
|
14494
|
-
setPopupError(res);
|
|
14495
|
-
setLoading(false);
|
|
14496
|
-
return [2 /*return*/];
|
|
14497
|
-
}
|
|
14498
|
-
});
|
|
14499
|
-
}); } },
|
|
14500
|
-
React.createElement(Row, null,
|
|
14501
|
-
React.createElement(Col, { span: 24 },
|
|
14502
|
-
React.createElement(Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
|
|
14503
|
-
React.createElement(Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
|
|
14504
|
-
React.createElement(Row, null,
|
|
14505
|
-
React.createElement(Col, { span: 24 },
|
|
14506
|
-
React.createElement(Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
|
|
14507
|
-
React.createElement(Input, { disabled: true })))),
|
|
14508
|
-
React.createElement(Row, null,
|
|
14509
|
-
React.createElement(Col, { lg: 18, md: 20 },
|
|
14510
|
-
React.createElement("div", { className: "label" }, "".concat(t("view:ownershipPercentage")))),
|
|
14511
|
-
React.createElement(Col, { lg: 6, md: 4 },
|
|
14512
|
-
React.createElement(Form.Item, { className: "popup-credit-input" },
|
|
14513
|
-
React.createElement(InputNumber, { placeholder: investment.percentage + "%", disabled: true })))),
|
|
14514
|
-
React.createElement(Row, null,
|
|
14515
|
-
React.createElement(Col, { span: 24 },
|
|
14516
|
-
React.createElement(Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
|
|
14517
|
-
{
|
|
14518
|
-
required: remarkRequired,
|
|
14519
|
-
message: "Required field",
|
|
14520
|
-
},
|
|
14521
|
-
function (_a) {
|
|
14522
|
-
_a.getFieldValue;
|
|
14523
|
-
return ({
|
|
14524
|
-
validator: function (rule, v) {
|
|
14525
|
-
if (remarkRequired &&
|
|
14526
|
-
v !== undefined &&
|
|
14527
|
-
v !== "" &&
|
|
14528
|
-
v.trim() === "") {
|
|
14529
|
-
// eslint-disable-next-line prefer-promise-reject-errors
|
|
14530
|
-
return Promise.reject("Required field");
|
|
14531
|
-
}
|
|
14532
|
-
return Promise.resolve();
|
|
14533
|
-
},
|
|
14534
|
-
});
|
|
14535
|
-
},
|
|
14536
|
-
] },
|
|
14537
|
-
React.createElement(Input.TextArea, { placeholder: "" })))),
|
|
14538
|
-
React.createElement(Row, null,
|
|
14539
|
-
React.createElement(Col, { span: 24 },
|
|
14540
|
-
React.createElement(Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
|
|
14541
|
-
React.createElement(Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
|
|
14542
|
-
popupError ? (React.createElement(Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
|
|
14543
|
-
React.createElement(Form.Item, { className: "footer" },
|
|
14544
|
-
React.createElement(Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
|
|
14545
|
-
React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
|
|
14546
|
-
};
|
|
14547
|
-
|
|
14548
|
-
var InvestmentManagementComponent = function (props) {
|
|
14549
|
-
var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
|
|
14462
|
+
var InvestmentActionModel = function (props) {
|
|
14463
|
+
var investment = props.investment, 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;
|
|
14464
|
+
var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
|
|
14465
|
+
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
14466
|
+
var _c = useState(false), checked = _c[0], setChecked = _c[1];
|
|
14467
|
+
var t = translator.t;
|
|
14468
|
+
var companyList = !investment.isRetirement
|
|
14469
|
+
? [
|
|
14470
|
+
{
|
|
14471
|
+
value: investment.toCompanyId,
|
|
14472
|
+
label: investment.receiver[0].name,
|
|
14473
|
+
},
|
|
14474
|
+
]
|
|
14475
|
+
: [
|
|
14476
|
+
{
|
|
14477
|
+
value: investment.fromCompanyId,
|
|
14478
|
+
label: investment.sender[0].name,
|
|
14479
|
+
},
|
|
14480
|
+
];
|
|
14481
|
+
return (React.createElement(Modal, { title: React.createElement("div", { className: "popup-header" },
|
|
14482
|
+
React.createElement("div", { className: "icon" }, icon),
|
|
14483
|
+
React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
|
|
14484
|
+
React.createElement("div", { className: "transfer-form" },
|
|
14485
|
+
React.createElement(Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
|
|
14486
|
+
toCompanyId: !investment.isRetirement
|
|
14487
|
+
? investment.toCompanyId
|
|
14488
|
+
: investment.fromCompanyId,
|
|
14489
|
+
programmeName: investment.programmeTitle,
|
|
14490
|
+
serialNo: investment.serialNo,
|
|
14491
|
+
creditAmount: investment.creditAmount,
|
|
14492
|
+
company: investment.toCompanyMeta
|
|
14493
|
+
? investment.toCompanyMeta.name
|
|
14494
|
+
: null,
|
|
14495
|
+
country: investment.toCompanyMeta
|
|
14496
|
+
? investment.toCompanyMeta.country
|
|
14497
|
+
: null,
|
|
14498
|
+
countryName: investment.toCompanyMeta
|
|
14499
|
+
? investment.toCompanyMeta.countryName
|
|
14500
|
+
: null,
|
|
14501
|
+
}, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
|
|
14502
|
+
var res;
|
|
14503
|
+
return __generator(this, function (_a) {
|
|
14504
|
+
switch (_a.label) {
|
|
14505
|
+
case 0:
|
|
14506
|
+
setLoading(true);
|
|
14507
|
+
if (d.comment) {
|
|
14508
|
+
d.comment = d.comment.trim();
|
|
14509
|
+
}
|
|
14510
|
+
return [4 /*yield*/, onFinish(investment.requestId, d.comment)];
|
|
14511
|
+
case 1:
|
|
14512
|
+
res = _a.sent();
|
|
14513
|
+
setPopupError(res);
|
|
14514
|
+
setLoading(false);
|
|
14515
|
+
return [2 /*return*/];
|
|
14516
|
+
}
|
|
14517
|
+
});
|
|
14518
|
+
}); } },
|
|
14519
|
+
React.createElement(Row, null,
|
|
14520
|
+
React.createElement(Col, { span: 24 },
|
|
14521
|
+
React.createElement(Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
|
|
14522
|
+
React.createElement(Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
|
|
14523
|
+
React.createElement(Row, null,
|
|
14524
|
+
React.createElement(Col, { span: 24 },
|
|
14525
|
+
React.createElement(Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
|
|
14526
|
+
React.createElement(Input, { disabled: true })))),
|
|
14527
|
+
React.createElement(Row, null,
|
|
14528
|
+
React.createElement(Col, { lg: 18, md: 20 },
|
|
14529
|
+
React.createElement("div", { className: "label" }, "".concat(t("view:ownershipPercentage")))),
|
|
14530
|
+
React.createElement(Col, { lg: 6, md: 4 },
|
|
14531
|
+
React.createElement(Form.Item, { className: "popup-credit-input" },
|
|
14532
|
+
React.createElement(InputNumber, { placeholder: investment.percentage + "%", disabled: true })))),
|
|
14533
|
+
React.createElement(Row, null,
|
|
14534
|
+
React.createElement(Col, { span: 24 },
|
|
14535
|
+
React.createElement(Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
|
|
14536
|
+
{
|
|
14537
|
+
required: remarkRequired,
|
|
14538
|
+
message: "Required field",
|
|
14539
|
+
},
|
|
14540
|
+
function (_a) {
|
|
14541
|
+
_a.getFieldValue;
|
|
14542
|
+
return ({
|
|
14543
|
+
validator: function (rule, v) {
|
|
14544
|
+
if (remarkRequired &&
|
|
14545
|
+
v !== undefined &&
|
|
14546
|
+
v !== "" &&
|
|
14547
|
+
v.trim() === "") {
|
|
14548
|
+
// eslint-disable-next-line prefer-promise-reject-errors
|
|
14549
|
+
return Promise.reject("Required field");
|
|
14550
|
+
}
|
|
14551
|
+
return Promise.resolve();
|
|
14552
|
+
},
|
|
14553
|
+
});
|
|
14554
|
+
},
|
|
14555
|
+
] },
|
|
14556
|
+
React.createElement(Input.TextArea, { placeholder: "" })))),
|
|
14557
|
+
React.createElement(Row, null,
|
|
14558
|
+
React.createElement(Col, { span: 24 },
|
|
14559
|
+
React.createElement(Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
|
|
14560
|
+
React.createElement(Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
|
|
14561
|
+
popupError ? (React.createElement(Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
|
|
14562
|
+
React.createElement(Form.Item, { className: "footer" },
|
|
14563
|
+
React.createElement(Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
|
|
14564
|
+
React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
|
|
14565
|
+
};
|
|
14566
|
+
|
|
14567
|
+
var InvestmentManagementComponent = function (props) {
|
|
14568
|
+
var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
|
|
14569
|
+
var t = translator.t;
|
|
14570
|
+
var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
|
|
14571
|
+
label: addSpaces(Object.values(InvestmentStatus)[index]),
|
|
14572
|
+
value: Object.values(InvestmentStatus)[index],
|
|
14573
|
+
}); });
|
|
14574
|
+
var _a = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _a[0], setSelectedStatus = _a[1];
|
|
14575
|
+
var _b = useState(false), indeterminate = _b[0], setIndeterminate = _b[1];
|
|
14576
|
+
var _c = useState(true), checkAll = _c[0], setCheckAll = _c[1];
|
|
14577
|
+
var userInfoState = useUserContext().userInfoState;
|
|
14578
|
+
var _d = useConnection(), post = _d.post; _d.get;
|
|
14579
|
+
var _e = useState(), totalProgramme = _e[0], setTotalProgramme = _e[1];
|
|
14580
|
+
var _f = useState(), dataFilter = _f[0]; _f[1];
|
|
14581
|
+
var _g = useState(false), loading = _g[0], setLoading = _g[1];
|
|
14582
|
+
var _h = useState([]), tableData = _h[0], setTableData = _h[1];
|
|
14583
|
+
var _j = useState(1), currentPage = _j[0], setCurrentPage = _j[1];
|
|
14584
|
+
var _k = useState(10), pageSize = _k[0], setPageSize = _k[1];
|
|
14585
|
+
var _l = useState(), search = _l[0], setSearch = _l[1];
|
|
14586
|
+
var _m = useState(), searchText = _m[0], setSearchText = _m[1];
|
|
14587
|
+
var _o = useState(), statusFilter = _o[0], setStatusFilter = _o[1];
|
|
14588
|
+
var _p = useState(), sortOrder = _p[0], setSortOrder = _p[1];
|
|
14589
|
+
var _q = useState(), sortField = _q[0], setSortField = _q[1];
|
|
14590
|
+
var _r = useState(false), modalVisible = _r[0], setModalVisible = _r[1];
|
|
14591
|
+
var _s = useState(), selectedReq = _s[0], setSelectedReq = _s[1];
|
|
14592
|
+
var _t = useState(), popupInfo = _t[0], setPopupInfo = _t[1];
|
|
14593
|
+
var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
|
|
14594
|
+
var _v = useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
|
|
14595
|
+
var _w = useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
|
|
14596
|
+
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
|
14597
|
+
return __generator(this, function (_a) {
|
|
14598
|
+
console.log(checkedValues);
|
|
14599
|
+
if (checkedValues !== selectedStatus) {
|
|
14600
|
+
setSelectedStatus(checkedValues);
|
|
14601
|
+
}
|
|
14602
|
+
if (checkedValues.length === 0) {
|
|
14603
|
+
setTableData([]);
|
|
14604
|
+
setTotalProgramme(0);
|
|
14605
|
+
return [2 /*return*/];
|
|
14606
|
+
}
|
|
14607
|
+
setStatusFilter({
|
|
14608
|
+
key: "status",
|
|
14609
|
+
operation: "in",
|
|
14610
|
+
value: checkedValues,
|
|
14611
|
+
});
|
|
14612
|
+
return [2 /*return*/];
|
|
14613
|
+
});
|
|
14614
|
+
}); };
|
|
14615
|
+
Form.useForm()[0];
|
|
14616
|
+
var Search = Input.Search;
|
|
14617
|
+
var onCheckAllChange = function (e) {
|
|
14618
|
+
var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
|
|
14619
|
+
setSelectedStatus(nw);
|
|
14620
|
+
setIndeterminate(false);
|
|
14621
|
+
setCheckAll(e.target.checked);
|
|
14622
|
+
onStatusQuery(nw);
|
|
14623
|
+
};
|
|
14624
|
+
var getInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
14625
|
+
var filter, interFilterOr, sort, filterBy, response, error_1;
|
|
14626
|
+
return __generator(this, function (_a) {
|
|
14627
|
+
switch (_a.label) {
|
|
14628
|
+
case 0:
|
|
14629
|
+
setLoading(true);
|
|
14630
|
+
filter = [];
|
|
14631
|
+
if (statusFilter) {
|
|
14632
|
+
filter.push(statusFilter);
|
|
14633
|
+
}
|
|
14634
|
+
if (search && search !== "") {
|
|
14635
|
+
interFilterOr = [
|
|
14636
|
+
{
|
|
14637
|
+
key: "programmeTitle",
|
|
14638
|
+
operation: "like",
|
|
14639
|
+
value: "".concat(search, "%"),
|
|
14640
|
+
},
|
|
14641
|
+
];
|
|
14642
|
+
if (!isNaN(Number(search))) {
|
|
14643
|
+
interFilterOr.push({
|
|
14644
|
+
key: "requestId",
|
|
14645
|
+
operation: "=",
|
|
14646
|
+
value: "".concat(search),
|
|
14647
|
+
});
|
|
14648
|
+
}
|
|
14649
|
+
filter.push({
|
|
14650
|
+
value: {
|
|
14651
|
+
page: currentPage,
|
|
14652
|
+
size: pageSize,
|
|
14653
|
+
filterOr: interFilterOr,
|
|
14654
|
+
},
|
|
14655
|
+
});
|
|
14656
|
+
}
|
|
14657
|
+
if (sortOrder && sortField) {
|
|
14658
|
+
sort = {
|
|
14659
|
+
key: sortField,
|
|
14660
|
+
order: sortOrder,
|
|
14661
|
+
nullFirst: false,
|
|
14662
|
+
};
|
|
14663
|
+
}
|
|
14664
|
+
else {
|
|
14665
|
+
sort = {
|
|
14666
|
+
key: "requestId",
|
|
14667
|
+
order: "DESC",
|
|
14668
|
+
};
|
|
14669
|
+
}
|
|
14670
|
+
if (ministryLevelFilter) {
|
|
14671
|
+
filterBy = {
|
|
14672
|
+
key: "ministryLevel",
|
|
14673
|
+
value: ministrySectoralScope,
|
|
14674
|
+
};
|
|
14675
|
+
}
|
|
14676
|
+
_a.label = 1;
|
|
14677
|
+
case 1:
|
|
14678
|
+
_a.trys.push([1, 3, , 4]);
|
|
14679
|
+
return [4 /*yield*/, post("national/programme/investmentQuery", {
|
|
14680
|
+
page: currentPage,
|
|
14681
|
+
size: pageSize,
|
|
14682
|
+
filterAnd: filter,
|
|
14683
|
+
filterOr: dataFilter,
|
|
14684
|
+
sort: sort,
|
|
14685
|
+
filterBy: filterBy,
|
|
14686
|
+
})];
|
|
14687
|
+
case 2:
|
|
14688
|
+
response = _a.sent();
|
|
14689
|
+
console.log(response);
|
|
14690
|
+
setTableData(response.data);
|
|
14691
|
+
setTotalProgramme(response.response.data.total);
|
|
14692
|
+
setLoading(false);
|
|
14693
|
+
return [3 /*break*/, 4];
|
|
14694
|
+
case 3:
|
|
14695
|
+
error_1 = _a.sent();
|
|
14696
|
+
console.log("Error in getting programme investment", error_1);
|
|
14697
|
+
message.open({
|
|
14698
|
+
type: "error",
|
|
14699
|
+
content: error_1.message,
|
|
14700
|
+
duration: 3,
|
|
14701
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
14702
|
+
});
|
|
14703
|
+
setLoading(false);
|
|
14704
|
+
return [3 /*break*/, 4];
|
|
14705
|
+
case 4: return [2 /*return*/];
|
|
14706
|
+
}
|
|
14707
|
+
});
|
|
14708
|
+
}); };
|
|
14709
|
+
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
14710
|
+
var response, error_2;
|
|
14711
|
+
var _a, _b, _c, _d, _e, _f;
|
|
14712
|
+
return __generator(this, function (_g) {
|
|
14713
|
+
switch (_g.label) {
|
|
14714
|
+
case 0:
|
|
14715
|
+
setLoading(true);
|
|
14716
|
+
_g.label = 1;
|
|
14717
|
+
case 1:
|
|
14718
|
+
_g.trys.push([1, 3, , 4]);
|
|
14719
|
+
return [4 /*yield*/, post("national/user/query", {
|
|
14720
|
+
page: 1,
|
|
14721
|
+
size: 10,
|
|
14722
|
+
filterAnd: [
|
|
14723
|
+
{
|
|
14724
|
+
key: "id",
|
|
14725
|
+
operation: "=",
|
|
14726
|
+
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
|
|
14727
|
+
},
|
|
14728
|
+
],
|
|
14729
|
+
})];
|
|
14730
|
+
case 2:
|
|
14731
|
+
response = _g.sent();
|
|
14732
|
+
if (response && response.data) {
|
|
14733
|
+
if (((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.companyRole) === CompanyRole.MINISTRY &&
|
|
14734
|
+
((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company) &&
|
|
14735
|
+
((_d = (_c = response === null || response === void 0 ? void 0 : response.data[0]) === null || _c === void 0 ? void 0 : _c.company) === null || _d === void 0 ? void 0 : _d.sectoralScope)) {
|
|
14736
|
+
setMinistrySectoralScope((_f = (_e = response === null || response === void 0 ? void 0 : response.data[0]) === null || _e === void 0 ? void 0 : _e.company) === null || _f === void 0 ? void 0 : _f.sectoralScope);
|
|
14737
|
+
}
|
|
14738
|
+
}
|
|
14739
|
+
setLoading(false);
|
|
14740
|
+
return [3 /*break*/, 4];
|
|
14741
|
+
case 3:
|
|
14742
|
+
error_2 = _g.sent();
|
|
14743
|
+
console.log("Error in getting users", error_2);
|
|
14744
|
+
setLoading(false);
|
|
14745
|
+
return [3 /*break*/, 4];
|
|
14746
|
+
case 4: return [2 /*return*/];
|
|
14747
|
+
}
|
|
14748
|
+
});
|
|
14749
|
+
}); };
|
|
14750
|
+
useEffect(function () {
|
|
14751
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
14752
|
+
getUserDetails();
|
|
14753
|
+
}
|
|
14754
|
+
}, []);
|
|
14755
|
+
useEffect(function () {
|
|
14756
|
+
if (currentPage !== 1) {
|
|
14757
|
+
setCurrentPage(1);
|
|
14758
|
+
}
|
|
14759
|
+
else {
|
|
14760
|
+
getInvestmentData();
|
|
14761
|
+
}
|
|
14762
|
+
}, [statusFilter, dataFilter]);
|
|
14763
|
+
useEffect(function () {
|
|
14764
|
+
getInvestmentData();
|
|
14765
|
+
}, [
|
|
14766
|
+
currentPage,
|
|
14767
|
+
pageSize,
|
|
14768
|
+
sortField,
|
|
14769
|
+
sortOrder,
|
|
14770
|
+
search,
|
|
14771
|
+
ministryLevelFilter,
|
|
14772
|
+
]);
|
|
14773
|
+
var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
|
|
14774
|
+
var response, successMsg, error_3;
|
|
14775
|
+
return __generator(this, function (_a) {
|
|
14776
|
+
switch (_a.label) {
|
|
14777
|
+
case 0:
|
|
14778
|
+
setLoading(true);
|
|
14779
|
+
_a.label = 1;
|
|
14780
|
+
case 1:
|
|
14781
|
+
_a.trys.push([1, 3, , 4]);
|
|
14782
|
+
return [4 /*yield*/, post("national/programme/" + endpoint, {
|
|
14783
|
+
requestId: reqId,
|
|
14784
|
+
comment: remarks,
|
|
14785
|
+
})];
|
|
14786
|
+
case 2:
|
|
14787
|
+
response = _a.sent();
|
|
14788
|
+
successMsg = response.message;
|
|
14789
|
+
if (isRetire) {
|
|
14790
|
+
successMsg = t("creditTransfer:internationalTransferReqCancelled");
|
|
14791
|
+
}
|
|
14792
|
+
console.log(response);
|
|
14793
|
+
message.open({
|
|
14794
|
+
type: "success",
|
|
14795
|
+
content: successText ? successText : successMsg,
|
|
14796
|
+
duration: 3,
|
|
14797
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
14798
|
+
});
|
|
14799
|
+
setLoading(false);
|
|
14800
|
+
getInvestmentData();
|
|
14801
|
+
setModalVisible(false);
|
|
14802
|
+
return [3 /*break*/, 4];
|
|
14803
|
+
case 3:
|
|
14804
|
+
error_3 = _a.sent();
|
|
14805
|
+
console.log("Error in Cancelling transfer request", error_3);
|
|
14806
|
+
setLoading(false);
|
|
14807
|
+
return [2 /*return*/, error_3.message];
|
|
14808
|
+
case 4: return [2 /*return*/];
|
|
14809
|
+
}
|
|
14810
|
+
});
|
|
14811
|
+
}); };
|
|
14812
|
+
var showModalOnAction = function (record, info) {
|
|
14813
|
+
setSelectedReq(record);
|
|
14814
|
+
setModalVisible(true);
|
|
14815
|
+
setPopupInfo(info);
|
|
14816
|
+
};
|
|
14817
|
+
var actionMenu = function (record) {
|
|
14818
|
+
var isRetire = false;
|
|
14819
|
+
if (record.isRetirement === true) {
|
|
14820
|
+
isRetire = true;
|
|
14821
|
+
}
|
|
14822
|
+
if (record.status === "Pending" &&
|
|
14823
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly) {
|
|
14824
|
+
return (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) === record.initiatorCompanyId ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
|
|
14825
|
+
{
|
|
14826
|
+
text: t("creditTransfer:cancel"),
|
|
14827
|
+
icon: React.createElement(Icon.ExclamationOctagon, null),
|
|
14828
|
+
click: function () {
|
|
14829
|
+
showModalOnAction(record, {
|
|
14830
|
+
title: t("creditTransfer:cancelTitle"),
|
|
14831
|
+
icon: React.createElement(Icon.ExclamationOctagon, null),
|
|
14832
|
+
actionBtnText: t("creditTransfer:proceed"),
|
|
14833
|
+
okAction: function (requestId, comment) {
|
|
14834
|
+
return handleRequestOk(requestId, comment, "investmentCancel", undefined, isRetire);
|
|
14835
|
+
},
|
|
14836
|
+
type: "danger",
|
|
14837
|
+
remarkRequired: true,
|
|
14838
|
+
});
|
|
14839
|
+
},
|
|
14840
|
+
},
|
|
14841
|
+
], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
|
|
14842
|
+
React.createElement(Typography.Text, { className: "action-icon color-error" }, item.icon),
|
|
14843
|
+
React.createElement("span", null, item.text))); } })) : record.fromCompanyId === (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
|
|
14844
|
+
{
|
|
14845
|
+
text: t("creditTransfer:accept"),
|
|
14846
|
+
icon: React.createElement(Icon.ClipboardCheck, null),
|
|
14847
|
+
style: "color-primary",
|
|
14848
|
+
click: function () {
|
|
14849
|
+
showModalOnAction(record, {
|
|
14850
|
+
title: t("creditTransfer:acceptTitle"),
|
|
14851
|
+
icon: React.createElement(Icon.ClipboardCheck, null),
|
|
14852
|
+
actionBtnText: t("creditTransfer:proceed"),
|
|
14853
|
+
okAction: function (requestId, comment) {
|
|
14854
|
+
return handleRequestOk(requestId, comment, "investmentApprove", "".concat(t("programme:investmentReqApproved")));
|
|
14855
|
+
},
|
|
14856
|
+
type: "primary",
|
|
14857
|
+
remarkRequired: false,
|
|
14858
|
+
});
|
|
14859
|
+
},
|
|
14860
|
+
},
|
|
14861
|
+
{
|
|
14862
|
+
text: t("creditTransfer:reject"),
|
|
14863
|
+
icon: React.createElement(Icon.XOctagon, null),
|
|
14864
|
+
style: "color-error",
|
|
14865
|
+
click: function () {
|
|
14866
|
+
showModalOnAction(record, {
|
|
14867
|
+
title: t("creditTransfer:rejectTitle"),
|
|
14868
|
+
icon: React.createElement(Icon.XOctagon, null),
|
|
14869
|
+
actionBtnText: t("creditTransfer:reject"),
|
|
14870
|
+
okAction: function (requestId, comment) {
|
|
14871
|
+
return handleRequestOk(requestId, comment, "investmentReject");
|
|
14872
|
+
},
|
|
14873
|
+
type: "danger",
|
|
14874
|
+
remarkRequired: true,
|
|
14875
|
+
});
|
|
14876
|
+
},
|
|
14877
|
+
},
|
|
14878
|
+
], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
|
|
14879
|
+
React.createElement(Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
|
|
14880
|
+
React.createElement("span", null, item.text))); } })) : null;
|
|
14881
|
+
}
|
|
14882
|
+
};
|
|
14883
|
+
var columns = [
|
|
14884
|
+
{
|
|
14885
|
+
title: t("programme:requestId"),
|
|
14886
|
+
dataIndex: "requestId",
|
|
14887
|
+
key: "requestId",
|
|
14888
|
+
sorter: true,
|
|
14889
|
+
},
|
|
14890
|
+
{
|
|
14891
|
+
title: t("programme:date"),
|
|
14892
|
+
key: "txTime",
|
|
14893
|
+
sorter: true,
|
|
14894
|
+
align: "left",
|
|
14895
|
+
render: function (item, itemObj) {
|
|
14896
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
|
|
14897
|
+
},
|
|
14898
|
+
},
|
|
14899
|
+
{
|
|
14900
|
+
title: t("programme:programmeName"),
|
|
14901
|
+
dataIndex: "programmeTitle",
|
|
14902
|
+
key: "programmeTitle",
|
|
14903
|
+
sorter: true,
|
|
14904
|
+
align: "left",
|
|
14905
|
+
render: function (item) {
|
|
14906
|
+
return React.createElement("span", { className: "clickable" }, item);
|
|
14907
|
+
},
|
|
14908
|
+
onCell: function (record, rowIndex) {
|
|
14909
|
+
return {
|
|
14910
|
+
onClick: function (ev) {
|
|
14911
|
+
onNavigateToProgrammeView(record.programmeId);
|
|
14912
|
+
},
|
|
14913
|
+
};
|
|
14914
|
+
},
|
|
14915
|
+
},
|
|
14916
|
+
{
|
|
14917
|
+
title: t("programme:type"),
|
|
14918
|
+
key: "type",
|
|
14919
|
+
sorter: true,
|
|
14920
|
+
align: "center",
|
|
14921
|
+
render: function (item, Obj) {
|
|
14922
|
+
if (!Obj.type) {
|
|
14923
|
+
return React.createElement("span", null, "-");
|
|
14924
|
+
}
|
|
14925
|
+
return (React.createElement(Tooltip, { title: addSpaces(Obj.type), color: TooltipColor, key: TooltipColor },
|
|
14926
|
+
React.createElement("div", null,
|
|
14927
|
+
React.createElement(RoleIcon, { icon: Obj.type === InvestmentType.PUBLIC ? (React.createElement(Icon.Eye, null)) : (React.createElement(Icon.EyeSlash, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
|
|
14928
|
+
},
|
|
14929
|
+
},
|
|
14930
|
+
{
|
|
14931
|
+
title: t("programme:level"),
|
|
14932
|
+
key: "level",
|
|
14933
|
+
sorter: true,
|
|
14934
|
+
align: "center",
|
|
14935
|
+
render: function (item, Obj) {
|
|
14936
|
+
if (!Obj.level) {
|
|
14937
|
+
return React.createElement("span", null, "-");
|
|
14938
|
+
}
|
|
14939
|
+
return (React.createElement(Tooltip, { title: addSpaces(Obj.level), color: TooltipColor, key: TooltipColor },
|
|
14940
|
+
React.createElement("div", null,
|
|
14941
|
+
React.createElement(RoleIcon, { icon: Obj.level === InvestmentLevel.INTERNATIONAL ? (React.createElement(Icon.Globe2, null)) : (React.createElement(Icon.Flag, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
|
|
14942
|
+
},
|
|
14943
|
+
},
|
|
14944
|
+
{
|
|
14945
|
+
title: t("programme:stream"),
|
|
14946
|
+
key: "stream",
|
|
14947
|
+
sorter: true,
|
|
14948
|
+
align: "center",
|
|
14949
|
+
render: function (item, Obj) {
|
|
14950
|
+
if (!Obj.stream) {
|
|
14951
|
+
return React.createElement("span", null, "-");
|
|
14952
|
+
}
|
|
14953
|
+
return (React.createElement(Tooltip, { title: addSpaces(Obj.stream), color: TooltipColor, key: TooltipColor },
|
|
14954
|
+
React.createElement("div", null,
|
|
14955
|
+
React.createElement(RoleIcon, { icon: Obj.stream === InvestmentStream.CLIMATE_FINANCE ? (React.createElement(Icon.Bank, null)) : (React.createElement(Icon.GraphUpArrow, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
|
|
14956
|
+
},
|
|
14957
|
+
},
|
|
14958
|
+
{
|
|
14959
|
+
title: t("programme:sector"),
|
|
14960
|
+
dataIndex: "programmeSector",
|
|
14961
|
+
key: "programmeSector",
|
|
14962
|
+
sorter: true,
|
|
14963
|
+
align: "left",
|
|
14964
|
+
},
|
|
14965
|
+
{
|
|
14966
|
+
title: t("programme:investor"),
|
|
14967
|
+
key: "toCompanyId",
|
|
14968
|
+
sorter: true,
|
|
14969
|
+
align: "left",
|
|
14970
|
+
render: function (item, itemObj) {
|
|
14971
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.receiver &&
|
|
14972
|
+
itemObj.receiver.map(function (v, i) {
|
|
14973
|
+
return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
|
|
14974
|
+
React.createElement("div", null,
|
|
14975
|
+
React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
|
|
14976
|
+
})));
|
|
14977
|
+
},
|
|
14978
|
+
},
|
|
14979
|
+
{
|
|
14980
|
+
title: t("programme:owner"),
|
|
14981
|
+
key: "fromCompanyId",
|
|
14982
|
+
sorter: true,
|
|
14983
|
+
align: "left",
|
|
14984
|
+
render: function (item, itemObj) {
|
|
14985
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.sender &&
|
|
14986
|
+
itemObj.sender.map(function (v, i) {
|
|
14987
|
+
return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
|
|
14988
|
+
React.createElement("div", null,
|
|
14989
|
+
React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
|
|
14990
|
+
})));
|
|
14991
|
+
},
|
|
14992
|
+
},
|
|
14993
|
+
{
|
|
14994
|
+
title: t("programme:status"),
|
|
14995
|
+
key: "status",
|
|
14996
|
+
sorter: true,
|
|
14997
|
+
align: "center",
|
|
14998
|
+
render: function (item, Obj) {
|
|
14999
|
+
return (React.createElement(Tooltip, { title: Obj.serialNo, color: TooltipColor, key: TooltipColor },
|
|
15000
|
+
React.createElement(Tag, { className: "clickable", color: getStatusTagType(Obj.status) }, addSpaces(Obj.status))));
|
|
15001
|
+
},
|
|
15002
|
+
},
|
|
15003
|
+
{
|
|
15004
|
+
title: t("programme:amount"),
|
|
15005
|
+
dataIndex: "amount",
|
|
15006
|
+
key: "amount",
|
|
15007
|
+
sorter: true,
|
|
15008
|
+
align: "right",
|
|
15009
|
+
render: function (item) {
|
|
15010
|
+
return React.createElement("span", { className: "clickable" }, addCommSepRound(item));
|
|
15011
|
+
},
|
|
15012
|
+
},
|
|
15013
|
+
{
|
|
15014
|
+
align: "right",
|
|
15015
|
+
render: function (_, record) {
|
|
15016
|
+
var menu = actionMenu(record);
|
|
15017
|
+
return menu && !isTransferFrozen ? (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
|
|
15018
|
+
React.createElement(EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))) : (React.createElement("span", null));
|
|
15019
|
+
},
|
|
15020
|
+
},
|
|
15021
|
+
];
|
|
15022
|
+
var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
15023
|
+
return __generator(this, function (_a) {
|
|
15024
|
+
setSearch(searchText);
|
|
15025
|
+
return [2 /*return*/];
|
|
15026
|
+
});
|
|
15027
|
+
}); };
|
|
15028
|
+
var onChange = function (page, size) {
|
|
15029
|
+
setCurrentPage(page);
|
|
15030
|
+
setPageSize(size);
|
|
15031
|
+
};
|
|
15032
|
+
var handleTableChange = function (pag, sorter) {
|
|
15033
|
+
console.log(pag, sorter);
|
|
15034
|
+
setSortOrder(sorter.order === "ascend"
|
|
15035
|
+
? "ASC"
|
|
15036
|
+
: sorter.order === "descend"
|
|
15037
|
+
? "DESC"
|
|
15038
|
+
: undefined);
|
|
15039
|
+
setSortField(sorter.columnKey);
|
|
15040
|
+
// setCurrentPage(1);
|
|
15041
|
+
};
|
|
15042
|
+
return (React.createElement("div", { className: "investment-management content-container" },
|
|
15043
|
+
React.createElement("div", { className: "investment-title-bar" },
|
|
15044
|
+
React.createElement("div", { className: "title-bar" },
|
|
15045
|
+
React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
|
|
15046
|
+
React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
|
|
15047
|
+
React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
|
|
15048
|
+
React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
|
|
15049
|
+
React.createElement("div", { className: "content-card" },
|
|
15050
|
+
React.createElement(Row, null,
|
|
15051
|
+
React.createElement(Col, { lg: { span: 15 }, md: { span: 14 } },
|
|
15052
|
+
React.createElement("div", { className: "action-bar" },
|
|
15053
|
+
React.createElement(Checkbox, { className: "all-check", indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, "All"),
|
|
15054
|
+
React.createElement(Checkbox.Group, { options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
|
|
15055
|
+
React.createElement(Col, { lg: { span: 9 }, md: { span: 10 } },
|
|
15056
|
+
React.createElement("div", { className: "filter-section" },
|
|
15057
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement("div", { className: "search-filter" },
|
|
15058
|
+
React.createElement(Checkbox, { className: "label", onChange: function (v) {
|
|
15059
|
+
if (userInfoState.companyRole === CompanyRole.MINISTRY) {
|
|
15060
|
+
if (v.target.checked) {
|
|
15061
|
+
setMinistryLevelFilter(true);
|
|
15062
|
+
}
|
|
15063
|
+
else {
|
|
15064
|
+
setMinistryLevelFilter(false);
|
|
15065
|
+
}
|
|
15066
|
+
}
|
|
15067
|
+
} }, t("programme:ministryLevel")))),
|
|
15068
|
+
React.createElement("div", { className: "search-bar" },
|
|
15069
|
+
React.createElement(Search, { onPressEnter: onSearch, placeholder: "Search", allowClear: true, onChange: function (e) {
|
|
15070
|
+
return e.target.value === ""
|
|
15071
|
+
? setSearch(e.target.value)
|
|
15072
|
+
: setSearchText(e.target.value);
|
|
15073
|
+
}, onSearch: setSearch, style: { width: 265 } }))))),
|
|
15074
|
+
React.createElement(Row, null,
|
|
15075
|
+
React.createElement(Col, { span: 24 },
|
|
15076
|
+
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
15077
|
+
React.createElement(Table, { dataSource: tableData, columns: columns, className: "common-table-class", loading: loading, pagination: {
|
|
15078
|
+
current: currentPage,
|
|
15079
|
+
pageSize: pageSize,
|
|
15080
|
+
total: totalProgramme,
|
|
15081
|
+
showQuickJumper: true,
|
|
15082
|
+
showSizeChanger: true,
|
|
15083
|
+
onChange: onChange,
|
|
15084
|
+
}, onChange: function (val, filter, sorter) {
|
|
15085
|
+
return handleTableChange(val, sorter);
|
|
15086
|
+
}, locale: {
|
|
15087
|
+
emptyText: (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
|
|
15088
|
+
? t("creditTransfer:noTransfer")
|
|
15089
|
+
: null })),
|
|
15090
|
+
} }))))),
|
|
15091
|
+
popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
|
|
15092
|
+
setModalVisible(false);
|
|
15093
|
+
setSelectedReq(undefined);
|
|
15094
|
+
}, 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 }))));
|
|
15095
|
+
};
|
|
15096
|
+
|
|
15097
|
+
var css_248z$h = ".steps-actions {\n text-align: right; }\n\n.support-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .support-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .support-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .support-title-bar .flex-display {\n margin-left: 15px; }\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";
|
|
15098
|
+
styleInject(css_248z$h);
|
|
15099
|
+
|
|
15100
|
+
var SupportCreationComponent = function (props) {
|
|
15101
|
+
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
|
|
15102
|
+
useLocation().state;
|
|
15103
|
+
var _a = useState(); _a[0]; _a[1];
|
|
15104
|
+
var formOne = Form.useForm()[0];
|
|
15105
|
+
Form.useForm()[0];
|
|
15106
|
+
var post = useConnection().post;
|
|
15107
|
+
var _b = useState(false), loading = _b[0]; _b[1];
|
|
15108
|
+
var _c = useState(false), loadingList = _c[0], setLoadingList = _c[1];
|
|
15109
|
+
var _d = useState(0), current = _d[0], setCurrent = _d[1];
|
|
15110
|
+
var _e = useState(0); _e[0]; _e[1];
|
|
15111
|
+
var _f = useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
|
|
15112
|
+
var _g = useState([]), instrument = _g[0], setInstrument = _g[1];
|
|
15113
|
+
var _h = useState(); _h[0]; var setStepOneData = _h[1];
|
|
15114
|
+
var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
|
|
15115
|
+
label: addSpaces(Object.values(Instrument)[index]),
|
|
15116
|
+
value: Object.values(Instrument)[index],
|
|
15117
|
+
}); });
|
|
15118
|
+
var onInstrumentChange = function (value) {
|
|
15119
|
+
setInstrument(value);
|
|
15120
|
+
};
|
|
15121
|
+
var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
15122
|
+
var filterAnd, response, error_1;
|
|
15123
|
+
return __generator(this, function (_a) {
|
|
15124
|
+
switch (_a.label) {
|
|
15125
|
+
case 0:
|
|
15126
|
+
setLoadingList(true);
|
|
15127
|
+
_a.label = 1;
|
|
15128
|
+
case 1:
|
|
15129
|
+
_a.trys.push([1, 3, 4, 5]);
|
|
15130
|
+
filterAnd = [];
|
|
15131
|
+
filterAnd = [
|
|
15132
|
+
{
|
|
15133
|
+
key: "companyRole",
|
|
15134
|
+
operation: "=",
|
|
15135
|
+
value: CompanyRole.PROGRAMME_DEVELOPER.toString(),
|
|
15136
|
+
},
|
|
15137
|
+
];
|
|
15138
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER) {
|
|
15139
|
+
filterAnd.push({
|
|
15140
|
+
key: "companyId",
|
|
15141
|
+
operation: "!=",
|
|
15142
|
+
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
|
|
15143
|
+
});
|
|
15144
|
+
}
|
|
15145
|
+
return [4 /*yield*/, post("national/organisation/queryNames", {
|
|
15146
|
+
page: 1,
|
|
15147
|
+
size: 100,
|
|
15148
|
+
filterAnd: filterAnd,
|
|
15149
|
+
})];
|
|
15150
|
+
case 2:
|
|
15151
|
+
response = _a.sent();
|
|
15152
|
+
if (response.data) {
|
|
15153
|
+
setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
|
|
15154
|
+
}
|
|
15155
|
+
return [3 /*break*/, 5];
|
|
15156
|
+
case 3:
|
|
15157
|
+
error_1 = _a.sent();
|
|
15158
|
+
console.log("Error in getting organisation list", error_1);
|
|
15159
|
+
return [3 /*break*/, 5];
|
|
15160
|
+
case 4:
|
|
15161
|
+
setLoadingList(false);
|
|
15162
|
+
return [7 /*endfinally*/];
|
|
15163
|
+
case 5: return [2 /*return*/];
|
|
15164
|
+
}
|
|
15165
|
+
});
|
|
15166
|
+
}); };
|
|
15167
|
+
useEffect(function () {
|
|
15168
|
+
getOrganisationsDetails();
|
|
15169
|
+
}, []);
|
|
15170
|
+
// const companyName: any = {};
|
|
15171
|
+
// for (const company of data!?.company) {
|
|
15172
|
+
// companyName[company.companyId] = company;
|
|
15173
|
+
// }
|
|
15174
|
+
// if (!data!.proponentPercentage) {
|
|
15175
|
+
// data.proponentPercentage = [100];
|
|
15176
|
+
// }
|
|
15177
|
+
var nextOne = function (val) {
|
|
15178
|
+
setCurrent(current + 1);
|
|
15179
|
+
setStepOneData(val);
|
|
15180
|
+
};
|
|
15181
|
+
// const submitInvestment = async (val: any) => {
|
|
15182
|
+
// console.log(val);
|
|
15183
|
+
// console.log(stepOneData);
|
|
15184
|
+
// setLoading(true);
|
|
15185
|
+
// const payload = stepOneData;
|
|
15186
|
+
// payload.programmeId = data.programmeId;
|
|
15187
|
+
// payload.amount = parseFloat(payload.amount);
|
|
15188
|
+
// if (payload.interestRate) {
|
|
15189
|
+
// payload.interestRate = parseFloat(payload.interestRate);
|
|
15190
|
+
// }
|
|
15191
|
+
// if (payload.paymentPerMetric) {
|
|
15192
|
+
// payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
|
|
15193
|
+
// }
|
|
15194
|
+
// payload.fromCompanyIds = data.companyId.map((e) => Number(e));
|
|
15195
|
+
// payload.percentage = val.percentage;
|
|
15196
|
+
// payload.toCompanyId = Number(payload.toCompanyId);
|
|
15197
|
+
// try {
|
|
15198
|
+
// const response: any = await post(
|
|
15199
|
+
// "national/programme/addInvestment",
|
|
15200
|
+
// payload
|
|
15201
|
+
// );
|
|
15202
|
+
// console.log("investment creation -> ", response);
|
|
15203
|
+
// if (response?.statusText === "SUCCESS") {
|
|
15204
|
+
// message.open({
|
|
15205
|
+
// type: "success",
|
|
15206
|
+
// content: t("programme:investmentCreationSuccess"),
|
|
15207
|
+
// duration: 4,
|
|
15208
|
+
// style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
15209
|
+
// });
|
|
15210
|
+
// }
|
|
15211
|
+
// onNavigateToProgrammeView();
|
|
15212
|
+
// } catch (error: any) {
|
|
15213
|
+
// console.log("Error in investment creation - ", error);
|
|
15214
|
+
// message.open({
|
|
15215
|
+
// type: "error",
|
|
15216
|
+
// content: error?.message,
|
|
15217
|
+
// duration: 4,
|
|
15218
|
+
// style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
15219
|
+
// });
|
|
15220
|
+
// } finally {
|
|
15221
|
+
// setLoading(false);
|
|
15222
|
+
// }
|
|
15223
|
+
// };
|
|
15224
|
+
var deselectOnClick = function (e, fieldName) {
|
|
15225
|
+
var value = e.target.value;
|
|
15226
|
+
if (value === formOne.getFieldValue(fieldName)) {
|
|
15227
|
+
console.log("double clicked button", value);
|
|
15228
|
+
formOne.setFieldValue(fieldName, null);
|
|
15229
|
+
}
|
|
15230
|
+
};
|
|
15231
|
+
return (React.createElement("div", { className: "add-programme-main-container" },
|
|
15232
|
+
React.createElement("div", { className: "title-container" },
|
|
15233
|
+
React.createElement("div", { className: "main" }, t("programme:addSupport")),
|
|
15234
|
+
React.createElement("div", { className: "sub" }, t("programme:addSupportSub"))),
|
|
15235
|
+
React.createElement("div", { className: "adding-section" },
|
|
15236
|
+
React.createElement("div", { className: "form-section" },
|
|
15237
|
+
React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: [
|
|
15238
|
+
{
|
|
15239
|
+
title: (React.createElement("div", { className: "step-title-container" },
|
|
15240
|
+
React.createElement("div", { className: "step-count" }, "01"),
|
|
15241
|
+
React.createElement("div", { className: "title" }, t("programme:programmeFinancingInvested")))),
|
|
15242
|
+
description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
|
|
15243
|
+
React.createElement("div", { className: "investment-sought-form" },
|
|
15244
|
+
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
|
|
15245
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15246
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
|
15247
|
+
React.createElement("div", { className: "details-part-one" },
|
|
15248
|
+
React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
|
|
15249
|
+
{
|
|
15250
|
+
required: true,
|
|
15251
|
+
message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
|
|
15252
|
+
},
|
|
15253
|
+
] },
|
|
15254
|
+
React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
|
|
15255
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
|
15256
|
+
React.createElement("div", { className: "details-part-two" },
|
|
15257
|
+
React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
|
|
15258
|
+
{
|
|
15259
|
+
required: true,
|
|
15260
|
+
message: "",
|
|
15261
|
+
},
|
|
15262
|
+
{
|
|
15263
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15264
|
+
return __generator(this, function (_a) {
|
|
15265
|
+
if (String(value).trim() === "" ||
|
|
15266
|
+
String(value).trim() === undefined ||
|
|
15267
|
+
value === null ||
|
|
15268
|
+
value === undefined) {
|
|
15269
|
+
throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
|
|
15270
|
+
}
|
|
15271
|
+
else if (!isNaN(value) &&
|
|
15272
|
+
Number(value) > 0) {
|
|
15273
|
+
return [2 /*return*/, Promise.resolve()];
|
|
15274
|
+
}
|
|
15275
|
+
else {
|
|
15276
|
+
throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
|
|
15277
|
+
}
|
|
15278
|
+
});
|
|
15279
|
+
}); },
|
|
15280
|
+
},
|
|
15281
|
+
] },
|
|
15282
|
+
React.createElement(Input, { size: "large" }))))),
|
|
15283
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15284
|
+
React.createElement(Col, { xl: 24, md: 24 },
|
|
15285
|
+
React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
|
|
15286
|
+
React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
|
|
15287
|
+
instrument &&
|
|
15288
|
+
instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15289
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15290
|
+
React.createElement("div", { className: "details-part-two" },
|
|
15291
|
+
React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15292
|
+
{
|
|
15293
|
+
required: true,
|
|
15294
|
+
message: "",
|
|
15295
|
+
},
|
|
15296
|
+
{
|
|
15297
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15298
|
+
return __generator(this, function (_a) {
|
|
15299
|
+
if (String(value).trim() === "" ||
|
|
15300
|
+
String(value).trim() ===
|
|
15301
|
+
undefined ||
|
|
15302
|
+
value === null ||
|
|
15303
|
+
value === undefined) {
|
|
15304
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15305
|
+
}
|
|
15306
|
+
else if (!isNaN(value)) {
|
|
15307
|
+
return [2 /*return*/, Promise.resolve()];
|
|
15308
|
+
}
|
|
15309
|
+
else {
|
|
15310
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15311
|
+
}
|
|
15312
|
+
});
|
|
15313
|
+
}); },
|
|
15314
|
+
},
|
|
15315
|
+
] },
|
|
15316
|
+
React.createElement(Input, { size: "large" })))))),
|
|
15317
|
+
instrument &&
|
|
15318
|
+
instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15319
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
|
15320
|
+
React.createElement("div", { className: "details-part-two" },
|
|
15321
|
+
React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
|
|
15322
|
+
{
|
|
15323
|
+
required: true,
|
|
15324
|
+
message: "",
|
|
15325
|
+
},
|
|
15326
|
+
{
|
|
15327
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15328
|
+
return __generator(this, function (_a) {
|
|
15329
|
+
if (String(value).trim() === "" ||
|
|
15330
|
+
String(value).trim() ===
|
|
15331
|
+
undefined ||
|
|
15332
|
+
value === null ||
|
|
15333
|
+
value === undefined) {
|
|
15334
|
+
throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
|
|
15335
|
+
}
|
|
15336
|
+
return [2 /*return*/];
|
|
15337
|
+
});
|
|
15338
|
+
}); },
|
|
15339
|
+
},
|
|
15340
|
+
] },
|
|
15341
|
+
React.createElement(Input, { size: "large" })))),
|
|
15342
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
|
15343
|
+
React.createElement("div", { className: "details-part-two" },
|
|
15344
|
+
React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
|
|
15345
|
+
{
|
|
15346
|
+
required: true,
|
|
15347
|
+
message: "",
|
|
15348
|
+
},
|
|
15349
|
+
{
|
|
15350
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15351
|
+
return __generator(this, function (_a) {
|
|
15352
|
+
if (String(value).trim() === "" ||
|
|
15353
|
+
String(value).trim() ===
|
|
15354
|
+
undefined ||
|
|
15355
|
+
value === null ||
|
|
15356
|
+
value === undefined) {
|
|
15357
|
+
throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
|
|
15358
|
+
}
|
|
15359
|
+
else if (!isNaN(value)) {
|
|
15360
|
+
return [2 /*return*/, Promise.resolve()];
|
|
15361
|
+
}
|
|
15362
|
+
else {
|
|
15363
|
+
throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
|
|
15364
|
+
}
|
|
15365
|
+
});
|
|
15366
|
+
}); },
|
|
15367
|
+
},
|
|
15368
|
+
] },
|
|
15369
|
+
React.createElement(Input, { size: "large" })))))),
|
|
15370
|
+
instrument &&
|
|
15371
|
+
instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15372
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
|
15373
|
+
React.createElement("div", { className: "details-part-two" },
|
|
15374
|
+
React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
|
|
15375
|
+
{
|
|
15376
|
+
required: false,
|
|
15377
|
+
message: "",
|
|
15378
|
+
},
|
|
15379
|
+
] },
|
|
15380
|
+
React.createElement(Input, { size: "large" })))))),
|
|
15381
|
+
instrument &&
|
|
15382
|
+
instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15383
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
|
15384
|
+
React.createElement("div", { className: "details-part-two" },
|
|
15385
|
+
React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
|
|
15386
|
+
{
|
|
15387
|
+
required: true,
|
|
15388
|
+
message: "",
|
|
15389
|
+
},
|
|
15390
|
+
{
|
|
15391
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15392
|
+
return __generator(this, function (_a) {
|
|
15393
|
+
if (String(value).trim() === "" ||
|
|
15394
|
+
String(value).trim() ===
|
|
15395
|
+
undefined ||
|
|
15396
|
+
value === null ||
|
|
15397
|
+
value === undefined) {
|
|
15398
|
+
throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
|
|
15399
|
+
}
|
|
15400
|
+
return [2 /*return*/];
|
|
15401
|
+
});
|
|
15402
|
+
}); },
|
|
15403
|
+
},
|
|
15404
|
+
] },
|
|
15405
|
+
React.createElement(Input, { size: "large" })))))),
|
|
15406
|
+
React.createElement(Row, { className: "row", gutter: [4, 4] },
|
|
15407
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15408
|
+
React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
|
|
15409
|
+
{
|
|
15410
|
+
required: false,
|
|
15411
|
+
},
|
|
15412
|
+
] },
|
|
15413
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
15414
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
|
|
15415
|
+
return deselectOnClick(e, "type");
|
|
15416
|
+
} }, t("programme:" + k)))); })))),
|
|
15417
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15418
|
+
React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
|
|
15419
|
+
{
|
|
15420
|
+
required: false,
|
|
15421
|
+
},
|
|
15422
|
+
] },
|
|
15423
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
15424
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
|
|
15425
|
+
return deselectOnClick(e, "level");
|
|
15426
|
+
} }, t("programme:" + k)))); })))),
|
|
15427
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15428
|
+
React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
|
|
15429
|
+
{
|
|
15430
|
+
required: false,
|
|
15431
|
+
},
|
|
15432
|
+
] },
|
|
15433
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
15434
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
|
|
15435
|
+
return deselectOnClick(e, "stream");
|
|
15436
|
+
} }, t("programme:" + k)))); }))))),
|
|
15437
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15438
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
|
15439
|
+
React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
|
|
15440
|
+
React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
|
|
15441
|
+
React.createElement(Form.Item, null,
|
|
15442
|
+
React.createElement("div", { className: "steps-actions" },
|
|
15443
|
+
React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
|
|
15444
|
+
},
|
|
15445
|
+
{
|
|
15446
|
+
title: (React.createElement("div", { className: "step-title-container" },
|
|
15447
|
+
React.createElement("div", { className: "step-count" }, "02"),
|
|
15448
|
+
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
|
15449
|
+
description: current === 1 && (React.createElement("div", null,
|
|
15450
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }))),
|
|
15451
|
+
},
|
|
15452
|
+
] })))));
|
|
15453
|
+
};
|
|
15454
|
+
|
|
15455
|
+
var SupportManagementComponent = function (props) {
|
|
15456
|
+
var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
|
|
14550
15457
|
var t = translator.t;
|
|
14551
15458
|
var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
|
|
14552
15459
|
label: addSpaces(Object.values(InvestmentStatus)[index]),
|
|
@@ -14877,23 +15784,6 @@ var InvestmentManagementComponent = function (props) {
|
|
|
14877
15784
|
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
|
|
14878
15785
|
},
|
|
14879
15786
|
},
|
|
14880
|
-
{
|
|
14881
|
-
title: t("programme:programmeName"),
|
|
14882
|
-
dataIndex: "programmeTitle",
|
|
14883
|
-
key: "programmeTitle",
|
|
14884
|
-
sorter: true,
|
|
14885
|
-
align: "left",
|
|
14886
|
-
render: function (item) {
|
|
14887
|
-
return React.createElement("span", { className: "clickable" }, item);
|
|
14888
|
-
},
|
|
14889
|
-
onCell: function (record, rowIndex) {
|
|
14890
|
-
return {
|
|
14891
|
-
onClick: function (ev) {
|
|
14892
|
-
onNavigateToProgrammeView(record.programmeId);
|
|
14893
|
-
},
|
|
14894
|
-
};
|
|
14895
|
-
},
|
|
14896
|
-
},
|
|
14897
15787
|
{
|
|
14898
15788
|
title: t("programme:type"),
|
|
14899
15789
|
key: "type",
|
|
@@ -14957,20 +15847,6 @@ var InvestmentManagementComponent = function (props) {
|
|
|
14957
15847
|
})));
|
|
14958
15848
|
},
|
|
14959
15849
|
},
|
|
14960
|
-
{
|
|
14961
|
-
title: t("programme:owner"),
|
|
14962
|
-
key: "fromCompanyId",
|
|
14963
|
-
sorter: true,
|
|
14964
|
-
align: "left",
|
|
14965
|
-
render: function (item, itemObj) {
|
|
14966
|
-
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.sender &&
|
|
14967
|
-
itemObj.sender.map(function (v, i) {
|
|
14968
|
-
return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
|
|
14969
|
-
React.createElement("div", null,
|
|
14970
|
-
React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
|
|
14971
|
-
})));
|
|
14972
|
-
},
|
|
14973
|
-
},
|
|
14974
15850
|
{
|
|
14975
15851
|
title: t("programme:status"),
|
|
14976
15852
|
key: "status",
|
|
@@ -15021,11 +15897,12 @@ var InvestmentManagementComponent = function (props) {
|
|
|
15021
15897
|
// setCurrentPage(1);
|
|
15022
15898
|
};
|
|
15023
15899
|
return (React.createElement("div", { className: "investment-management content-container" },
|
|
15024
|
-
React.createElement("div", { className: "title-bar" },
|
|
15025
|
-
React.createElement(
|
|
15026
|
-
React.createElement(
|
|
15027
|
-
|
|
15028
|
-
|
|
15900
|
+
React.createElement("div", { className: "support-title-bar" },
|
|
15901
|
+
React.createElement("div", { className: "title-bar" },
|
|
15902
|
+
React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
|
|
15903
|
+
React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
|
|
15904
|
+
React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
|
|
15905
|
+
React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addOwnership")))))),
|
|
15029
15906
|
React.createElement("div", { className: "content-card" },
|
|
15030
15907
|
React.createElement(Row, null,
|
|
15031
15908
|
React.createElement(Col, { lg: { span: 15 }, md: { span: 14 } },
|
|
@@ -15074,8 +15951,8 @@ var InvestmentManagementComponent = function (props) {
|
|
|
15074
15951
|
}, 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 }))));
|
|
15075
15952
|
};
|
|
15076
15953
|
|
|
15077
|
-
var css_248z$
|
|
15078
|
-
styleInject(css_248z$
|
|
15954
|
+
var css_248z$g = ".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";
|
|
15955
|
+
styleInject(css_248z$g);
|
|
15079
15956
|
|
|
15080
15957
|
var NdcActionManagementComponent = function (props) {
|
|
15081
15958
|
var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
|
|
@@ -15455,8 +16332,8 @@ var NdcActionManagementComponent = function (props) {
|
|
|
15455
16332
|
} })))))));
|
|
15456
16333
|
};
|
|
15457
16334
|
|
|
15458
|
-
var css_248z$
|
|
15459
|
-
styleInject(css_248z$
|
|
16335
|
+
var css_248z$f = ".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";
|
|
16336
|
+
styleInject(css_248z$f);
|
|
15460
16337
|
|
|
15461
16338
|
var EnablementTypes;
|
|
15462
16339
|
(function (EnablementTypes) {
|
|
@@ -16063,12 +16940,12 @@ var NdcActionDetails = function (props) {
|
|
|
16063
16940
|
React.createElement(Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
|
|
16064
16941
|
};
|
|
16065
16942
|
|
|
16066
|
-
var css_248z$
|
|
16067
|
-
styleInject(css_248z$f);
|
|
16068
|
-
|
|
16069
|
-
var css_248z$e = ".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";
|
|
16943
|
+
var css_248z$e = ".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";
|
|
16070
16944
|
styleInject(css_248z$e);
|
|
16071
16945
|
|
|
16946
|
+
var css_248z$d = ".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";
|
|
16947
|
+
styleInject(css_248z$d);
|
|
16948
|
+
|
|
16072
16949
|
var GenderParity = function (props) {
|
|
16073
16950
|
var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
|
|
16074
16951
|
var formOne = Form.useForm()[0];
|
|
@@ -18554,12 +19431,12 @@ var AddNdcActionComponent = function (props) {
|
|
|
18554
19431
|
React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
|
|
18555
19432
|
};
|
|
18556
19433
|
|
|
18557
|
-
var css_248z$
|
|
18558
|
-
styleInject(css_248z$d);
|
|
18559
|
-
|
|
18560
|
-
var css_248z$c = ".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";
|
|
19434
|
+
var css_248z$c = ".ndc-details-view .card-container {\n margin-bottom: 16px;\n width: 100%;\n border-radius: 10px; }\n .ndc-details-view .card-container .co-benifits-view .title {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n margin-left: 0.5rem; }\n .ndc-details-view .card-container .action-btns {\n margin-top: 25px;\n margin-bottom: -15px;\n justify-content: end; }\n\n.ndc-details-view .fix-height {\n height: 350px; }\n";
|
|
18561
19435
|
styleInject(css_248z$c);
|
|
18562
19436
|
|
|
19437
|
+
var css_248z$b = ".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";
|
|
19438
|
+
styleInject(css_248z$b);
|
|
19439
|
+
|
|
18563
19440
|
var InfoView = function (props) {
|
|
18564
19441
|
var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
|
|
18565
19442
|
return (React.createElement("div", { className: "info-view" },
|
|
@@ -19042,12 +19919,12 @@ var NdcActionViewComponent = function (props) {
|
|
|
19042
19919
|
React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator })))))))));
|
|
19043
19920
|
};
|
|
19044
19921
|
|
|
19045
|
-
var css_248z$
|
|
19046
|
-
styleInject(css_248z$b);
|
|
19047
|
-
|
|
19048
|
-
var css_248z$a = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
|
|
19922
|
+
var css_248z$a = ".credit-transfer-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .credit-transfer-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n margin-bottom: 0px; }\n .credit-transfer-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n margin-right: 10px; }\n .credit-transfer-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-modal-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 2rem 0 0 0;\n width: 100%; }\n .credit-transfer-modal-container .icon-credit {\n margin-bottom: 15px; }\n .credit-transfer-modal-container .credit-transfer-details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-bottom: 10px; }\n .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n font-family: 'Inter' !important;\n font-style: normal;\n font-weight: 600;\n font-size: 0.9rem;\n line-height: 1.3rem;\n padding: 0 1rem 0 1rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8) !important; }\n .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.8rem;\n line-height: 1.375rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-modal-container .remarks-credit-transfer {\n flex-direction: row;\n width: 100%;\n padding: 0.5rem 1rem 0 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n display: flex;\n flex-direction: row; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n width: 100%; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n font-size: 0.8rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n font-size: 0.75rem;\n font-weight: 600; }\n";
|
|
19049
19923
|
styleInject(css_248z$a);
|
|
19050
19924
|
|
|
19925
|
+
var css_248z$9 = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
|
|
19926
|
+
styleInject(css_248z$9);
|
|
19927
|
+
|
|
19051
19928
|
function n(){return (n=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e]);}return a}).apply(this,arguments)}function t(a,n){if(null==a)return {};var t,e,r={},s=Object.keys(a);for(e=0;e<s.length;e++)n.indexOf(t=s[e])>=0||(r[t]=a[t]);return r}var e={ac:!0,ad:!0,ae:!0,af:!0,afar:!0,ag:!0,ai:!0,al:!0,am:!0,ao:!0,aq:!0,ar:!0,as:!0,at:!0,au:!0,"au-aboriginal":!0,"au-act":!0,"au-nsw":!0,"au-nt":!0,"au-qld":!0,"au-tas":!0,"au-vic":!0,"au-wa":!0,aw:!0,ax:!0,az:!0,ba:!0,bb:!0,bd:!0,be:!0,bf:!0,bg:!0,bh:!0,bi:!0,bj:!0,bl:!0,bm:!0,bn:!0,bo:!0,"bq-bo":!0,"bq-sa":!0,"bq-se":!0,bq:!0,br:!0,bs:!0,bt:!0,bv:!0,bw:!0,by:!0,bz:!0,"ca-bc":!0,ca:!0,cc:!0,cd:!0,cf:!0,cg:!0,"ch-gr":!0,ch:!0,ci:!0,ck:!0,cl:!0,cm:!0,"cn-xj":!0,cn:!0,co:!0,cp:!0,cq:!0,cr:!0,cu:!0,cv:!0,cw:!0,cx:!0,cy:!0,cz:!0,de:!0,dg:!0,dj:!0,dk:!0,dm:!0,do:!0,dz:!0,ea:!0,earth:!0,east_african_federation:!0,easter_island:!0,"ec-w":!0,ec:!0,ee:!0,eg:!0,eh:!0,er:!0,"es-ar":!0,"es-ce":!0,"es-cn":!0,"es-ct":!0,"es-ga":!0,"es-ib":!0,"es-ml":!0,"es-pv":!0,"es-variant":!0,es:!0,"et-or":!0,"et-ti":!0,et:!0,eu:!0,european_union:!0,ewe:!0,fi:!0,fj:!0,fk:!0,fm:!0,fo:!0,"fr-20r":!0,"fr-bre":!0,"fr-cp":!0,fr:!0,fx:!0,ga:!0,"gb-con":!0,"gb-eng":!0,"gb-nir":!0,"gb-ork":!0,"gb-sct":!0,"gb-wls":!0,gb:!0,gd:!0,"ge-ab":!0,ge:!0,gf:!0,gg:!0,gh:!0,gi:!0,gl:!0,gm:!0,gn:!0,gp:!0,gq:!0,gr:!0,gs:!0,gt:!0,gu:!0,guarani:!0,gw:!0,gy:!0,hausa:!0,hk:!0,hm:!0,hmong:!0,hn:!0,hr:!0,ht:!0,hu:!0,ic:!0,id:!0,"id-jb":!0,"id-jt":!0,ie:!0,il:!0,im:!0,"in-as":!0,"in-gj":!0,"in-ka":!0,"in-or":!0,"in-tn":!0,in:!0,io:!0,iq:!0,ir:!0,is:!0,"it-23":!0,"it-82":!0,"it-88":!0,it:!0,je:!0,jm:!0,jo:!0,jp:!0,kanuri:!0,ke:!0,kg:!0,kh:!0,ki:!0,kikuyu:!0,km:!0,kn:!0,kongo:!0,kp:!0,kr:!0,kurdistan:!0,kw:!0,ky:!0,kz:!0,la:!0,lb:!0,lc:!0,li:!0,lk:!0,lr:!0,ls:!0,lt:!0,lu:!0,lv:!0,ly:!0,ma:!0,malayali:!0,manipur:!0,maori:!0,mc:!0,md:!0,me:!0,mf:!0,mg:!0,mh:!0,mizoram:!0,mk:!0,ml:!0,mm:!0,mn:!0,mo:!0,mp:!0,mq:!0,mr:!0,ms:!0,mt:!0,mu:!0,mv:!0,mw:!0,mx:!0,my:!0,mz:!0,na:!0,nato:!0,nc:!0,ne:!0,nf:!0,ng:!0,ni:!0,"nl-fr":!0,nl:!0,no:!0,northern_cyprus:!0,np:!0,nr:!0,nu:!0,nz:!0,occitania:!0,olympics:!0,om:!0,otomi:!0,pa:!0,pe:!0,pf:!0,pg:!0,ph:!0,"pk-jk":!0,"pk-sd":!0,pk:!0,pl:!0,pm:!0,pn:!0,pr:!0,ps:!0,"pt-20":!0,"pt-30":!0,pt:!0,pw:!0,py:!0,qa:!0,quechua:!0,re:!0,ro:!0,rs:!0,ru:!0,"ru-ba":!0,"ru-ce":!0,"ru-cu":!0,"ru-da":!0,"ru-ko":!0,"ru-ta":!0,"ru-ud":!0,rw:!0,sa:!0,sami:!0,sb:!0,sc:!0,sd:!0,se:!0,sg:!0,"sh-ac":!0,"sh-hl":!0,"sh-ta":!0,sh:!0,si:!0,sj:!0,sk:!0,sl:!0,sm:!0,sn:!0,so:!0,somaliland:!0,south_ossetia:!0,soviet_union:!0,sr:!0,ss:!0,st:!0,su:!0,sv:!0,sx:!0,sy:!0,sz:!0,ta:!0,tc:!0,td:!0,tf:!0,tg:!0,th:!0,tibet:!0,tj:!0,tk:!0,tl:!0,tm:!0,tn:!0,to:!0,torres_strait_islands:!0,tr:!0,transnistria:!0,tt:!0,tv:!0,tw:!0,tz:!0,ua:!0,ug:!0,uk:!0,um:!0,un:!0,united_nations:!0,"us-hi":!0,us:!0,uy:!0,uz:!0,va:!0,vc:!0,ve:!0,vg:!0,vi:!0,vn:!0,vu:!0,wf:!0,wiphala:!0,ws:!0,xk:!0,xx:!0,ye:!0,yorubaland:!0,yt:!0,za:!0,zm:!0,zw:!0},s=["countryCode","cdnUrl"],c=function(a,t,e,r){return void 0===r&&(r=""),n({},e,{title:e.title||a,height:e.height||100,src:""+(t||"https://hatscripts.github.io/circle-flags/flags/")+r+a+".svg"})},u=function(r){var i=r.countryCode,u=r.cdnUrl,o=t(r,s);return React.createElement("img",n({"data-testid":"circle-country-flag"},c(function(a){return e[a]?a:"xx"}(i).toLowerCase(),u,o)))};
|
|
19052
19929
|
|
|
19053
19930
|
var TransferActionModel = function (props) {
|
|
@@ -19797,8 +20674,8 @@ var CreditTransferComponent = function (props) {
|
|
|
19797
20674
|
}, 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 }))));
|
|
19798
20675
|
};
|
|
19799
20676
|
|
|
19800
|
-
var css_248z$9 = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.unit {\n display: flex;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n\n.card-icons {\n color: #16b1ff; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-tooltip-inner {\n border-radius: 5px;\n background-color: #9155fd; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(\n to right bottom,\n #9155fd,\n #9155fd\n ) !important; }\n\n.ant-btn.mrvdefault {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mrvprimary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 42%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .stastics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .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 .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n height: 100px;\n width: 100%;\n margin-top: 1rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n display: flex;\n flex-direction: row;\n width: 20%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n width: 2.813rem;\n height: 2.813rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n background-color: rgba(255, 166, 166, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n background-color: rgba(254, 241, 173, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n background-color: rgba(164, 162, 168, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n display: flex;\n flex-direction: column;\n width: 80%;\n height: 3.438rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n height: 30px;\n font-size: 1.5rem;\n margin-top: -8px;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\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 color: #16b1ff;\n background-color: rgba(222, 205, 254, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-and-pie-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
19801
|
-
styleInject(css_248z$
|
|
20677
|
+
var css_248z$8 = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.unit {\n display: flex;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n\n.card-icons {\n color: #16b1ff; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-tooltip-inner {\n border-radius: 5px;\n background-color: #9155fd; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(\n to right bottom,\n #9155fd,\n #9155fd\n ) !important; }\n\n.ant-btn.mrvdefault {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mrvprimary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 42%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .stastics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .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 .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n height: 100px;\n width: 100%;\n margin-top: 1rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n display: flex;\n flex-direction: row;\n width: 20%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n width: 2.813rem;\n height: 2.813rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n background-color: rgba(255, 166, 166, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n background-color: rgba(254, 241, 173, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n background-color: rgba(164, 162, 168, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n display: flex;\n flex-direction: column;\n width: 80%;\n height: 3.438rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n height: 30px;\n font-size: 1.5rem;\n margin-top: -8px;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\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 color: #16b1ff;\n background-color: rgba(222, 205, 254, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-and-pie-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
20678
|
+
styleInject(css_248z$8);
|
|
19802
20679
|
|
|
19803
20680
|
var MrvPieChartsStatComponent = function (props) {
|
|
19804
20681
|
var id = props.id, title = props.title, options = props.options, series = props.series, lastUpdate = props.lastUpdate, loading = props.loading, toolTipText = props.toolTipText, Chart = props.Chart;
|
|
@@ -19976,8 +20853,8 @@ var ListWidgetComponent = function (props) {
|
|
|
19976
20853
|
React.createElement("div", { className: "updated-on margin-top-6" }, updatedDate !== "0" && (React.createElement("div", { className: "updated-moment-container" }, updatedDate)))))));
|
|
19977
20854
|
};
|
|
19978
20855
|
|
|
19979
|
-
var css_248z$
|
|
19980
|
-
styleInject(css_248z$
|
|
20856
|
+
var css_248z$7 = ".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";
|
|
20857
|
+
styleInject(css_248z$7);
|
|
19981
20858
|
|
|
19982
20859
|
var MapboxComponent = function (props) {
|
|
19983
20860
|
var mapContainerRef = useRef(null);
|
|
@@ -20067,8 +20944,8 @@ var MapComponent = function (props) {
|
|
|
20067
20944
|
return React.createElement("div", null, mapType === MapTypes.Mapbox ? MapboxComponent(props) : "");
|
|
20068
20945
|
};
|
|
20069
20946
|
|
|
20070
|
-
var css_248z$
|
|
20071
|
-
styleInject(css_248z$
|
|
20947
|
+
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";
|
|
20948
|
+
styleInject(css_248z$6);
|
|
20072
20949
|
|
|
20073
20950
|
var LegendItem = function (props) {
|
|
20074
20951
|
var text = props.text, color = props.color;
|
|
@@ -20699,8 +21576,8 @@ var MrvDashboardComponent = function (props) {
|
|
|
20699
21576
|
React.createElement(Row, { gutter: [40, 40], className: "stastic-card-row" }, row.map(function (item, j) { return getWidgetJSX(item); })))); }))));
|
|
20700
21577
|
};
|
|
20701
21578
|
|
|
20702
|
-
var css_248z$6 = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.rgprimary {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.rgdefault {\n border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .stastics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .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 .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n height: 100px;\n width: 100%;\n margin-top: -1rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n display: flex;\n flex-direction: row;\n width: 20%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n width: 2.813rem;\n height: 2.813rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n background-color: rgba(255, 166, 166, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n background-color: rgba(254, 241, 173, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n background-color: rgba(164, 162, 168, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n display: flex;\n flex-direction: column;\n width: 80%;\n height: 3.438rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n height: 30px;\n font-size: 1.5rem;\n margin-top: -8px;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\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 color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-and-pie-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
20703
|
-
styleInject(css_248z$
|
|
21579
|
+
var css_248z$5 = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.rgprimary {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.rgdefault {\n border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .stastics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .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 .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n height: 100px;\n width: 100%;\n margin-top: -1rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 0.5rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n display: flex;\n flex-direction: row;\n width: 20%; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n width: 2.813rem;\n height: 2.813rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n background-color: rgba(255, 166, 166, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n background-color: rgba(254, 241, 173, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n background-color: rgba(164, 162, 168, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n display: flex;\n flex-direction: column;\n width: 80%;\n height: 3.438rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n height: 30px;\n font-size: 1.5rem;\n margin-top: -8px;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\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 color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-and-pie-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
21580
|
+
styleInject(css_248z$5);
|
|
20704
21581
|
|
|
20705
21582
|
var getTotalProgrammesInitialValues = function () {
|
|
20706
21583
|
var totalProgrammmesStatusInitialValues = [];
|
|
@@ -21534,8 +22411,8 @@ var optionDonutPieB = {
|
|
|
21534
22411
|
],
|
|
21535
22412
|
};
|
|
21536
22413
|
|
|
21537
|
-
var css_248z$
|
|
21538
|
-
styleInject(css_248z$
|
|
22414
|
+
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";
|
|
22415
|
+
styleInject(css_248z$4);
|
|
21539
22416
|
|
|
21540
22417
|
var toolTipTextGen = function (companyRole, cardType, mine) {
|
|
21541
22418
|
var text = '';
|
|
@@ -23548,243 +24425,6 @@ var RegistryDashboardComponent = function (props) {
|
|
|
23548
24425
|
lastUpdateTransferLocations))))))))) : ("")));
|
|
23549
24426
|
};
|
|
23550
24427
|
|
|
23551
|
-
var EditableContext = React.createContext(null);
|
|
23552
|
-
var EditableRow = function (_a) {
|
|
23553
|
-
_a.index; var props = __rest(_a, ["index"]);
|
|
23554
|
-
var form = Form.useForm()[0];
|
|
23555
|
-
return (React.createElement(Form, { form: form, component: false },
|
|
23556
|
-
React.createElement(EditableContext.Provider, { value: form },
|
|
23557
|
-
React.createElement("tr", __assign({}, props)))));
|
|
23558
|
-
};
|
|
23559
|
-
var EditableCell = function (_a) {
|
|
23560
|
-
var title = _a.title, editable = _a.editable, children = _a.children, dataIndex = _a.dataIndex, record = _a.record, handleSave = _a.handleSave, restProps = __rest(_a, ["title", "editable", "children", "dataIndex", "record", "handleSave"]);
|
|
23561
|
-
var _b = useState(false), editing = _b[0], setEditing = _b[1];
|
|
23562
|
-
var inputRef = useRef(null);
|
|
23563
|
-
var form = useContext(EditableContext);
|
|
23564
|
-
useEffect(function () {
|
|
23565
|
-
if (editing) {
|
|
23566
|
-
inputRef.current.focus();
|
|
23567
|
-
}
|
|
23568
|
-
}, [editing]);
|
|
23569
|
-
var toggleEdit = function () {
|
|
23570
|
-
var _a;
|
|
23571
|
-
setEditing(!editing);
|
|
23572
|
-
form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
|
|
23573
|
-
};
|
|
23574
|
-
var save = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
23575
|
-
var values, errInfo_1;
|
|
23576
|
-
return __generator(this, function (_a) {
|
|
23577
|
-
switch (_a.label) {
|
|
23578
|
-
case 0:
|
|
23579
|
-
_a.trys.push([0, 2, , 3]);
|
|
23580
|
-
return [4 /*yield*/, form.validateFields()];
|
|
23581
|
-
case 1:
|
|
23582
|
-
values = _a.sent();
|
|
23583
|
-
toggleEdit();
|
|
23584
|
-
handleSave(__assign(__assign({}, record), values));
|
|
23585
|
-
return [3 /*break*/, 3];
|
|
23586
|
-
case 2:
|
|
23587
|
-
errInfo_1 = _a.sent();
|
|
23588
|
-
console.log('Save failed:', errInfo_1);
|
|
23589
|
-
return [3 /*break*/, 3];
|
|
23590
|
-
case 3: return [2 /*return*/];
|
|
23591
|
-
}
|
|
23592
|
-
});
|
|
23593
|
-
}); };
|
|
23594
|
-
var childNode = children;
|
|
23595
|
-
if (editable) {
|
|
23596
|
-
childNode = editing ? (React.createElement(Form.Item, { style: { margin: 0 }, name: dataIndex, rules: [
|
|
23597
|
-
{
|
|
23598
|
-
required: true,
|
|
23599
|
-
message: "".concat(title, " is required."),
|
|
23600
|
-
},
|
|
23601
|
-
] },
|
|
23602
|
-
React.createElement(Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
|
|
23603
|
-
}
|
|
23604
|
-
return React.createElement("td", __assign({}, restProps), childNode);
|
|
23605
|
-
};
|
|
23606
|
-
|
|
23607
|
-
var css_248z$4 = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .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 .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
|
|
23608
|
-
styleInject(css_248z$4);
|
|
23609
|
-
|
|
23610
|
-
var NdcDetailsComponent = function (props) {
|
|
23611
|
-
var t = props.t; props.useConnection;
|
|
23612
|
-
var RangePicker = DatePicker.RangePicker;
|
|
23613
|
-
var _a = useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
|
|
23614
|
-
var _b = useState(false), loading = _b[0]; _b[1];
|
|
23615
|
-
var periodItemsRef = useRef([]);
|
|
23616
|
-
var _c = useState([]), periodItems = _c[0], setPeriodItems = _c[1];
|
|
23617
|
-
var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
|
|
23618
|
-
var selectedPeriod = useRef({});
|
|
23619
|
-
var handleSave = function (row) {
|
|
23620
|
-
var newData = __spreadArray([], ndcDetailsData, true);
|
|
23621
|
-
var index = newData.findIndex(function (item) { return row.key === item.key; });
|
|
23622
|
-
var item = newData[index];
|
|
23623
|
-
newData.splice(index, 1, __assign(__assign({}, item), row));
|
|
23624
|
-
setNdcDetailsData(newData);
|
|
23625
|
-
};
|
|
23626
|
-
var defaultColumns = [
|
|
23627
|
-
{
|
|
23628
|
-
title: t("ndc:ndcColumnsNationalPlanObj"),
|
|
23629
|
-
dataIndex: "nationalPlanObj",
|
|
23630
|
-
key: "nationalPlanObj",
|
|
23631
|
-
align: "left",
|
|
23632
|
-
editable: true,
|
|
23633
|
-
},
|
|
23634
|
-
{
|
|
23635
|
-
title: t("ndc:ndcColumnsKpi"),
|
|
23636
|
-
dataIndex: "kpi",
|
|
23637
|
-
key: "kpi",
|
|
23638
|
-
align: "left",
|
|
23639
|
-
editable: true,
|
|
23640
|
-
},
|
|
23641
|
-
];
|
|
23642
|
-
var columns = defaultColumns.map(function (col) {
|
|
23643
|
-
if (!col.editable) {
|
|
23644
|
-
return col;
|
|
23645
|
-
}
|
|
23646
|
-
return __assign(__assign({}, col), { onCell: function (record) { return ({
|
|
23647
|
-
record: record,
|
|
23648
|
-
editable: col.editable,
|
|
23649
|
-
dataIndex: col.dataIndex,
|
|
23650
|
-
title: col.title,
|
|
23651
|
-
handleSave: handleSave,
|
|
23652
|
-
}); } });
|
|
23653
|
-
});
|
|
23654
|
-
function onAddNewNdcDetail() {
|
|
23655
|
-
var newData = {
|
|
23656
|
-
startDate: new Date("2014-12-24 23:12:00"),
|
|
23657
|
-
endDate: new Date("2014-12-24 23:12:00"),
|
|
23658
|
-
nationalPlanObj: "sample text2",
|
|
23659
|
-
kpi: 34,
|
|
23660
|
-
};
|
|
23661
|
-
setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
|
|
23662
|
-
}
|
|
23663
|
-
var components = {
|
|
23664
|
-
body: {
|
|
23665
|
-
row: EditableRow,
|
|
23666
|
-
cell: EditableCell,
|
|
23667
|
-
},
|
|
23668
|
-
};
|
|
23669
|
-
//commented because rendering issue
|
|
23670
|
-
function ndcDetailsTableContent() {
|
|
23671
|
-
return (React.createElement("div", null)
|
|
23672
|
-
// <div>
|
|
23673
|
-
// <Button
|
|
23674
|
-
// onClick={onAddNewNdcDetail}
|
|
23675
|
-
// type="primary"
|
|
23676
|
-
// style={{
|
|
23677
|
-
// marginBottom: 16,
|
|
23678
|
-
// }}
|
|
23679
|
-
// >
|
|
23680
|
-
// Add a row
|
|
23681
|
-
// </Button>
|
|
23682
|
-
// <Table
|
|
23683
|
-
// components={components}
|
|
23684
|
-
// rowClassName={() => 'editable-row'}
|
|
23685
|
-
// bordered
|
|
23686
|
-
// dataSource={ndcDetailsData}
|
|
23687
|
-
// columns={columns}
|
|
23688
|
-
// />
|
|
23689
|
-
// </div>
|
|
23690
|
-
);
|
|
23691
|
-
}
|
|
23692
|
-
var onCancelPeriod = function () { };
|
|
23693
|
-
var onAddNewPeriod = function () {
|
|
23694
|
-
if (selectedPeriod && selectedPeriod.current) {
|
|
23695
|
-
var newPeriodItem_1 = {
|
|
23696
|
-
key: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
|
|
23697
|
-
label: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
|
|
23698
|
-
start: selectedPeriod.current.start,
|
|
23699
|
-
end: selectedPeriod.current.end,
|
|
23700
|
-
children: ndcDetailsTableContent(),
|
|
23701
|
-
};
|
|
23702
|
-
var existingIndex = periodItemsRef.current.findIndex(function (item) { return item.start === newPeriodItem_1.start || item.end === newPeriodItem_1.end; });
|
|
23703
|
-
if (existingIndex === -1) {
|
|
23704
|
-
setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
|
|
23705
|
-
periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
|
|
23706
|
-
}
|
|
23707
|
-
else {
|
|
23708
|
-
message.open({
|
|
23709
|
-
type: "error",
|
|
23710
|
-
content: t("ndc:rangeAlreadyExists"),
|
|
23711
|
-
duration: 3,
|
|
23712
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
23713
|
-
});
|
|
23714
|
-
}
|
|
23715
|
-
}
|
|
23716
|
-
};
|
|
23717
|
-
useEffect(function () {
|
|
23718
|
-
if (periodItems && periodItems.length > 1) {
|
|
23719
|
-
setSelectedTab(periodItems[periodItems.length - 1].key);
|
|
23720
|
-
}
|
|
23721
|
-
}, [periodItems]);
|
|
23722
|
-
var onDateRangeChanged = function (range) {
|
|
23723
|
-
var period = {
|
|
23724
|
-
start: Number(moment(range[0]).year()),
|
|
23725
|
-
end: Number(moment(range[1]).year()),
|
|
23726
|
-
};
|
|
23727
|
-
selectedPeriod.current = period;
|
|
23728
|
-
};
|
|
23729
|
-
function addNewPeriodContent() {
|
|
23730
|
-
return (React.createElement("div", null,
|
|
23731
|
-
React.createElement(Row, null,
|
|
23732
|
-
React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
|
|
23733
|
-
React.createElement(Row, { className: "mg-top-1" },
|
|
23734
|
-
React.createElement("div", { className: "steps-actions" },
|
|
23735
|
-
React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
|
|
23736
|
-
React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
|
|
23737
|
-
}
|
|
23738
|
-
var onTabChange = function (key) {
|
|
23739
|
-
setSelectedTab(key);
|
|
23740
|
-
};
|
|
23741
|
-
useEffect(function () {
|
|
23742
|
-
var defaultNdcDetails = [
|
|
23743
|
-
{
|
|
23744
|
-
startDate: new Date("2022-03-25"),
|
|
23745
|
-
endDate: new Date("2023-03-25"),
|
|
23746
|
-
nationalPlanObj: "sample text1",
|
|
23747
|
-
kpi: 23,
|
|
23748
|
-
},
|
|
23749
|
-
{
|
|
23750
|
-
startDate: new Date("2023-03-25"),
|
|
23751
|
-
endDate: new Date("2024-03-25"),
|
|
23752
|
-
nationalPlanObj: "sample text2",
|
|
23753
|
-
kpi: 34,
|
|
23754
|
-
},
|
|
23755
|
-
{
|
|
23756
|
-
startDate: new Date("2024-03-25"),
|
|
23757
|
-
endDate: new Date("2025-03-25"),
|
|
23758
|
-
nationalPlanObj: "sample text3",
|
|
23759
|
-
kpi: 25,
|
|
23760
|
-
},
|
|
23761
|
-
];
|
|
23762
|
-
var addNewItem = {
|
|
23763
|
-
key: "add_new",
|
|
23764
|
-
label: "Add New",
|
|
23765
|
-
children: addNewPeriodContent(),
|
|
23766
|
-
};
|
|
23767
|
-
setPeriodItems([addNewItem]);
|
|
23768
|
-
periodItemsRef.current = [addNewItem];
|
|
23769
|
-
setNdcDetailsData(defaultNdcDetails);
|
|
23770
|
-
}, []);
|
|
23771
|
-
return (React.createElement("div", { className: "ndc-management content-container" },
|
|
23772
|
-
React.createElement("div", { className: "title-bar" },
|
|
23773
|
-
React.createElement(Row, { justify: "space-between", align: "middle" },
|
|
23774
|
-
React.createElement(Col, { span: 20 },
|
|
23775
|
-
React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
|
|
23776
|
-
React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
|
|
23777
|
-
React.createElement("div", null,
|
|
23778
|
-
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
|
|
23779
|
-
selectedTab !== "add_new" && (React.createElement("div", null,
|
|
23780
|
-
React.createElement("div", null,
|
|
23781
|
-
React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: ndcDetailsData, columns: columns, footer: function () { return (React.createElement(Row, { justify: "center" },
|
|
23782
|
-
React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
|
|
23783
|
-
marginBottom: 16,
|
|
23784
|
-
width: '100%'
|
|
23785
|
-
} }, t("ndc:addNdcAction")))); } }))))));
|
|
23786
|
-
};
|
|
23787
|
-
|
|
23788
24428
|
var ImgWithFallback = function (_a) {
|
|
23789
24429
|
var src = _a.src, alt = _a.alt, fallbackSrc = _a.fallbackSrc, mediaType = _a.mediaType, className = _a.className, delegated = __rest(_a, ["src", "alt", "fallbackSrc", "mediaType", "className"]);
|
|
23790
24430
|
return (React.createElement("picture", null,
|
|
@@ -25218,5 +25858,5 @@ var TimelineBody = function (props) {
|
|
|
25218
25858
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
|
25219
25859
|
};
|
|
25220
25860
|
|
|
25221
|
-
export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent,
|
|
25861
|
+
export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
|
|
25222
25862
|
//# sourceMappingURL=index.js.map
|