@undp/carbon-library 1.0.136-support-section-changes.0 → 1.0.139

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. package/dist/cjs/index.js +428 -1069
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/AntComponents/antTableComponents.d.ts +21 -0
  4. package/dist/cjs/types/Components/Ndc/ndcDetailsComponent.d.ts +3 -0
  5. package/dist/cjs/types/Components/index.d.ts +1 -2
  6. package/dist/cjs/types/Definitions/Enums/investment.enum.d.ts +0 -4
  7. package/dist/esm/index.js +429 -1069
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/esm/types/Components/Common/AntComponents/antTableComponents.d.ts +21 -0
  10. package/dist/esm/types/Components/Ndc/ndcDetailsComponent.d.ts +3 -0
  11. package/dist/esm/types/Components/index.d.ts +1 -2
  12. package/dist/esm/types/Definitions/Enums/investment.enum.d.ts +0 -4
  13. package/dist/index.d.ts +3 -9
  14. package/package.json +1 -1
  15. package/dist/cjs/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +0 -3
  16. package/dist/cjs/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +0 -4
  17. package/dist/esm/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +0 -3
  18. package/dist/esm/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +0 -4
package/dist/cjs/index.js CHANGED
@@ -12,7 +12,6 @@ var Icon = require('react-bootstrap-icons');
12
12
  require('react-phone-number-input/style.css');
13
13
  var mapboxgl = require('mapbox-gl');
14
14
  require('mapbox-gl/dist/mapbox-gl.css');
15
- var ApexCharts = require('react-apexcharts');
16
15
 
17
16
  function _interopNamespaceDefault(e) {
18
17
  var n = Object.create(null);
@@ -925,11 +924,6 @@ exports.InvestmentType = void 0;
925
924
  InvestmentType["PUBLIC"] = "Public";
926
925
  InvestmentType["PRIVATE"] = "Private";
927
926
  })(exports.InvestmentType || (exports.InvestmentType = {}));
928
- exports.InvestmentCreationType = void 0;
929
- (function (InvestmentCreationType) {
930
- InvestmentCreationType["EXISTING"] = "Existing";
931
- InvestmentCreationType["NEW"] = "New";
932
- })(exports.InvestmentCreationType || (exports.InvestmentCreationType = {}));
933
927
  exports.InvestmentStream = void 0;
934
928
  (function (InvestmentStream) {
935
929
  InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
@@ -14002,7 +13996,7 @@ var UserManagementComponent = function (props) {
14002
13996
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
14003
13997
  };
14004
13998
 
14005
- 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";
13999
+ 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";
14006
14000
  styleInject(css_248z$i);
14007
14001
 
14008
14002
  var Loading = function () {
@@ -14057,7 +14051,7 @@ var InvestmentCreationComponent = function (props) {
14057
14051
  value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
14058
14052
  });
14059
14053
  }
14060
- for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
14054
+ for (_i = 0, _a = data.companyId; _i < _a.length; _i++) {
14061
14055
  c = _a[_i];
14062
14056
  filterAnd.push({
14063
14057
  key: "companyId",
@@ -14092,20 +14086,18 @@ var InvestmentCreationComponent = function (props) {
14092
14086
  onNavigateToProgrammeManagementView();
14093
14087
  return;
14094
14088
  }
14095
- if (state === null || state === void 0 ? void 0 : state.record) {
14096
- setData(state === null || state === void 0 ? void 0 : state.record);
14097
- }
14089
+ setData(state.record);
14098
14090
  }, []);
14099
14091
  React.useEffect(function () {
14100
14092
  getOrganisationsDetails();
14101
14093
  }, [data]);
14102
- if (!data || !(state === null || state === void 0 ? void 0 : state.ownership)) {
14094
+ if (!data) {
14103
14095
  return React.createElement(Loading, null);
14104
14096
  }
14105
14097
  var companyName = {};
14106
- for (var _i = 0, _j = data === null || data === void 0 ? void 0 : data.company; _i < _j.length; _i++) {
14098
+ for (var _i = 0, _j = data.company; _i < _j.length; _i++) {
14107
14099
  var company = _j[_i];
14108
- companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
14100
+ companyName[company.companyId] = company;
14109
14101
  }
14110
14102
  if (!data.proponentPercentage) {
14111
14103
  data.proponentPercentage = [100];
@@ -14192,17 +14184,6 @@ var InvestmentCreationComponent = function (props) {
14192
14184
  description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
14193
14185
  React.createElement("div", { className: "investment-sought-form" },
14194
14186
  React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
14195
- React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
14196
- React.createElement(antd.Col, { xl: 8, md: 12 },
14197
- React.createElement(antd.Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "typeCreation", rules: [
14198
- {
14199
- required: true,
14200
- },
14201
- ] },
14202
- React.createElement(antd.Radio.Group, { size: "large", defaultValue: "New" }, Object.values(exports.InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
14203
- React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
14204
- return deselectOnClick(e, "type");
14205
- } }, t("programme:" + k)))); }))))),
14206
14187
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
14207
14188
  React.createElement(antd.Col, { xl: 12, md: 24 },
14208
14189
  React.createElement("div", { className: "details-part-one" },
@@ -14408,7 +14389,7 @@ var InvestmentCreationComponent = function (props) {
14408
14389
  React.createElement("div", { className: "step-count" }, "02"),
14409
14390
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
14410
14391
  description: current === 1 && (React.createElement("div", null,
14411
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, (state === null || state === void 0 ? void 0 : state.ownership) !== true &&
14392
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" },
14412
14393
  React.createElement("div", { className: "programme-sought-form" },
14413
14394
  React.createElement(antd.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 :
14414
14395
  data.companyId.map(function (companyId, index) {
@@ -14461,1019 +14442,131 @@ var InvestmentCreationComponent = function (props) {
14461
14442
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
14462
14443
  React.createElement(antd.Col, { xl: 8, md: 15 },
14463
14444
  React.createElement("div", { className: "label" }, t("programme:total"))),
14464
- React.createElement(antd.Col, { xl: 8, md: 9 },
14465
- React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
14466
- React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
14467
- if (!/[0-9\.]/.test(event.key)) {
14468
- event.preventDefault();
14469
- }
14470
- } })),
14471
- React.createElement("div", { className: "inline separator" }, "/"),
14472
- React.createElement(antd.Form.Item, { className: "inline" },
14473
- React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
14474
- React.createElement(antd.Form.Item, null,
14475
- React.createElement("div", { className: "steps-actions" },
14476
- React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
14477
- React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
14478
- },
14479
- ] })))));
14480
- };
14481
-
14482
- var InvestmentActionModel = function (props) {
14483
- 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;
14484
- var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
14485
- var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
14486
- var _c = React.useState(false), checked = _c[0], setChecked = _c[1];
14487
- var t = translator.t;
14488
- var companyList = !investment.isRetirement
14489
- ? [
14490
- {
14491
- value: investment.toCompanyId,
14492
- label: investment.receiver[0].name,
14493
- },
14494
- ]
14495
- : [
14496
- {
14497
- value: investment.fromCompanyId,
14498
- label: investment.sender[0].name,
14499
- },
14500
- ];
14501
- return (React.createElement(antd.Modal, { title: React.createElement("div", { className: "popup-header" },
14502
- React.createElement("div", { className: "icon" }, icon),
14503
- React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
14504
- React.createElement("div", { className: "transfer-form" },
14505
- React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
14506
- toCompanyId: !investment.isRetirement
14507
- ? investment.toCompanyId
14508
- : investment.fromCompanyId,
14509
- programmeName: investment.programmeTitle,
14510
- serialNo: investment.serialNo,
14511
- creditAmount: investment.creditAmount,
14512
- company: investment.toCompanyMeta
14513
- ? investment.toCompanyMeta.name
14514
- : null,
14515
- country: investment.toCompanyMeta
14516
- ? investment.toCompanyMeta.country
14517
- : null,
14518
- countryName: investment.toCompanyMeta
14519
- ? investment.toCompanyMeta.countryName
14520
- : null,
14521
- }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
14522
- var res;
14523
- return __generator(this, function (_a) {
14524
- switch (_a.label) {
14525
- case 0:
14526
- setLoading(true);
14527
- if (d.comment) {
14528
- d.comment = d.comment.trim();
14529
- }
14530
- return [4 /*yield*/, onFinish(investment.requestId, d.comment)];
14531
- case 1:
14532
- res = _a.sent();
14533
- setPopupError(res);
14534
- setLoading(false);
14535
- return [2 /*return*/];
14536
- }
14537
- });
14538
- }); } },
14539
- React.createElement(antd.Row, null,
14540
- React.createElement(antd.Col, { span: 24 },
14541
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
14542
- React.createElement(antd.Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
14543
- React.createElement(antd.Row, null,
14544
- React.createElement(antd.Col, { span: 24 },
14545
- React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
14546
- React.createElement(antd.Input, { disabled: true })))),
14547
- React.createElement(antd.Row, null,
14548
- React.createElement(antd.Col, { lg: 18, md: 20 },
14549
- React.createElement("div", { className: "label" }, "".concat(t("view:ownershipPercentage")))),
14550
- React.createElement(antd.Col, { lg: 6, md: 4 },
14551
- React.createElement(antd.Form.Item, { className: "popup-credit-input" },
14552
- React.createElement(antd.InputNumber, { placeholder: investment.percentage + "%", disabled: true })))),
14553
- React.createElement(antd.Row, null,
14554
- React.createElement(antd.Col, { span: 24 },
14555
- React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
14556
- {
14557
- required: remarkRequired,
14558
- message: "Required field",
14559
- },
14560
- function (_a) {
14561
- _a.getFieldValue;
14562
- return ({
14563
- validator: function (rule, v) {
14564
- if (remarkRequired &&
14565
- v !== undefined &&
14566
- v !== "" &&
14567
- v.trim() === "") {
14568
- // eslint-disable-next-line prefer-promise-reject-errors
14569
- return Promise.reject("Required field");
14570
- }
14571
- return Promise.resolve();
14572
- },
14573
- });
14574
- },
14575
- ] },
14576
- React.createElement(antd.Input.TextArea, { placeholder: "" })))),
14577
- React.createElement(antd.Row, null,
14578
- React.createElement(antd.Col, { span: 24 },
14579
- React.createElement(antd.Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
14580
- React.createElement(antd.Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
14581
- popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
14582
- React.createElement(antd.Form.Item, { className: "footer" },
14583
- React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
14584
- React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
14585
- };
14586
-
14587
- var InvestmentManagementComponent = function (props) {
14588
- var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
14589
- var t = translator.t;
14590
- var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
14591
- label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
14592
- value: Object.values(exports.InvestmentStatus)[index],
14593
- }); });
14594
- var _a = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _a[0], setSelectedStatus = _a[1];
14595
- var _b = React.useState(false), indeterminate = _b[0], setIndeterminate = _b[1];
14596
- var _c = React.useState(true), checkAll = _c[0], setCheckAll = _c[1];
14597
- var userInfoState = useUserContext().userInfoState;
14598
- var _d = useConnection(), post = _d.post; _d.get;
14599
- var _e = React.useState(), totalProgramme = _e[0], setTotalProgramme = _e[1];
14600
- var _f = React.useState(), dataFilter = _f[0]; _f[1];
14601
- var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
14602
- var _h = React.useState([]), tableData = _h[0], setTableData = _h[1];
14603
- var _j = React.useState(1), currentPage = _j[0], setCurrentPage = _j[1];
14604
- var _k = React.useState(10), pageSize = _k[0], setPageSize = _k[1];
14605
- var _l = React.useState(), search = _l[0], setSearch = _l[1];
14606
- var _m = React.useState(), searchText = _m[0], setSearchText = _m[1];
14607
- var _o = React.useState(), statusFilter = _o[0], setStatusFilter = _o[1];
14608
- var _p = React.useState(), sortOrder = _p[0], setSortOrder = _p[1];
14609
- var _q = React.useState(), sortField = _q[0], setSortField = _q[1];
14610
- var _r = React.useState(false), modalVisible = _r[0], setModalVisible = _r[1];
14611
- var _s = React.useState(), selectedReq = _s[0], setSelectedReq = _s[1];
14612
- var _t = React.useState(), popupInfo = _t[0], setPopupInfo = _t[1];
14613
- var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
14614
- var _v = React.useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
14615
- var _w = React.useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
14616
- var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
14617
- return __generator(this, function (_a) {
14618
- console.log(checkedValues);
14619
- if (checkedValues !== selectedStatus) {
14620
- setSelectedStatus(checkedValues);
14621
- }
14622
- if (checkedValues.length === 0) {
14623
- setTableData([]);
14624
- setTotalProgramme(0);
14625
- return [2 /*return*/];
14626
- }
14627
- setStatusFilter({
14628
- key: "status",
14629
- operation: "in",
14630
- value: checkedValues,
14631
- });
14632
- return [2 /*return*/];
14633
- });
14634
- }); };
14635
- antd.Form.useForm()[0];
14636
- var Search = antd.Input.Search;
14637
- var onCheckAllChange = function (e) {
14638
- var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
14639
- setSelectedStatus(nw);
14640
- setIndeterminate(false);
14641
- setCheckAll(e.target.checked);
14642
- onStatusQuery(nw);
14643
- };
14644
- var getInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
14645
- var filter, interFilterOr, sort, filterBy, response, error_1;
14646
- return __generator(this, function (_a) {
14647
- switch (_a.label) {
14648
- case 0:
14649
- setLoading(true);
14650
- filter = [];
14651
- if (statusFilter) {
14652
- filter.push(statusFilter);
14653
- }
14654
- if (search && search !== "") {
14655
- interFilterOr = [
14656
- {
14657
- key: "programmeTitle",
14658
- operation: "like",
14659
- value: "".concat(search, "%"),
14660
- },
14661
- ];
14662
- if (!isNaN(Number(search))) {
14663
- interFilterOr.push({
14664
- key: "requestId",
14665
- operation: "=",
14666
- value: "".concat(search),
14667
- });
14668
- }
14669
- filter.push({
14670
- value: {
14671
- page: currentPage,
14672
- size: pageSize,
14673
- filterOr: interFilterOr,
14674
- },
14675
- });
14676
- }
14677
- if (sortOrder && sortField) {
14678
- sort = {
14679
- key: sortField,
14680
- order: sortOrder,
14681
- nullFirst: false,
14682
- };
14683
- }
14684
- else {
14685
- sort = {
14686
- key: "requestId",
14687
- order: "DESC",
14688
- };
14689
- }
14690
- if (ministryLevelFilter) {
14691
- filterBy = {
14692
- key: "ministryLevel",
14693
- value: ministrySectoralScope,
14694
- };
14695
- }
14696
- _a.label = 1;
14697
- case 1:
14698
- _a.trys.push([1, 3, , 4]);
14699
- return [4 /*yield*/, post("national/programme/investmentQuery", {
14700
- page: currentPage,
14701
- size: pageSize,
14702
- filterAnd: filter,
14703
- filterOr: dataFilter,
14704
- sort: sort,
14705
- filterBy: filterBy,
14706
- })];
14707
- case 2:
14708
- response = _a.sent();
14709
- console.log(response);
14710
- setTableData(response.data);
14711
- setTotalProgramme(response.response.data.total);
14712
- setLoading(false);
14713
- return [3 /*break*/, 4];
14714
- case 3:
14715
- error_1 = _a.sent();
14716
- console.log("Error in getting programme investment", error_1);
14717
- antd.message.open({
14718
- type: "error",
14719
- content: error_1.message,
14720
- duration: 3,
14721
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
14722
- });
14723
- setLoading(false);
14724
- return [3 /*break*/, 4];
14725
- case 4: return [2 /*return*/];
14726
- }
14727
- });
14728
- }); };
14729
- var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
14730
- var response, error_2;
14731
- var _a, _b, _c, _d, _e, _f;
14732
- return __generator(this, function (_g) {
14733
- switch (_g.label) {
14734
- case 0:
14735
- setLoading(true);
14736
- _g.label = 1;
14737
- case 1:
14738
- _g.trys.push([1, 3, , 4]);
14739
- return [4 /*yield*/, post("national/user/query", {
14740
- page: 1,
14741
- size: 10,
14742
- filterAnd: [
14743
- {
14744
- key: "id",
14745
- operation: "=",
14746
- value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
14747
- },
14748
- ],
14749
- })];
14750
- case 2:
14751
- response = _g.sent();
14752
- if (response && response.data) {
14753
- if (((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.companyRole) === exports.CompanyRole.MINISTRY &&
14754
- ((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company) &&
14755
- ((_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)) {
14756
- 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);
14757
- }
14758
- }
14759
- setLoading(false);
14760
- return [3 /*break*/, 4];
14761
- case 3:
14762
- error_2 = _g.sent();
14763
- console.log("Error in getting users", error_2);
14764
- setLoading(false);
14765
- return [3 /*break*/, 4];
14766
- case 4: return [2 /*return*/];
14767
- }
14768
- });
14769
- }); };
14770
- React.useEffect(function () {
14771
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
14772
- getUserDetails();
14773
- }
14774
- }, []);
14775
- React.useEffect(function () {
14776
- if (currentPage !== 1) {
14777
- setCurrentPage(1);
14778
- }
14779
- else {
14780
- getInvestmentData();
14781
- }
14782
- }, [statusFilter, dataFilter]);
14783
- React.useEffect(function () {
14784
- getInvestmentData();
14785
- }, [
14786
- currentPage,
14787
- pageSize,
14788
- sortField,
14789
- sortOrder,
14790
- search,
14791
- ministryLevelFilter,
14792
- ]);
14793
- var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
14794
- var response, successMsg, error_3;
14795
- return __generator(this, function (_a) {
14796
- switch (_a.label) {
14797
- case 0:
14798
- setLoading(true);
14799
- _a.label = 1;
14800
- case 1:
14801
- _a.trys.push([1, 3, , 4]);
14802
- return [4 /*yield*/, post("national/programme/" + endpoint, {
14803
- requestId: reqId,
14804
- comment: remarks,
14805
- })];
14806
- case 2:
14807
- response = _a.sent();
14808
- successMsg = response.message;
14809
- if (isRetire) {
14810
- successMsg = t("creditTransfer:internationalTransferReqCancelled");
14811
- }
14812
- console.log(response);
14813
- antd.message.open({
14814
- type: "success",
14815
- content: successText ? successText : successMsg,
14816
- duration: 3,
14817
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
14818
- });
14819
- setLoading(false);
14820
- getInvestmentData();
14821
- setModalVisible(false);
14822
- return [3 /*break*/, 4];
14823
- case 3:
14824
- error_3 = _a.sent();
14825
- console.log("Error in Cancelling transfer request", error_3);
14826
- setLoading(false);
14827
- return [2 /*return*/, error_3.message];
14828
- case 4: return [2 /*return*/];
14829
- }
14830
- });
14831
- }); };
14832
- var showModalOnAction = function (record, info) {
14833
- setSelectedReq(record);
14834
- setModalVisible(true);
14835
- setPopupInfo(info);
14836
- };
14837
- var actionMenu = function (record) {
14838
- var isRetire = false;
14839
- if (record.isRetirement === true) {
14840
- isRetire = true;
14841
- }
14842
- if (record.status === "Pending" &&
14843
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly) {
14844
- return (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) === record.initiatorCompanyId ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
14845
- {
14846
- text: t("creditTransfer:cancel"),
14847
- icon: React.createElement(Icon__namespace.ExclamationOctagon, null),
14848
- click: function () {
14849
- showModalOnAction(record, {
14850
- title: t("creditTransfer:cancelTitle"),
14851
- icon: React.createElement(Icon__namespace.ExclamationOctagon, null),
14852
- actionBtnText: t("creditTransfer:proceed"),
14853
- okAction: function (requestId, comment) {
14854
- return handleRequestOk(requestId, comment, "investmentCancel", undefined, isRetire);
14855
- },
14856
- type: "danger",
14857
- remarkRequired: true,
14858
- });
14859
- },
14860
- },
14861
- ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
14862
- React.createElement(antd.Typography.Text, { className: "action-icon color-error" }, item.icon),
14863
- React.createElement("span", null, item.text))); } })) : record.fromCompanyId === (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) ? (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
14864
- {
14865
- text: t("creditTransfer:accept"),
14866
- icon: React.createElement(Icon__namespace.ClipboardCheck, null),
14867
- style: "color-primary",
14868
- click: function () {
14869
- showModalOnAction(record, {
14870
- title: t("creditTransfer:acceptTitle"),
14871
- icon: React.createElement(Icon__namespace.ClipboardCheck, null),
14872
- actionBtnText: t("creditTransfer:proceed"),
14873
- okAction: function (requestId, comment) {
14874
- return handleRequestOk(requestId, comment, "investmentApprove", "".concat(t("programme:investmentReqApproved")));
14875
- },
14876
- type: "primary",
14877
- remarkRequired: false,
14878
- });
14879
- },
14880
- },
14881
- {
14882
- text: t("creditTransfer:reject"),
14883
- icon: React.createElement(Icon__namespace.XOctagon, null),
14884
- style: "color-error",
14885
- click: function () {
14886
- showModalOnAction(record, {
14887
- title: t("creditTransfer:rejectTitle"),
14888
- icon: React.createElement(Icon__namespace.XOctagon, null),
14889
- actionBtnText: t("creditTransfer:reject"),
14890
- okAction: function (requestId, comment) {
14891
- return handleRequestOk(requestId, comment, "investmentReject");
14892
- },
14893
- type: "danger",
14894
- remarkRequired: true,
14895
- });
14896
- },
14897
- },
14898
- ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
14899
- React.createElement(antd.Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
14900
- React.createElement("span", null, item.text))); } })) : null;
14901
- }
14902
- };
14903
- var columns = [
14904
- {
14905
- title: t("programme:requestId"),
14906
- dataIndex: "requestId",
14907
- key: "requestId",
14908
- sorter: true,
14909
- },
14910
- {
14911
- title: t("programme:date"),
14912
- key: "txTime",
14913
- sorter: true,
14914
- align: "left",
14915
- render: function (item, itemObj) {
14916
- return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, luxon.DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
14917
- },
14918
- },
14919
- {
14920
- title: t("programme:programmeName"),
14921
- dataIndex: "programmeTitle",
14922
- key: "programmeTitle",
14923
- sorter: true,
14924
- align: "left",
14925
- render: function (item) {
14926
- return React.createElement("span", { className: "clickable" }, item);
14927
- },
14928
- onCell: function (record, rowIndex) {
14929
- return {
14930
- onClick: function (ev) {
14931
- onNavigateToProgrammeView(record.programmeId);
14932
- },
14933
- };
14934
- },
14935
- },
14936
- {
14937
- title: t("programme:type"),
14938
- key: "type",
14939
- sorter: true,
14940
- align: "center",
14941
- render: function (item, Obj) {
14942
- if (!Obj.type) {
14943
- return React.createElement("span", null, "-");
14944
- }
14945
- return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.type), color: TooltipColor, key: TooltipColor },
14946
- React.createElement("div", null,
14947
- React.createElement(RoleIcon, { icon: Obj.type === exports.InvestmentType.PUBLIC ? (React.createElement(Icon__namespace.Eye, null)) : (React.createElement(Icon__namespace.EyeSlash, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
14948
- },
14949
- },
14950
- {
14951
- title: t("programme:level"),
14952
- key: "level",
14953
- sorter: true,
14954
- align: "center",
14955
- render: function (item, Obj) {
14956
- if (!Obj.level) {
14957
- return React.createElement("span", null, "-");
14958
- }
14959
- return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.level), color: TooltipColor, key: TooltipColor },
14960
- React.createElement("div", null,
14961
- React.createElement(RoleIcon, { icon: Obj.level === exports.InvestmentLevel.INTERNATIONAL ? (React.createElement(Icon__namespace.Globe2, null)) : (React.createElement(Icon__namespace.Flag, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
14962
- },
14963
- },
14964
- {
14965
- title: t("programme:stream"),
14966
- key: "stream",
14967
- sorter: true,
14968
- align: "center",
14969
- render: function (item, Obj) {
14970
- if (!Obj.stream) {
14971
- return React.createElement("span", null, "-");
14972
- }
14973
- return (React.createElement(antd.Tooltip, { title: addSpaces(Obj.stream), color: TooltipColor, key: TooltipColor },
14974
- React.createElement("div", null,
14975
- React.createElement(RoleIcon, { icon: Obj.stream === exports.InvestmentStream.CLIMATE_FINANCE ? (React.createElement(Icon__namespace.Bank, null)) : (React.createElement(Icon__namespace.GraphUpArrow, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
14976
- },
14977
- },
14978
- {
14979
- title: t("programme:sector"),
14980
- dataIndex: "programmeSector",
14981
- key: "programmeSector",
14982
- sorter: true,
14983
- align: "left",
14984
- },
14985
- {
14986
- title: t("programme:investor"),
14987
- key: "toCompanyId",
14988
- sorter: true,
14989
- align: "left",
14990
- render: function (item, itemObj) {
14991
- return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.receiver &&
14992
- itemObj.receiver.map(function (v, i) {
14993
- return (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
14994
- React.createElement("div", null,
14995
- React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
14996
- })));
14997
- },
14998
- },
14999
- {
15000
- title: t("programme:owner"),
15001
- key: "fromCompanyId",
15002
- sorter: true,
15003
- align: "left",
15004
- render: function (item, itemObj) {
15005
- return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.sender &&
15006
- itemObj.sender.map(function (v, i) {
15007
- return (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
15008
- React.createElement("div", null,
15009
- React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
15010
- })));
15011
- },
15012
- },
15013
- {
15014
- title: t("programme:status"),
15015
- key: "status",
15016
- sorter: true,
15017
- align: "center",
15018
- render: function (item, Obj) {
15019
- return (React.createElement(antd.Tooltip, { title: Obj.serialNo, color: TooltipColor, key: TooltipColor },
15020
- React.createElement(antd.Tag, { className: "clickable", color: getStatusTagType(Obj.status) }, addSpaces(Obj.status))));
15021
- },
15022
- },
15023
- {
15024
- title: t("programme:amount"),
15025
- dataIndex: "amount",
15026
- key: "amount",
15027
- sorter: true,
15028
- align: "right",
15029
- render: function (item) {
15030
- return React.createElement("span", { className: "clickable" }, addCommSepRound(item));
15031
- },
15032
- },
15033
- {
15034
- align: "right",
15035
- render: function (_, record) {
15036
- var menu = actionMenu(record);
15037
- return menu && !isTransferFrozen ? (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
15038
- React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))) : (React.createElement("span", null));
15039
- },
15040
- },
15041
- ];
15042
- var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
15043
- return __generator(this, function (_a) {
15044
- setSearch(searchText);
15045
- return [2 /*return*/];
15046
- });
15047
- }); };
15048
- var onChange = function (page, size) {
15049
- setCurrentPage(page);
15050
- setPageSize(size);
15051
- };
15052
- var handleTableChange = function (pag, sorter) {
15053
- console.log(pag, sorter);
15054
- setSortOrder(sorter.order === "ascend"
15055
- ? "ASC"
15056
- : sorter.order === "descend"
15057
- ? "DESC"
15058
- : undefined);
15059
- setSortField(sorter.columnKey);
15060
- // setCurrentPage(1);
15061
- };
15062
- return (React.createElement("div", { className: "investment-management content-container" },
15063
- React.createElement("div", { className: "investment-title-bar" },
15064
- React.createElement("div", { className: "title-bar" },
15065
- React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
15066
- React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
15067
- React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
15068
- React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
15069
- React.createElement("div", { className: "content-card" },
15070
- React.createElement(antd.Row, null,
15071
- React.createElement(antd.Col, { lg: { span: 15 }, md: { span: 14 } },
15072
- React.createElement("div", { className: "action-bar" },
15073
- React.createElement(antd.Checkbox, { className: "all-check", indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, "All"),
15074
- React.createElement(antd.Checkbox.Group, { options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
15075
- React.createElement(antd.Col, { lg: { span: 9 }, md: { span: 10 } },
15076
- React.createElement("div", { className: "filter-section" },
15077
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement("div", { className: "search-filter" },
15078
- React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
15079
- if (userInfoState.companyRole === exports.CompanyRole.MINISTRY) {
15080
- if (v.target.checked) {
15081
- setMinistryLevelFilter(true);
15082
- }
15083
- else {
15084
- setMinistryLevelFilter(false);
15085
- }
15086
- }
15087
- } }, t("programme:ministryLevel")))),
15088
- React.createElement("div", { className: "search-bar" },
15089
- React.createElement(Search, { onPressEnter: onSearch, placeholder: "Search", allowClear: true, onChange: function (e) {
15090
- return e.target.value === ""
15091
- ? setSearch(e.target.value)
15092
- : setSearchText(e.target.value);
15093
- }, onSearch: setSearch, style: { width: 265 } }))))),
15094
- React.createElement(antd.Row, null,
15095
- React.createElement(antd.Col, { span: 24 },
15096
- React.createElement("div", { className: "programmeManagement-table-container" },
15097
- React.createElement(antd.Table, { dataSource: tableData, columns: columns, className: "common-table-class", loading: loading, pagination: {
15098
- current: currentPage,
15099
- pageSize: pageSize,
15100
- total: totalProgramme,
15101
- showQuickJumper: true,
15102
- showSizeChanger: true,
15103
- onChange: onChange,
15104
- }, onChange: function (val, filter, sorter) {
15105
- return handleTableChange(val, sorter);
15106
- }, locale: {
15107
- emptyText: (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
15108
- ? t("creditTransfer:noTransfer")
15109
- : null })),
15110
- } }))))),
15111
- popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
15112
- setModalVisible(false);
15113
- setSelectedReq(undefined);
15114
- }, 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 }))));
15115
- };
15116
-
15117
- 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";
15118
- styleInject(css_248z$h);
15119
-
15120
- var SupportCreationComponent = function (props) {
15121
- var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
15122
- useLocation().state;
15123
- var _a = React.useState(); _a[0]; _a[1];
15124
- var formOne = antd.Form.useForm()[0];
15125
- antd.Form.useForm()[0];
15126
- var post = useConnection().post;
15127
- var _b = React.useState(false), loading = _b[0]; _b[1];
15128
- var _c = React.useState(false), loadingList = _c[0], setLoadingList = _c[1];
15129
- var _d = React.useState(0), current = _d[0], setCurrent = _d[1];
15130
- var _e = React.useState(0); _e[0]; _e[1];
15131
- var _f = React.useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
15132
- var _g = React.useState([]), instrument = _g[0], setInstrument = _g[1];
15133
- var _h = React.useState(); _h[0]; var setStepOneData = _h[1];
15134
- var instrumentOptions = Object.keys(exports.Instrument).map(function (k, index) { return ({
15135
- label: addSpaces(Object.values(exports.Instrument)[index]),
15136
- value: Object.values(exports.Instrument)[index],
15137
- }); });
15138
- var onInstrumentChange = function (value) {
15139
- setInstrument(value);
15140
- };
15141
- var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15142
- var filterAnd, response, error_1;
15143
- return __generator(this, function (_a) {
15144
- switch (_a.label) {
15145
- case 0:
15146
- setLoadingList(true);
15147
- _a.label = 1;
15148
- case 1:
15149
- _a.trys.push([1, 3, 4, 5]);
15150
- filterAnd = [];
15151
- filterAnd = [
15152
- {
15153
- key: "companyRole",
15154
- operation: "=",
15155
- value: exports.CompanyRole.PROGRAMME_DEVELOPER.toString(),
15156
- },
15157
- ];
15158
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER) {
15159
- filterAnd.push({
15160
- key: "companyId",
15161
- operation: "!=",
15162
- value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
15163
- });
15164
- }
15165
- return [4 /*yield*/, post("national/organisation/queryNames", {
15166
- page: 1,
15167
- size: 100,
15168
- filterAnd: filterAnd,
15169
- })];
15170
- case 2:
15171
- response = _a.sent();
15172
- if (response.data) {
15173
- setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
15174
- }
15175
- return [3 /*break*/, 5];
15176
- case 3:
15177
- error_1 = _a.sent();
15178
- console.log("Error in getting organisation list", error_1);
15179
- return [3 /*break*/, 5];
15180
- case 4:
15181
- setLoadingList(false);
15182
- return [7 /*endfinally*/];
15183
- case 5: return [2 /*return*/];
15184
- }
15185
- });
15186
- }); };
15187
- React.useEffect(function () {
15188
- getOrganisationsDetails();
15189
- }, []);
15190
- // const companyName: any = {};
15191
- // for (const company of data!?.company) {
15192
- // companyName[company.companyId] = company;
15193
- // }
15194
- // if (!data!.proponentPercentage) {
15195
- // data.proponentPercentage = [100];
15196
- // }
15197
- var nextOne = function (val) {
15198
- setCurrent(current + 1);
15199
- setStepOneData(val);
15200
- };
15201
- // const submitInvestment = async (val: any) => {
15202
- // console.log(val);
15203
- // console.log(stepOneData);
15204
- // setLoading(true);
15205
- // const payload = stepOneData;
15206
- // payload.programmeId = data.programmeId;
15207
- // payload.amount = parseFloat(payload.amount);
15208
- // if (payload.interestRate) {
15209
- // payload.interestRate = parseFloat(payload.interestRate);
15210
- // }
15211
- // if (payload.paymentPerMetric) {
15212
- // payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15213
- // }
15214
- // payload.fromCompanyIds = data.companyId.map((e) => Number(e));
15215
- // payload.percentage = val.percentage;
15216
- // payload.toCompanyId = Number(payload.toCompanyId);
15217
- // try {
15218
- // const response: any = await post(
15219
- // "national/programme/addInvestment",
15220
- // payload
15221
- // );
15222
- // console.log("investment creation -> ", response);
15223
- // if (response?.statusText === "SUCCESS") {
15224
- // message.open({
15225
- // type: "success",
15226
- // content: t("programme:investmentCreationSuccess"),
15227
- // duration: 4,
15228
- // style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15229
- // });
15230
- // }
15231
- // onNavigateToProgrammeView();
15232
- // } catch (error: any) {
15233
- // console.log("Error in investment creation - ", error);
15234
- // message.open({
15235
- // type: "error",
15236
- // content: error?.message,
15237
- // duration: 4,
15238
- // style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15239
- // });
15240
- // } finally {
15241
- // setLoading(false);
15242
- // }
15243
- // };
15244
- var deselectOnClick = function (e, fieldName) {
15245
- var value = e.target.value;
15246
- if (value === formOne.getFieldValue(fieldName)) {
15247
- console.log("double clicked button", value);
15248
- formOne.setFieldValue(fieldName, null);
15249
- }
15250
- };
15251
- return (React.createElement("div", { className: "add-programme-main-container" },
15252
- React.createElement("div", { className: "title-container" },
15253
- React.createElement("div", { className: "main" }, t("programme:addSupport")),
15254
- React.createElement("div", { className: "sub" }, t("programme:addSupportSub"))),
15255
- React.createElement("div", { className: "adding-section" },
15256
- React.createElement("div", { className: "form-section" },
15257
- React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: [
15258
- {
15259
- title: (React.createElement("div", { className: "step-title-container" },
15260
- React.createElement("div", { className: "step-count" }, "01"),
15261
- React.createElement("div", { className: "title" }, t("programme:programmeFinancingInvested")))),
15262
- description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
15263
- React.createElement("div", { className: "investment-sought-form" },
15264
- React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
15265
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15266
- React.createElement(antd.Col, { xl: 12, md: 24 },
15267
- React.createElement("div", { className: "details-part-one" },
15268
- React.createElement(antd.Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
15269
- {
15270
- required: true,
15271
- message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
15272
- },
15273
- ] },
15274
- React.createElement(antd.Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(antd.Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
15275
- React.createElement(antd.Col, { xl: 12, md: 24 },
15276
- React.createElement("div", { className: "details-part-two" },
15277
- React.createElement(antd.Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
15278
- {
15279
- required: true,
15280
- message: "",
15281
- },
15282
- {
15283
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15284
- return __generator(this, function (_a) {
15285
- if (String(value).trim() === "" ||
15286
- String(value).trim() === undefined ||
15287
- value === null ||
15288
- value === undefined) {
15289
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
15290
- }
15291
- else if (!isNaN(value) &&
15292
- Number(value) > 0) {
15293
- return [2 /*return*/, Promise.resolve()];
15294
- }
15295
- else {
15296
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
15297
- }
15298
- });
15299
- }); },
15300
- },
15301
- ] },
15302
- React.createElement(antd.Input, { size: "large" }))))),
15303
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15304
- React.createElement(antd.Col, { xl: 24, md: 24 },
15305
- React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15306
- React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15307
- instrument &&
15308
- instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15309
- React.createElement(antd.Col, { xl: 8, md: 12 },
15310
- React.createElement("div", { className: "details-part-two" },
15311
- React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15312
- {
15313
- required: true,
15314
- message: "",
15315
- },
15316
- {
15317
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15318
- return __generator(this, function (_a) {
15319
- if (String(value).trim() === "" ||
15320
- String(value).trim() ===
15321
- undefined ||
15322
- value === null ||
15323
- value === undefined) {
15324
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15325
- }
15326
- else if (!isNaN(value)) {
15327
- return [2 /*return*/, Promise.resolve()];
15328
- }
15329
- else {
15330
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15331
- }
15332
- });
15333
- }); },
15334
- },
15335
- ] },
15336
- React.createElement(antd.Input, { size: "large" })))))),
15337
- instrument &&
15338
- instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15339
- React.createElement(antd.Col, { xl: 12, md: 24 },
15340
- React.createElement("div", { className: "details-part-two" },
15341
- React.createElement(antd.Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
15342
- {
15343
- required: true,
15344
- message: "",
15345
- },
15346
- {
15347
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15348
- return __generator(this, function (_a) {
15349
- if (String(value).trim() === "" ||
15350
- String(value).trim() ===
15351
- undefined ||
15352
- value === null ||
15353
- value === undefined) {
15354
- throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
15355
- }
15356
- return [2 /*return*/];
15357
- });
15358
- }); },
15359
- },
15360
- ] },
15361
- React.createElement(antd.Input, { size: "large" })))),
15362
- React.createElement(antd.Col, { xl: 12, md: 24 },
15363
- React.createElement("div", { className: "details-part-two" },
15364
- React.createElement(antd.Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
15365
- {
15366
- required: true,
15367
- message: "",
15368
- },
15369
- {
15370
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15371
- return __generator(this, function (_a) {
15372
- if (String(value).trim() === "" ||
15373
- String(value).trim() ===
15374
- undefined ||
15375
- value === null ||
15376
- value === undefined) {
15377
- throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
15378
- }
15379
- else if (!isNaN(value)) {
15380
- return [2 /*return*/, Promise.resolve()];
15381
- }
15382
- else {
15383
- throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
15384
- }
15385
- });
15386
- }); },
15387
- },
15388
- ] },
15389
- React.createElement(antd.Input, { size: "large" })))))),
15390
- instrument &&
15391
- instrument.indexOf(exports.Instrument.INKIND) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15392
- React.createElement(antd.Col, { xl: 12, md: 24 },
15393
- React.createElement("div", { className: "details-part-two" },
15394
- React.createElement(antd.Form.Item, { label: t("programme:description"), name: "description", rules: [
15395
- {
15396
- required: false,
15397
- message: "",
15398
- },
15399
- ] },
15400
- React.createElement(antd.Input, { size: "large" })))))),
15401
- instrument &&
15402
- instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15403
- React.createElement(antd.Col, { xl: 12, md: 24 },
15404
- React.createElement("div", { className: "details-part-two" },
15405
- React.createElement(antd.Form.Item, { label: t("programme:comments"), name: "comments", rules: [
15406
- {
15407
- required: true,
15408
- message: "",
15409
- },
15410
- {
15411
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15412
- return __generator(this, function (_a) {
15413
- if (String(value).trim() === "" ||
15414
- String(value).trim() ===
15415
- undefined ||
15416
- value === null ||
15417
- value === undefined) {
15418
- throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
15419
- }
15420
- return [2 /*return*/];
15421
- });
15422
- }); },
15423
- },
15424
- ] },
15425
- React.createElement(antd.Input, { size: "large" })))))),
15426
- React.createElement(antd.Row, { className: "row", gutter: [4, 4] },
15427
- React.createElement(antd.Col, { xl: 8, md: 12 },
15428
- React.createElement(antd.Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
15429
- {
15430
- required: false,
15431
- },
15432
- ] },
15433
- React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15434
- React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15435
- return deselectOnClick(e, "type");
15436
- } }, t("programme:" + k)))); })))),
15437
- React.createElement(antd.Col, { xl: 8, md: 12 },
15438
- React.createElement(antd.Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
15439
- {
15440
- required: false,
15441
- },
15442
- ] },
15443
- React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15444
- React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15445
- return deselectOnClick(e, "level");
15446
- } }, t("programme:" + k)))); })))),
15447
- React.createElement(antd.Col, { xl: 8, md: 12 },
15448
- React.createElement(antd.Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
15449
- {
15450
- required: false,
15451
- },
15452
- ] },
15453
- React.createElement(antd.Radio.Group, { size: "large" }, Object.values(exports.InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15454
- React.createElement(antd.Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15455
- return deselectOnClick(e, "stream");
15456
- } }, t("programme:" + k)))); }))))),
15457
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15458
- React.createElement(antd.Col, { xl: 12, md: 24 },
15459
- React.createElement(antd.Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
15460
- React.createElement(antd.Select, { size: "large" }, Object.values(exports.ESGType).map(function (esg) { return (React.createElement(antd.Select.Option, { value: esg }, esg)); }))))),
15461
- React.createElement(antd.Form.Item, null,
15462
- React.createElement("div", { className: "steps-actions" },
15463
- React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
15464
- },
15465
- {
15466
- title: (React.createElement("div", { className: "step-title-container" },
15467
- React.createElement("div", { className: "step-count" }, "02"),
15468
- React.createElement("div", { className: "title" }, t("programme:ownership")))),
15469
- description: current === 1 && (React.createElement("div", null,
15470
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }))),
14445
+ React.createElement(antd.Col, { xl: 8, md: 9 },
14446
+ React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
14447
+ React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
14448
+ if (!/[0-9\.]/.test(event.key)) {
14449
+ event.preventDefault();
14450
+ }
14451
+ } })),
14452
+ React.createElement("div", { className: "inline separator" }, "/"),
14453
+ React.createElement(antd.Form.Item, { className: "inline" },
14454
+ React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
14455
+ React.createElement(antd.Form.Item, null,
14456
+ React.createElement("div", { className: "steps-actions" },
14457
+ React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
14458
+ React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
15471
14459
  },
15472
14460
  ] })))));
15473
14461
  };
15474
14462
 
15475
- var SupportManagementComponent = function (props) {
15476
- var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
14463
+ var InvestmentActionModel = function (props) {
14464
+ 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;
14465
+ var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
14466
+ var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
14467
+ var _c = React.useState(false), checked = _c[0], setChecked = _c[1];
14468
+ var t = translator.t;
14469
+ var companyList = !investment.isRetirement
14470
+ ? [
14471
+ {
14472
+ value: investment.toCompanyId,
14473
+ label: investment.receiver[0].name,
14474
+ },
14475
+ ]
14476
+ : [
14477
+ {
14478
+ value: investment.fromCompanyId,
14479
+ label: investment.sender[0].name,
14480
+ },
14481
+ ];
14482
+ return (React.createElement(antd.Modal, { title: React.createElement("div", { className: "popup-header" },
14483
+ React.createElement("div", { className: "icon" }, icon),
14484
+ React.createElement("div", null, title)), className: "popup-" + type, open: openModal, width: Math.min(430, window.innerWidth), centered: true, footer: null, onCancel: onCancel, destroyOnClose: true },
14485
+ React.createElement("div", { className: "transfer-form" },
14486
+ React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
14487
+ toCompanyId: !investment.isRetirement
14488
+ ? investment.toCompanyId
14489
+ : investment.fromCompanyId,
14490
+ programmeName: investment.programmeTitle,
14491
+ serialNo: investment.serialNo,
14492
+ creditAmount: investment.creditAmount,
14493
+ company: investment.toCompanyMeta
14494
+ ? investment.toCompanyMeta.name
14495
+ : null,
14496
+ country: investment.toCompanyMeta
14497
+ ? investment.toCompanyMeta.country
14498
+ : null,
14499
+ countryName: investment.toCompanyMeta
14500
+ ? investment.toCompanyMeta.countryName
14501
+ : null,
14502
+ }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
14503
+ var res;
14504
+ return __generator(this, function (_a) {
14505
+ switch (_a.label) {
14506
+ case 0:
14507
+ setLoading(true);
14508
+ if (d.comment) {
14509
+ d.comment = d.comment.trim();
14510
+ }
14511
+ return [4 /*yield*/, onFinish(investment.requestId, d.comment)];
14512
+ case 1:
14513
+ res = _a.sent();
14514
+ setPopupError(res);
14515
+ setLoading(false);
14516
+ return [2 /*return*/];
14517
+ }
14518
+ });
14519
+ }); } },
14520
+ React.createElement(antd.Row, null,
14521
+ React.createElement(antd.Col, { span: 24 },
14522
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:from"), name: "toCompanyId" },
14523
+ React.createElement(antd.Select, { showSearch: true, disabled: true, placeholder: t("view:searchCompany"), showArrow: true, filterOption: false, options: companyList })))),
14524
+ React.createElement(antd.Row, null,
14525
+ React.createElement(antd.Col, { span: 24 },
14526
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: t("view:programme"), name: "programmeName" },
14527
+ React.createElement(antd.Input, { disabled: true })))),
14528
+ React.createElement(antd.Row, null,
14529
+ React.createElement(antd.Col, { lg: 18, md: 20 },
14530
+ React.createElement("div", { className: "label" }, "".concat(t("view:ownershipPercentage")))),
14531
+ React.createElement(antd.Col, { lg: 6, md: 4 },
14532
+ React.createElement(antd.Form.Item, { className: "popup-credit-input" },
14533
+ React.createElement(antd.InputNumber, { placeholder: investment.percentage + "%", disabled: true })))),
14534
+ React.createElement(antd.Row, null,
14535
+ React.createElement(antd.Col, { span: 24 },
14536
+ React.createElement(antd.Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
14537
+ {
14538
+ required: remarkRequired,
14539
+ message: "Required field",
14540
+ },
14541
+ function (_a) {
14542
+ _a.getFieldValue;
14543
+ return ({
14544
+ validator: function (rule, v) {
14545
+ if (remarkRequired &&
14546
+ v !== undefined &&
14547
+ v !== "" &&
14548
+ v.trim() === "") {
14549
+ // eslint-disable-next-line prefer-promise-reject-errors
14550
+ return Promise.reject("Required field");
14551
+ }
14552
+ return Promise.resolve();
14553
+ },
14554
+ });
14555
+ },
14556
+ ] },
14557
+ React.createElement(antd.Input.TextArea, { placeholder: "" })))),
14558
+ React.createElement(antd.Row, null,
14559
+ React.createElement(antd.Col, { span: 24 },
14560
+ React.createElement(antd.Form.Item, { className: "text-left", valuePropName: "checked", label: "", name: "confirm" },
14561
+ React.createElement(antd.Checkbox, { className: "label", onChange: function (v) { return setChecked(v.target.checked); } }, t("view:confirmClosure"))))),
14562
+ popupError ? (React.createElement(antd.Alert, { className: "error", message: popupError, type: "error", showIcon: true })) : (""),
14563
+ React.createElement(antd.Form.Item, { className: "footer" },
14564
+ React.createElement(antd.Button, { htmlType: "button", onClick: onCancel }, t("view:cancel")),
14565
+ React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: !checked }, actionBtnText))))));
14566
+ };
14567
+
14568
+ var InvestmentManagementComponent = function (props) {
14569
+ var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
15477
14570
  var t = translator.t;
15478
14571
  var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
15479
14572
  label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
@@ -15804,6 +14897,23 @@ var SupportManagementComponent = function (props) {
15804
14897
  return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, luxon.DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
15805
14898
  },
15806
14899
  },
14900
+ {
14901
+ title: t("programme:programmeName"),
14902
+ dataIndex: "programmeTitle",
14903
+ key: "programmeTitle",
14904
+ sorter: true,
14905
+ align: "left",
14906
+ render: function (item) {
14907
+ return React.createElement("span", { className: "clickable" }, item);
14908
+ },
14909
+ onCell: function (record, rowIndex) {
14910
+ return {
14911
+ onClick: function (ev) {
14912
+ onNavigateToProgrammeView(record.programmeId);
14913
+ },
14914
+ };
14915
+ },
14916
+ },
15807
14917
  {
15808
14918
  title: t("programme:type"),
15809
14919
  key: "type",
@@ -15867,6 +14977,20 @@ var SupportManagementComponent = function (props) {
15867
14977
  })));
15868
14978
  },
15869
14979
  },
14980
+ {
14981
+ title: t("programme:owner"),
14982
+ key: "fromCompanyId",
14983
+ sorter: true,
14984
+ align: "left",
14985
+ render: function (item, itemObj) {
14986
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.sender &&
14987
+ itemObj.sender.map(function (v, i) {
14988
+ return (React.createElement(antd.Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
14989
+ React.createElement("div", null,
14990
+ React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
14991
+ })));
14992
+ },
14993
+ },
15870
14994
  {
15871
14995
  title: t("programme:status"),
15872
14996
  key: "status",
@@ -15917,12 +15041,11 @@ var SupportManagementComponent = function (props) {
15917
15041
  // setCurrentPage(1);
15918
15042
  };
15919
15043
  return (React.createElement("div", { className: "investment-management content-container" },
15920
- React.createElement("div", { className: "support-title-bar" },
15921
- React.createElement("div", { className: "title-bar" },
15922
- React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
15923
- React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
15924
- React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
15925
- React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addOwnership")))))),
15044
+ React.createElement("div", { className: "title-bar" },
15045
+ React.createElement(antd.Row, { justify: "space-between", align: "middle" },
15046
+ React.createElement(antd.Col, { span: 20 },
15047
+ React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
15048
+ React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))))),
15926
15049
  React.createElement("div", { className: "content-card" },
15927
15050
  React.createElement(antd.Row, null,
15928
15051
  React.createElement(antd.Col, { lg: { span: 15 }, md: { span: 14 } },
@@ -15971,8 +15094,8 @@ var SupportManagementComponent = function (props) {
15971
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 }))));
15972
15095
  };
15973
15096
 
15974
- 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";
15975
- styleInject(css_248z$g);
15097
+ var css_248z$h = ".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";
15098
+ styleInject(css_248z$h);
15976
15099
 
15977
15100
  var NdcActionManagementComponent = function (props) {
15978
15101
  var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
@@ -16352,8 +15475,8 @@ var NdcActionManagementComponent = function (props) {
16352
15475
  } })))))));
16353
15476
  };
16354
15477
 
16355
- 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";
16356
- styleInject(css_248z$f);
15478
+ var css_248z$g = ".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";
15479
+ styleInject(css_248z$g);
16357
15480
 
16358
15481
  var EnablementTypes;
16359
15482
  (function (EnablementTypes) {
@@ -16960,11 +16083,11 @@ var NdcActionDetails = function (props) {
16960
16083
  React.createElement(antd.Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
16961
16084
  };
16962
16085
 
16963
- 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";
16964
- styleInject(css_248z$e);
16086
+ var css_248z$f = ".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";
16087
+ styleInject(css_248z$f);
16965
16088
 
16966
- 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";
16967
- styleInject(css_248z$d);
16089
+ 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";
16090
+ styleInject(css_248z$e);
16968
16091
 
16969
16092
  var GenderParity = function (props) {
16970
16093
  var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
@@ -19451,11 +18574,11 @@ var AddNdcActionComponent = function (props) {
19451
18574
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
19452
18575
  };
19453
18576
 
19454
- 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";
19455
- styleInject(css_248z$c);
18577
+ var css_248z$d = ".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";
18578
+ styleInject(css_248z$d);
19456
18579
 
19457
- 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";
19458
- styleInject(css_248z$b);
18580
+ 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";
18581
+ styleInject(css_248z$c);
19459
18582
 
19460
18583
  var InfoView = function (props) {
19461
18584
  var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
@@ -19939,11 +19062,11 @@ var NdcActionViewComponent = function (props) {
19939
19062
  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 })))))))));
19940
19063
  };
19941
19064
 
19942
- 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";
19943
- styleInject(css_248z$a);
19065
+ var css_248z$b = ".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";
19066
+ styleInject(css_248z$b);
19944
19067
 
19945
- 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";
19946
- styleInject(css_248z$9);
19068
+ 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";
19069
+ styleInject(css_248z$a);
19947
19070
 
19948
19071
  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)))};
19949
19072
 
@@ -20694,8 +19817,8 @@ var CreditTransferComponent = function (props) {
20694
19817
  }, 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 }))));
20695
19818
  };
20696
19819
 
20697
- 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";
20698
- styleInject(css_248z$8);
19820
+ 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";
19821
+ styleInject(css_248z$9);
20699
19822
 
20700
19823
  var MrvPieChartsStatComponent = function (props) {
20701
19824
  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;
@@ -20873,8 +19996,8 @@ var ListWidgetComponent = function (props) {
20873
19996
  React.createElement("div", { className: "updated-on margin-top-6" }, updatedDate !== "0" && (React.createElement("div", { className: "updated-moment-container" }, updatedDate)))))));
20874
19997
  };
20875
19998
 
20876
- 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";
20877
- styleInject(css_248z$7);
19999
+ var css_248z$8 = ".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";
20000
+ styleInject(css_248z$8);
20878
20001
 
20879
20002
  var MapboxComponent = function (props) {
20880
20003
  var mapContainerRef = React.useRef(null);
@@ -20964,8 +20087,8 @@ var MapComponent = function (props) {
20964
20087
  return React.createElement("div", null, mapType === exports.MapTypes.Mapbox ? MapboxComponent(props) : "");
20965
20088
  };
20966
20089
 
20967
- 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";
20968
- styleInject(css_248z$6);
20090
+ var css_248z$7 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
20091
+ styleInject(css_248z$7);
20969
20092
 
20970
20093
  var LegendItem = function (props) {
20971
20094
  var text = props.text, color = props.color;
@@ -21596,8 +20719,8 @@ var MrvDashboardComponent = function (props) {
21596
20719
  React.createElement(antd.Row, { gutter: [40, 40], className: "stastic-card-row" }, row.map(function (item, j) { return getWidgetJSX(item); })))); }))));
21597
20720
  };
21598
20721
 
21599
- 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";
21600
- styleInject(css_248z$5);
20722
+ 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";
20723
+ styleInject(css_248z$6);
21601
20724
 
21602
20725
  var getTotalProgrammesInitialValues = function () {
21603
20726
  var totalProgrammmesStatusInitialValues = [];
@@ -22431,8 +21554,8 @@ var optionDonutPieB = {
22431
21554
  ],
22432
21555
  };
22433
21556
 
22434
- 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";
22435
- styleInject(css_248z$4);
21557
+ var css_248z$5 = ".stastic-card-main-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 11.2rem;\n background-color: white;\n border-radius: 0.625rem;\n padding: 1rem 1.875rem 0 1.875rem; }\n .stastic-card-main-container .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n height: 3.3rem; }\n .stastic-card-main-container .title-section .title {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: 'Inter';\n font-size: 1.15rem;\n font-weight: 600;\n width: 95%;\n color: rgba(58, 53, 65, 0.8); }\n .stastic-card-main-container .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 5%;\n align-items: center;\n justify-content: flex-end; }\n .stastic-card-main-container .values-section {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: flex-start;\n justify-content: space-between;\n height: 5rem; }\n .stastic-card-main-container .values-section .values-and-unit {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 60%; }\n .stastic-card-main-container .values-section .values-and-unit .value {\n font-family: 'Inter';\n font-size: 2rem;\n font-weight: 600;\n width: 100%;\n color: #16b1ff;\n padding: 0; }\n .stastic-card-main-container .values-section .values-and-unit .unit {\n margin-bottom: -0.6rem;\n margin-left: 0.2rem;\n margin-top: -0.66rem;\n font-family: 'Inter';\n font-size: 0.875rem;\n font-weight: 500;\n width: 100%;\n color: rgba(58, 53, 65, 0.5); }\n .stastic-card-main-container .values-section .icon-section {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n width: 40%;\n justify-content: flex-start; }\n .stastic-card-main-container .values-section .icon-section img {\n height: 80px; }\n .stastic-card-main-container .values-section .updated-on-null {\n display: flex;\n flex-direction: row;\n font-size: 0.813rem;\n border-radius: 3.125rem;\n padding: 0 0.5rem 0 0.5rem;\n margin-top: 1rem;\n color: transparent;\n background-color: transparent; }\n .stastic-card-main-container .updated-on {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n width: max-content;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n\n.stastic-card-main-container:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n";
21558
+ styleInject(css_248z$5);
22436
21559
 
22437
21560
  var toolTipTextGen = function (companyRole, cardType, mine) {
22438
21561
  var text = '';
@@ -24445,6 +23568,243 @@ var RegistryDashboardComponent = function (props) {
24445
23568
  lastUpdateTransferLocations))))))))) : ("")));
24446
23569
  };
24447
23570
 
23571
+ var EditableContext = React.createContext(null);
23572
+ var EditableRow = function (_a) {
23573
+ _a.index; var props = __rest(_a, ["index"]);
23574
+ var form = antd.Form.useForm()[0];
23575
+ return (React.createElement(antd.Form, { form: form, component: false },
23576
+ React.createElement(EditableContext.Provider, { value: form },
23577
+ React.createElement("tr", __assign({}, props)))));
23578
+ };
23579
+ var EditableCell = function (_a) {
23580
+ 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"]);
23581
+ var _b = React.useState(false), editing = _b[0], setEditing = _b[1];
23582
+ var inputRef = React.useRef(null);
23583
+ var form = React.useContext(EditableContext);
23584
+ React.useEffect(function () {
23585
+ if (editing) {
23586
+ inputRef.current.focus();
23587
+ }
23588
+ }, [editing]);
23589
+ var toggleEdit = function () {
23590
+ var _a;
23591
+ setEditing(!editing);
23592
+ form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
23593
+ };
23594
+ var save = function () { return __awaiter(void 0, void 0, void 0, function () {
23595
+ var values, errInfo_1;
23596
+ return __generator(this, function (_a) {
23597
+ switch (_a.label) {
23598
+ case 0:
23599
+ _a.trys.push([0, 2, , 3]);
23600
+ return [4 /*yield*/, form.validateFields()];
23601
+ case 1:
23602
+ values = _a.sent();
23603
+ toggleEdit();
23604
+ handleSave(__assign(__assign({}, record), values));
23605
+ return [3 /*break*/, 3];
23606
+ case 2:
23607
+ errInfo_1 = _a.sent();
23608
+ console.log('Save failed:', errInfo_1);
23609
+ return [3 /*break*/, 3];
23610
+ case 3: return [2 /*return*/];
23611
+ }
23612
+ });
23613
+ }); };
23614
+ var childNode = children;
23615
+ if (editable) {
23616
+ childNode = editing ? (React.createElement(antd.Form.Item, { style: { margin: 0 }, name: dataIndex, rules: [
23617
+ {
23618
+ required: true,
23619
+ message: "".concat(title, " is required."),
23620
+ },
23621
+ ] },
23622
+ React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
23623
+ }
23624
+ return React.createElement("td", __assign({}, restProps), childNode);
23625
+ };
23626
+
23627
+ 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";
23628
+ styleInject(css_248z$4);
23629
+
23630
+ var NdcDetailsComponent = function (props) {
23631
+ var t = props.t; props.useConnection;
23632
+ var RangePicker = antd.DatePicker.RangePicker;
23633
+ var _a = React.useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
23634
+ var _b = React.useState(false), loading = _b[0]; _b[1];
23635
+ var periodItemsRef = React.useRef([]);
23636
+ var _c = React.useState([]), periodItems = _c[0], setPeriodItems = _c[1];
23637
+ var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
23638
+ var selectedPeriod = React.useRef({});
23639
+ var handleSave = function (row) {
23640
+ var newData = __spreadArray([], ndcDetailsData, true);
23641
+ var index = newData.findIndex(function (item) { return row.key === item.key; });
23642
+ var item = newData[index];
23643
+ newData.splice(index, 1, __assign(__assign({}, item), row));
23644
+ setNdcDetailsData(newData);
23645
+ };
23646
+ var defaultColumns = [
23647
+ {
23648
+ title: t("ndc:ndcColumnsNationalPlanObj"),
23649
+ dataIndex: "nationalPlanObj",
23650
+ key: "nationalPlanObj",
23651
+ align: "left",
23652
+ editable: true,
23653
+ },
23654
+ {
23655
+ title: t("ndc:ndcColumnsKpi"),
23656
+ dataIndex: "kpi",
23657
+ key: "kpi",
23658
+ align: "left",
23659
+ editable: true,
23660
+ },
23661
+ ];
23662
+ var columns = defaultColumns.map(function (col) {
23663
+ if (!col.editable) {
23664
+ return col;
23665
+ }
23666
+ return __assign(__assign({}, col), { onCell: function (record) { return ({
23667
+ record: record,
23668
+ editable: col.editable,
23669
+ dataIndex: col.dataIndex,
23670
+ title: col.title,
23671
+ handleSave: handleSave,
23672
+ }); } });
23673
+ });
23674
+ function onAddNewNdcDetail() {
23675
+ var newData = {
23676
+ startDate: new Date("2014-12-24 23:12:00"),
23677
+ endDate: new Date("2014-12-24 23:12:00"),
23678
+ nationalPlanObj: "sample text2",
23679
+ kpi: 34,
23680
+ };
23681
+ setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
23682
+ }
23683
+ var components = {
23684
+ body: {
23685
+ row: EditableRow,
23686
+ cell: EditableCell,
23687
+ },
23688
+ };
23689
+ //commented because rendering issue
23690
+ function ndcDetailsTableContent() {
23691
+ return (React.createElement("div", null)
23692
+ // <div>
23693
+ // <Button
23694
+ // onClick={onAddNewNdcDetail}
23695
+ // type="primary"
23696
+ // style={{
23697
+ // marginBottom: 16,
23698
+ // }}
23699
+ // >
23700
+ // Add a row
23701
+ // </Button>
23702
+ // <Table
23703
+ // components={components}
23704
+ // rowClassName={() => 'editable-row'}
23705
+ // bordered
23706
+ // dataSource={ndcDetailsData}
23707
+ // columns={columns}
23708
+ // />
23709
+ // </div>
23710
+ );
23711
+ }
23712
+ var onCancelPeriod = function () { };
23713
+ var onAddNewPeriod = function () {
23714
+ if (selectedPeriod && selectedPeriod.current) {
23715
+ var newPeriodItem_1 = {
23716
+ key: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
23717
+ label: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
23718
+ start: selectedPeriod.current.start,
23719
+ end: selectedPeriod.current.end,
23720
+ children: ndcDetailsTableContent(),
23721
+ };
23722
+ var existingIndex = periodItemsRef.current.findIndex(function (item) { return item.start === newPeriodItem_1.start || item.end === newPeriodItem_1.end; });
23723
+ if (existingIndex === -1) {
23724
+ setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
23725
+ periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
23726
+ }
23727
+ else {
23728
+ antd.message.open({
23729
+ type: "error",
23730
+ content: t("ndc:rangeAlreadyExists"),
23731
+ duration: 3,
23732
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
23733
+ });
23734
+ }
23735
+ }
23736
+ };
23737
+ React.useEffect(function () {
23738
+ if (periodItems && periodItems.length > 1) {
23739
+ setSelectedTab(periodItems[periodItems.length - 1].key);
23740
+ }
23741
+ }, [periodItems]);
23742
+ var onDateRangeChanged = function (range) {
23743
+ var period = {
23744
+ start: Number(moment(range[0]).year()),
23745
+ end: Number(moment(range[1]).year()),
23746
+ };
23747
+ selectedPeriod.current = period;
23748
+ };
23749
+ function addNewPeriodContent() {
23750
+ return (React.createElement("div", null,
23751
+ React.createElement(antd.Row, null,
23752
+ React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
23753
+ React.createElement(antd.Row, { className: "mg-top-1" },
23754
+ React.createElement("div", { className: "steps-actions" },
23755
+ React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
23756
+ React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
23757
+ }
23758
+ var onTabChange = function (key) {
23759
+ setSelectedTab(key);
23760
+ };
23761
+ React.useEffect(function () {
23762
+ var defaultNdcDetails = [
23763
+ {
23764
+ startDate: new Date("2022-03-25"),
23765
+ endDate: new Date("2023-03-25"),
23766
+ nationalPlanObj: "sample text1",
23767
+ kpi: 23,
23768
+ },
23769
+ {
23770
+ startDate: new Date("2023-03-25"),
23771
+ endDate: new Date("2024-03-25"),
23772
+ nationalPlanObj: "sample text2",
23773
+ kpi: 34,
23774
+ },
23775
+ {
23776
+ startDate: new Date("2024-03-25"),
23777
+ endDate: new Date("2025-03-25"),
23778
+ nationalPlanObj: "sample text3",
23779
+ kpi: 25,
23780
+ },
23781
+ ];
23782
+ var addNewItem = {
23783
+ key: "add_new",
23784
+ label: "Add New",
23785
+ children: addNewPeriodContent(),
23786
+ };
23787
+ setPeriodItems([addNewItem]);
23788
+ periodItemsRef.current = [addNewItem];
23789
+ setNdcDetailsData(defaultNdcDetails);
23790
+ }, []);
23791
+ return (React.createElement("div", { className: "ndc-management content-container" },
23792
+ React.createElement("div", { className: "title-bar" },
23793
+ React.createElement(antd.Row, { justify: "space-between", align: "middle" },
23794
+ React.createElement(antd.Col, { span: 20 },
23795
+ React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
23796
+ React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
23797
+ React.createElement("div", null,
23798
+ React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
23799
+ selectedTab !== "add_new" && (React.createElement("div", null,
23800
+ React.createElement("div", null,
23801
+ React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: ndcDetailsData, columns: columns, footer: function () { return (React.createElement(antd.Row, { justify: "center" },
23802
+ React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
23803
+ marginBottom: 16,
23804
+ width: '100%'
23805
+ } }, t("ndc:addNdcAction")))); } }))))));
23806
+ };
23807
+
24448
23808
  var ImgWithFallback = function (_a) {
24449
23809
  var src = _a.src, alt = _a.alt, fallbackSrc = _a.fallbackSrc, mediaType = _a.mediaType, className = _a.className, delegated = __rest(_a, ["src", "alt", "fallbackSrc", "mediaType", "className"]);
24450
23810
  return (React.createElement("picture", null,
@@ -25914,6 +25274,7 @@ exports.MrvDashboardComponent = MrvDashboardComponent;
25914
25274
  exports.NdcActionBody = NdcActionBody;
25915
25275
  exports.NdcActionManagementComponent = NdcActionManagementComponent;
25916
25276
  exports.NdcActionViewComponent = NdcActionViewComponent;
25277
+ exports.NdcDetailsComponent = NdcDetailsComponent;
25917
25278
  exports.OrganisationStatus = OrganisationStatus;
25918
25279
  exports.ProfileIcon = ProfileIcon;
25919
25280
  exports.ProgrammeCertify = ProgrammeCertify;
@@ -25932,8 +25293,6 @@ exports.RoleIcon = RoleIcon;
25932
25293
  exports.RootBGColor = RootBGColor;
25933
25294
  exports.RootColor = RootColor;
25934
25295
  exports.StasticCard = StasticCard;
25935
- exports.SupportCreationComponent = SupportCreationComponent;
25936
- exports.SupportManagementComponent = SupportManagementComponent;
25937
25296
  exports.TimelineBody = TimelineBody;
25938
25297
  exports.TooltipColor = TooltipColor;
25939
25298
  exports.TransferActionModel = TransferActionModel;