@undp/carbon-library 1.0.64 → 1.0.65
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +2956 -38
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/index.d.ts +1 -0
- package/dist/esm/index.js +2960 -43
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/index.d.ts +1 -0
- package/dist/index.d.ts +3 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, UserOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
|
2
|
-
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, InputNumber, Spin, Progress, Popover, List, Typography } from 'antd';
|
2
|
+
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, InputNumber, Spin, Progress, Popover, List, Typography, Tabs } from 'antd';
|
3
3
|
import React, { useState, useEffect, useRef } from 'react';
|
4
4
|
import { DateTime } from 'luxon';
|
5
5
|
import { Buffer } from 'buffer';
|
@@ -7,7 +7,7 @@ import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phon
|
|
7
7
|
import validator from 'validator';
|
8
8
|
import { plainToClass } from 'class-transformer';
|
9
9
|
import * as Icon from 'react-bootstrap-icons';
|
10
|
-
import { ShieldCheck, Lock, PersonDash,
|
10
|
+
import { ShieldCheck, Lock, PersonDash, InfoCircle, CircleFill } from 'react-bootstrap-icons';
|
11
11
|
import Chart from 'react-apexcharts';
|
12
12
|
import mapboxgl from 'mapbox-gl';
|
13
13
|
import 'mapbox-gl/dist/mapbox-gl.css';
|
@@ -116,14 +116,14 @@ function styleInject(css, ref) {
|
|
116
116
|
}
|
117
117
|
}
|
118
118
|
|
119
|
-
var css_248z$
|
120
|
-
styleInject(css_248z$
|
119
|
+
var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
|
120
|
+
styleInject(css_248z$n);
|
121
121
|
|
122
|
-
var css_248z$
|
123
|
-
styleInject(css_248z$
|
122
|
+
var css_248z$m = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
|
123
|
+
styleInject(css_248z$m);
|
124
124
|
|
125
|
-
var css_248z$
|
126
|
-
styleInject(css_248z$
|
125
|
+
var css_248z$l = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
|
126
|
+
styleInject(css_248z$l);
|
127
127
|
|
128
128
|
var RoleIcon = function (props) {
|
129
129
|
var icon = props.icon, bg = props.bg, color = props.color;
|
@@ -386,8 +386,8 @@ var CompanyManagementColumns;
|
|
386
386
|
CompanyManagementColumns["creditBalance"] = "creditBalance";
|
387
387
|
})(CompanyManagementColumns || (CompanyManagementColumns = {}));
|
388
388
|
|
389
|
-
var css_248z$
|
390
|
-
styleInject(css_248z$
|
389
|
+
var css_248z$k = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
|
390
|
+
styleInject(css_248z$k);
|
391
391
|
|
392
392
|
var isBase64 = function (str) {
|
393
393
|
if (!str || str === '' || str.trim() === '') {
|
@@ -758,11 +758,11 @@ var CompanyManagementComponent = function (props) {
|
|
758
758
|
} })))))));
|
759
759
|
};
|
760
760
|
|
761
|
-
var css_248z$
|
762
|
-
styleInject(css_248z$
|
761
|
+
var css_248z$j = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n";
|
762
|
+
styleInject(css_248z$j);
|
763
763
|
|
764
|
-
var css_248z$f = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-tooltip-inner {\n border-radius: 5px !important;\n background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
|
765
|
-
styleInject(css_248z$
|
764
|
+
var css_248z$i = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-tooltip-inner {\n border-radius: 5px !important;\n background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
|
765
|
+
styleInject(css_248z$i);
|
766
766
|
|
767
767
|
var UserManagementColumns;
|
768
768
|
(function (UserManagementColumns) {
|
@@ -4317,7 +4317,7 @@ var FormElementType;
|
|
4317
4317
|
FormElementType[FormElementType["Input"] = 2] = "Input";
|
4318
4318
|
})(FormElementType || (FormElementType = {}));
|
4319
4319
|
|
4320
|
-
var SdgGoals;
|
4320
|
+
var SdgGoals$1;
|
4321
4321
|
(function (SdgGoals) {
|
4322
4322
|
SdgGoals["noPoverty"] = "No Poverty";
|
4323
4323
|
SdgGoals["zeroHunger"] = "Zero Hunger";
|
@@ -4336,7 +4336,7 @@ var SdgGoals;
|
|
4336
4336
|
SdgGoals["lifeOnLand"] = "Life On Land";
|
4337
4337
|
SdgGoals["peace"] = "Peace, Justice and Strong Institutions";
|
4338
4338
|
SdgGoals["partnership"] = "Partnerships for the Goals";
|
4339
|
-
})(SdgGoals || (SdgGoals = {}));
|
4339
|
+
})(SdgGoals$1 || (SdgGoals$1 = {}));
|
4340
4340
|
|
4341
4341
|
var ConfigurationSettingsType;
|
4342
4342
|
(function (ConfigurationSettingsType) {
|
@@ -5066,11 +5066,11 @@ var UserActionConfirmationModel = function (props) {
|
|
5066
5066
|
React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
|
5067
5067
|
};
|
5068
5068
|
|
5069
|
-
var css_248z$
|
5070
|
-
styleInject(css_248z$
|
5069
|
+
var css_248z$h = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n";
|
5070
|
+
styleInject(css_248z$h);
|
5071
5071
|
|
5072
|
-
var css_248z$
|
5073
|
-
styleInject(css_248z$
|
5072
|
+
var css_248z$g = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n";
|
5073
|
+
styleInject(css_248z$g);
|
5074
5074
|
|
5075
5075
|
var OrganisationStatus = function (props) {
|
5076
5076
|
var organisationStatus = props.organisationStatus, t = props.t;
|
@@ -5317,8 +5317,8 @@ var CompanyProfileComponent = function (props) {
|
|
5317
5317
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
|
5318
5318
|
};
|
5319
5319
|
|
5320
|
-
var css_248z$
|
5321
|
-
styleInject(css_248z$
|
5320
|
+
var css_248z$f = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n";
|
5321
|
+
styleInject(css_248z$f);
|
5322
5322
|
|
5323
5323
|
var Search$1 = Input.Search;
|
5324
5324
|
var ProgrammeManagementComponent = function (props) {
|
@@ -5747,15 +5747,15 @@ var ProgrammeManagementComponent = function (props) {
|
|
5747
5747
|
} })))))));
|
5748
5748
|
};
|
5749
5749
|
|
5750
|
-
var css_248z$
|
5751
|
-
styleInject(css_248z$
|
5750
|
+
var css_248z$e = ".programme-view {\n padding: 0px 50px; }\n .programme-view .ant-steps-item-tail::after {\n background-color: #ffff !important;\n background-color: #ffff !important;\n border-left: 1px dashed #d9d9d9;\n border-style: dashed;\n border-width: 1px;\n border-color: #d9d9d9; }\n .programme-view .action-btns {\n justify-content: center !important; }\n .programme-view .action-btns button:first-child {\n margin-right: 15px;\n margin-left: 10px; }\n .programme-view .action-btns button:last-child {\n margin-right: 15px; }\n .programme-view .title-bar {\n display: flex;\n justify-content: space-between; }\n .programme-view .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {\n left: 13px; }\n .programme-view .apexcharts-legend-series {\n padding-bottom: 5px; }\n .programme-view .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .programme-view .card-container .action-btns {\n margin-top: 25px;\n margin-bottom: -15px;\n justify-content: end; }\n .programme-view .programme-logo {\n width: 100px;\n height: 100px;\n border-radius: 100%;\n background-color: rgba(254, 241, 173, 0.5);\n font-size: 50px;\n color: #ffa070;\n text-align: center;\n padding: 12px;\n margin: auto; }\n .programme-view .centered-card {\n display: flex;\n justify-content: center;\n text-align: center;\n flex-direction: column;\n width: 100%; }\n .programme-view .separator {\n border-bottom: 1px solid #f0f0f0;\n width: 100%; }\n .programme-view .cert-info {\n text-align: center;\n padding: 20px 15px 20px 15px; }\n .programme-view .cert-info img {\n height: 60px; }\n .programme-view .cert-content {\n display: flex;\n flex-wrap: wrap; }\n .programme-view .cert-logo {\n width: 60px;\n height: 60px;\n border-radius: 100%;\n background-color: rgba(254, 241, 173, 0.5);\n font-size: 30px;\n color: #ffa070;\n text-align: center;\n padding: 6px;\n margin: 0 auto; }\n .programme-view .cert-name {\n color: rgba(58, 53, 65, 0.8);\n margin-top: 14px;\n font-weight: 600; }\n .programme-view .cert-date {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n .programme-view .company-info {\n padding: 25px 10px 30px 10px;\n min-width: 200px; }\n .programme-view .company-info img {\n height: 90px; }\n .programme-view .company-info .progress-bar {\n width: calc(max(200px, 60%));\n font-size: 0.8rem;\n color: rgba(58, 53, 65, 0.6);\n margin: 15px auto 0px; }\n .programme-view .company-info .ant-progress-success-bg,\n .programme-view .company-info .ant-progress-bg {\n background-color: #16b1ff; }\n .programme-view .programme-name {\n color: rgba(58, 53, 65, 0.8);\n margin-top: 14px;\n font-weight: 600; }\n .programme-view .file-name {\n cursor: pointer;\n color: rgba(58, 53, 65, 0.6); }\n .programme-view .file-name:hover {\n color: #16b1ff; }\n\n.info-view .content {\n padding: 15px 0px;\n margin-left: -8px; }\n\n.info-view .map-content {\n padding: 15px 0px; }\n\n.info-view .ant-steps-item-subtitle {\n display: block;\n margin-left: 0px;\n font-size: 0.8rem;\n color: rgba(58, 53, 65, 0.3);\n margin-top: -12px;\n font-weight: 500; }\n\n.info-view .ant-steps-item-process\n> .ant-steps-item-container\n> .ant-steps-item-content\n> .ant-steps-item-title {\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem;\n font-weight: 600; }\n\n.info-view .ant-steps-item-process\n> .ant-steps-item-container\n> .ant-steps-item-content\n> .ant-steps-item-description {\n font-size: 0.8rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.6); }\n\n.info-view .step-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.5rem 0.5rem 0.3rem 0.5rem;\n font-size: 0.8rem; }\n\n.info-view .created-step {\n color: #ff8f56;\n background-color: rgba(254, 241, 173, 0.5);\n font-size: 1rem;\n padding: 0.4rem 0.4rem 0.2rem 0.4rem; }\n\n.info-view .auth-step {\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.5); }\n\n.info-view .reject-step {\n color: #ff9900;\n background-color: rgba(254, 179, 159, 0.3); }\n\n.info-view .issue-step {\n color: #4f9d83;\n background-color: rgba(128, 255, 0, 0.12); }\n\n.info-view .cert-step {\n color: #4f9d83;\n background-color: rgba(128, 255, 0, 0.12); }\n\n.info-view .revoke-step {\n color: rgba(255, 0, 199, 0.56);\n background-color: rgba(255, 159, 222, 0.5); }\n\n.info-view .transfer-step {\n background-color: rgba(215, 223, 226, 0.5);\n color: #949599; }\n\n.info-view .retire-step {\n color: #ff4d4f;\n background-color: rgba(255, 211, 211, 0.5);\n padding: 0.5rem 0.5rem 0.3rem 0.5rem; }\n\n.info-view .freeze-step {\n color: #976ed7;\n background-color: rgba(183, 164, 254, 0.3); }\n\n.info-view .region-list {\n padding-top: 20px; }\n\n.loc-tag {\n padding: 10px 20px 0px 0px;\n color: rgba(58, 53, 65, 0.6); }\n\n.loc-icon {\n margin-right: 5px;\n font-size: 1rem; }\n\n.loc-text {\n line-height: 1.2rem;\n vertical-align: top; }\n\n.apexcharts-datalabels-group {\n font-family: \"Inter\" !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.remark {\n font-size: 0.8rem; }\n\n.footer-btn {\n margin: 39px 20px 0px 20px;\n display: flex;\n justify-content: center;\n column-gap: 30px; }\n .footer-btn button {\n text-transform: uppercase; }\n\n.retire-form .ant-radio-group {\n text-align: left; }\n\n.only-head .title {\n margin-bottom: 0px !important; }\n .only-head .title .link {\n font-size: 1.2rem;\n line-height: 0.5rem;\n cursor: pointer;\n color: rgba(58, 53, 65, 0.8); }\n\n.mapboxgl-popup-tip {\n border-bottom-color: #16b1ff !important;\n border-top-color: #16b1ff !important; }\n\n.mapboxgl-popup-content {\n background-color: #16b1ff;\n color: white;\n font-family: \"Inter\";\n font-weight: 500;\n min-width: 60px;\n height: 30px;\n padding: 5px 20px; }\n";
|
5751
|
+
styleInject(css_248z$e);
|
5752
5752
|
|
5753
5753
|
var dateTimeFormat = 'dd LLLL yyyy @ HH:mm';
|
5754
5754
|
var dateFormat = 'dd LLLL yyyy';
|
5755
5755
|
var creditUnit = 'ITMO';
|
5756
5756
|
|
5757
|
-
var css_248z$
|
5758
|
-
styleInject(css_248z$
|
5757
|
+
var css_248z$d = ".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\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
|
5758
|
+
styleInject(css_248z$d);
|
5759
5759
|
|
5760
5760
|
var InfoView = function (props) {
|
5761
5761
|
var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
|
@@ -6369,8 +6369,8 @@ var Loading = function () {
|
|
6369
6369
|
return React.createElement(Spin, { className: "loading-center", size: "large" });
|
6370
6370
|
};
|
6371
6371
|
|
6372
|
-
var css_248z$
|
6373
|
-
styleInject(css_248z$
|
6372
|
+
var css_248z$c = ".remark {\n padding-top: 7px;\n font-size: 0.75rem; }\n .remark .remark-title {\n text-transform: capitalize;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .remark .remark-body {\n font-weight: 400;\n color: rgba(58, 53, 65, 0.5); }\n";
|
6373
|
+
styleInject(css_248z$c);
|
6374
6374
|
|
6375
6375
|
var TimelineBody = function (props) {
|
6376
6376
|
var text = props.text, remark = props.remark, via = props.via, t = props.t;
|
@@ -6383,8 +6383,8 @@ var TimelineBody = function (props) {
|
|
6383
6383
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
6384
6384
|
};
|
6385
6385
|
|
6386
|
-
var css_248z$
|
6387
|
-
styleInject(css_248z$
|
6386
|
+
var css_248z$b = ".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";
|
6387
|
+
styleInject(css_248z$b);
|
6388
6388
|
|
6389
6389
|
var MapboxComponent = function (props) {
|
6390
6390
|
var mapContainerRef = useRef(null);
|
@@ -7760,8 +7760,8 @@ var ProgrammeViewComponent = function (props) {
|
|
7760
7760
|
React.createElement(Button, { disabled: actionInfo.remark && (!comment || comment.trim() === ""), type: "primary", loading: confirmLoading, onClick: function () { return onAction(actionInfo.action); } }, actionInfo.action))))))));
|
7761
7761
|
};
|
7762
7762
|
|
7763
|
-
var css_248z$
|
7764
|
-
styleInject(css_248z$
|
7763
|
+
var css_248z$a = ".mg-left-1 {\n margin-left: 1rem; }\n\n.add-user-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-user-main-container .title-container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n border-radius: 5px; }\n .add-user-main-container .title-container .titles {\n display: flex;\n flex-direction: column;\n width: 50%; }\n .add-user-main-container .title-container .titles .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-user-main-container .title-container .titles .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-user-main-container .title-container .actions {\n display: flex;\n flex-direction: row;\n align-items: end;\n justify-content: end;\n width: 50%; }\n .add-user-main-container .title-container .actions .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n\n.user-content-card {\n width: 100%;\n padding: 2.5rem 2rem 1rem 2rem;\n margin-top: 1rem; }\n\n.content-card .PhoneInputInput .input {\n border-radius: 5px !important; }\n\n.content-card .user-details-form .actions {\n display: flex;\n flex-direction: row-reverse; }\n\n.content-card .user-details-form .row .details-part-two .role-group .admin-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .admin-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #d12800 !important;\n border-color: #d12800 !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .admin-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #d12800; }\n\n.content-card .user-details-form .row .details-part-two .role-group .manager-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .manager-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #75009e !important;\n border-color: #75009e !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .manager-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #75009e; }\n\n.content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container {\n width: 30%; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n\n.content-card .user-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.content-card .user-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n\n.content-card .user-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n\n.content-card .user-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n\n.content-card .user-details-form .row .details-part-two .role-group .admin {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .admin .ant-radio-button-checked {\n background: rgba(255, 166, 166, 0.42); }\n\n.content-card .user-details-form .row .details-part-two .role-group .manager {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .manager .ant-radio-button-checked {\n background: rgba(96, 27, 209, 0.13); }\n\n.content-card .user-details-form .row .details-part-two .role-group .view-only {\n width: 100%; }\n .content-card .user-details-form .row .details-part-two .role-group .view-only .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23); }\n\n.content-card .create-user-container {\n padding: 30px 10px;\n background-color: #ffffff; }\n .content-card .create-user-container .ant-row {\n margin-bottom: 0.5vw; }\n .content-card .create-user-container .create-user-btn-container {\n margin-top: 1.5vw;\n margin-bottom: 0; }\n .content-card .create-user-container .create-user-btn-container .ant-btn-primary {\n background-color: #d12800;\n color: #ffffff;\n font-family: \"Inter-Regular\";\n border: none;\n height: 40px;\n font-size: 0.9rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 170px; }\n .content-card .create-user-container .create-user-image-upload {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-label {\n margin-right: 2vw; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-label .create-user-image-upload-txt {\n font-family: \"Inter-Regular\";\n font-size: 1.1rem; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container .create-user-image-upload-btn {\n margin-right: 1vw; }\n .content-card .create-user-container .create-user-image-upload .create-user-image-upload-btn-container .create-user-image-upload-error-txt {\n font-family: \"Inter-Regular\";\n font-size: 1rem;\n color: rgba(255, 77, 79, 0.8); }\n";
|
7764
|
+
styleInject(css_248z$a);
|
7765
7765
|
|
7766
7766
|
var ChangePasswordModel = function (props) {
|
7767
7767
|
var t = props.t, onPasswordChanged = props.onPasswordChanged, onFieldsChanged = props.onFieldsChanged, onCanceled = props.onCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loadingBtn = props.loadingBtn, themeColor = props.themeColor;
|
@@ -8185,8 +8185,8 @@ var AddNewUserComponent = function (props) {
|
|
8185
8185
|
React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
|
8186
8186
|
};
|
8187
8187
|
|
8188
|
-
var css_248z$
|
8189
|
-
styleInject(css_248z$
|
8188
|
+
var css_248z$9 = ".user-profile {\n padding: 0px 50px; }\n .user-profile .login-language-selection-txt .ant-select {\n width: 120px; }\n .user-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .user-profile .mg-left-1 {\n margin-left: 1rem; }\n .user-profile .mg-top-1 {\n margin-top: 1rem; }\n .user-profile .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n .user-profile .profile-img {\n width: 170px; }\n .user-profile .company-name {\n font-size: 16px;\n line-height: 24px;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .user-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n";
|
8189
|
+
styleInject(css_248z$9);
|
8190
8190
|
|
8191
8191
|
var UserRoleIcon = function (props) {
|
8192
8192
|
var role = props.role;
|
@@ -8195,8 +8195,8 @@ var UserRoleIcon = function (props) {
|
|
8195
8195
|
React.createElement("div", null, role === "ViewOnly" ? "Viewer" : role)));
|
8196
8196
|
};
|
8197
8197
|
|
8198
|
-
var css_248z$
|
8199
|
-
styleInject(css_248z$
|
8198
|
+
var css_248z$8 = ".login-language-selection-container {\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: #16b1ff; }\n .login-language-selection-container .ant-select {\n width: 183px;\n text-align: center;\n color: #16b1ff; }\n .login-language-selection-container .ant-select .ant-select-arrow {\n color: #16b1ff; }\n .login-language-selection-container .ant-select-selector {\n color: #16b1ff;\n text-transform: uppercase;\n border: 1px solid #16b1ff !important;\n border-radius: 4px !important; }\n .login-language-selection-container .ant-select-item {\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n color: #16b1ff; }\n .login-language-selection-container .ant-select-selection-item {\n color: #16b1ff !important;\n font-weight: 500; }\n\n.login-language-selection .ant-select-item {\n font-weight: 400;\n font-size: 13px;\n line-height: 22px;\n color: #16b1ff;\n text-align: center; }\n\n.login-language-selection .ant-select-item-option .ant-select-item-option-content {\n color: rgba(58, 53, 65, 0.5); }\n\n.login-language-selection .ant-select-item-option-selected {\n color: #16b1ff !important;\n line-height: 15.73px; }\n .login-language-selection .ant-select-item-option-selected .ant-select-item-option-content {\n color: #16b1ff; }\n";
|
8199
|
+
styleInject(css_248z$8);
|
8200
8200
|
|
8201
8201
|
var LanguageSelection = function (props) {
|
8202
8202
|
var i18n = props.i18n;
|
@@ -8385,8 +8385,8 @@ var UserProfileComponent = function (props) {
|
|
8385
8385
|
: "-")))))))))));
|
8386
8386
|
};
|
8387
8387
|
|
8388
|
-
var css_248z$
|
8389
|
-
styleInject(css_248z$
|
8388
|
+
var css_248z$7 = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
|
8389
|
+
styleInject(css_248z$7);
|
8390
8390
|
|
8391
8391
|
var Search = Input.Search;
|
8392
8392
|
var UserManagementComponent = function (props) {
|
@@ -8924,8 +8924,8 @@ var UserManagementComponent = function (props) {
|
|
8924
8924
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
8925
8925
|
};
|
8926
8926
|
|
8927
|
-
var css_248z$
|
8928
|
-
styleInject(css_248z$
|
8927
|
+
var css_248z$6 = ".steps-actions {\n text-align: right; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
|
8928
|
+
styleInject(css_248z$6);
|
8929
8929
|
|
8930
8930
|
var InvestmentCreationComponent = function (props) {
|
8931
8931
|
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
@@ -10005,8 +10005,8 @@ var InvestmentManagementComponent = function (props) {
|
|
10005
10005
|
}, 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, t: t }))));
|
10006
10006
|
};
|
10007
10007
|
|
10008
|
-
var css_248z$
|
10009
|
-
styleInject(css_248z$
|
10008
|
+
var css_248z$5 = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n";
|
10009
|
+
styleInject(css_248z$5);
|
10010
10010
|
|
10011
10011
|
var NdcActionManagementComponent = function (props) {
|
10012
10012
|
var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
|
@@ -10386,6 +10386,2923 @@ var NdcActionManagementComponent = function (props) {
|
|
10386
10386
|
} })))))));
|
10387
10387
|
};
|
10388
10388
|
|
10389
|
+
var css_248z$4 = ".ndc-action-details-container Input {\n height: 40px; }\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";
|
10390
|
+
styleInject(css_248z$4);
|
10391
|
+
|
10392
|
+
var NdcActionDetails = function (props) {
|
10393
|
+
var isBackBtnVisible = props.isBackBtnVisible, onFormSubmit = props.onFormSubmit, ndcActionDetails = props.ndcActionDetails, t = props.t, programmeDetails = props.programmeDetails, onClickedBackBtn = props.onClickedBackBtn;
|
10394
|
+
var _a = useState(), ndcActionType = _a[0], setNdcActionType = _a[1];
|
10395
|
+
var _b = useState(), mitigationType = _b[0], setmitigationType = _b[1];
|
10396
|
+
var _c = useState(""), sector = _c[0], setSector = _c[1];
|
10397
|
+
var _d = useState(ndcActionTypeList), ndcActionTypeListFiltered = _d[0]; _d[1];
|
10398
|
+
var form = Form.useForm()[0];
|
10399
|
+
var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
|
10400
|
+
? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
|
10401
|
+
: 5000000;
|
10402
|
+
useEffect(function () {
|
10403
|
+
if (programmeDetails) {
|
10404
|
+
setSector(programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector);
|
10405
|
+
}
|
10406
|
+
}, [programmeDetails]);
|
10407
|
+
useEffect(function () {
|
10408
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
10409
|
+
if (ndcActionDetails) {
|
10410
|
+
if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) {
|
10411
|
+
setNdcActionType(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action);
|
10412
|
+
}
|
10413
|
+
if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation) {
|
10414
|
+
setmitigationType(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation);
|
10415
|
+
}
|
10416
|
+
form.setFieldsValue({
|
10417
|
+
ndcActionType: ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action,
|
10418
|
+
mitigationType: ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation,
|
10419
|
+
energyGeneration: (_a = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _a === void 0 ? void 0 : _a.energyGeneration,
|
10420
|
+
energyGenerationUnit: (_b = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _b === void 0 ? void 0 : _b.energyGenerationUnit,
|
10421
|
+
consumerGroup: (_c = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.solarProperties) === null || _c === void 0 ? void 0 : _c.consumerGroup,
|
10422
|
+
eligibleLandArea: (_d = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.agricultureProperties) === null || _d === void 0 ? void 0 : _d.landArea,
|
10423
|
+
landAreaUnit: (_e = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.agricultureProperties) === null || _e === void 0 ? void 0 : _e.landAreaUnit,
|
10424
|
+
implementingAgency: (_f = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _f === void 0 ? void 0 : _f.implementingAgency,
|
10425
|
+
nationalPlanObjectives: (_g = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _g === void 0 ? void 0 : _g.nationalPlanObjectives,
|
10426
|
+
nationalPlanCoverage: (_h = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _h === void 0 ? void 0 : _h.nationalPlanCoverage,
|
10427
|
+
EnablementTitle: (_j = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.enablementProperties) === null || _j === void 0 ? void 0 : _j.title,
|
10428
|
+
EnablementReport: ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.enablementReportData,
|
10429
|
+
userEstimatedCredits: (_k = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.ndcFinancing) === null || _k === void 0 ? void 0 : _k.userEstimatedCredits,
|
10430
|
+
methodologyEstimatedCredits: 0,
|
10431
|
+
});
|
10432
|
+
}
|
10433
|
+
else {
|
10434
|
+
form.setFieldsValue({
|
10435
|
+
methodologyEstimatedCredits: 0,
|
10436
|
+
});
|
10437
|
+
}
|
10438
|
+
}, []);
|
10439
|
+
var implementingAgencyList = [
|
10440
|
+
"Ministry of Agriculture, Water and Forestry (MAWF)",
|
10441
|
+
"Ministry of Defence (MoD)",
|
10442
|
+
"Ministry of Education, Arts and Culture (MoE)",
|
10443
|
+
"Ministry of Environment, Forestry and Tourism (MEFT)",
|
10444
|
+
"Ministry of Finance (MoF)",
|
10445
|
+
"Ministry of Fisheries and Marine Resources (MFMR)",
|
10446
|
+
"Ministry of Health and Social Services (MHSS)",
|
10447
|
+
"Ministry of Higher Education, Training and Innovation (MHETI)",
|
10448
|
+
"Ministry of Home Affairs, Immigration, Safety and Security (MHAISS)",
|
10449
|
+
"Ministry of Industrialisation and Trade (MIT)",
|
10450
|
+
"Ministry of International Relations and Cooperation (MIRCo)",
|
10451
|
+
"Ministry of Information and Communication Technology (MICT)",
|
10452
|
+
"Ministry of Justice (MoJ)",
|
10453
|
+
"Ministry of Labour, Industrial Relations and Employment Creation (MOL)",
|
10454
|
+
"Ministry of Mines and Energy (MME)",
|
10455
|
+
"Ministry of Public Enterprises (MPE)",
|
10456
|
+
"Ministry of Sport, Youth and National Service (MSYNS)",
|
10457
|
+
"Ministry of Works and Transport (MoW)",
|
10458
|
+
"Ministry of Urban and Rural Development (MURD)",
|
10459
|
+
];
|
10460
|
+
var nationalPlanObjectives = [
|
10461
|
+
" Enhance value addition in key growth opportunities",
|
10462
|
+
"Strengthen the private sector to create jobs",
|
10463
|
+
"Consolidate and increase the stock and quality of productive infrastructure",
|
10464
|
+
"Enhance the productivity and social wellbeing of the population",
|
10465
|
+
"Strengthen the role of the state in guiding and facilitating development",
|
10466
|
+
];
|
10467
|
+
var nationalPlanCoverageList = [
|
10468
|
+
"Agro-Industrialization",
|
10469
|
+
"Mineral-based Industrialization",
|
10470
|
+
"Petroleum Development",
|
10471
|
+
"Tourism Development",
|
10472
|
+
"Water, Climate Change and ENR Management",
|
10473
|
+
"Private Sector Development",
|
10474
|
+
"Manufacturing",
|
10475
|
+
"Digital Transformation ",
|
10476
|
+
"Integrated Transport Infrastructure and Services",
|
10477
|
+
"Sustainable Energy Development",
|
10478
|
+
"Sustainable Urban and Housing Development",
|
10479
|
+
"Human Capital Development",
|
10480
|
+
"Community Mobilization and Mindset Change",
|
10481
|
+
"Innovation, Technology Development and Transfer",
|
10482
|
+
"Regional Development",
|
10483
|
+
"Governance and Security",
|
10484
|
+
"Public Sector Transformation",
|
10485
|
+
"Development Plan Implementation",
|
10486
|
+
"Climate Hazard ",
|
10487
|
+
];
|
10488
|
+
var calculateMethodologyEstimatedCredits = function () {
|
10489
|
+
try {
|
10490
|
+
var creditRequest = {};
|
10491
|
+
var formValues = form.getFieldsValue();
|
10492
|
+
if (formValues.ndcActionType === NdcActionTypes.Mitigation ||
|
10493
|
+
formValues.ndcActionType === NdcActionTypes.CrossCutting) {
|
10494
|
+
if (formValues.mitigationType === MitigationTypes.AGRICULTURE) {
|
10495
|
+
creditRequest = new cjs.AgricultureCreationRequest();
|
10496
|
+
creditRequest.landArea = formValues.eligibleLandArea;
|
10497
|
+
creditRequest.landAreaUnit = formValues.landAreaUnit;
|
10498
|
+
creditRequest.duration =
|
10499
|
+
programmeDetails.endTime - programmeDetails.startTime;
|
10500
|
+
creditRequest.durationUnit = "s";
|
10501
|
+
}
|
10502
|
+
else if (formValues.mitigationType === MitigationTypes.SOLAR) {
|
10503
|
+
creditRequest = new cjs.SolarCreationRequest();
|
10504
|
+
creditRequest.buildingType = formValues.consumerGroup;
|
10505
|
+
creditRequest.energyGeneration = formValues.energyGeneration;
|
10506
|
+
creditRequest.energyGenerationUnit = formValues.energyGenerationUnit;
|
10507
|
+
}
|
10508
|
+
}
|
10509
|
+
var creditResponse = cjs.calculateCredit(creditRequest);
|
10510
|
+
if (!isNaN(creditResponse)) {
|
10511
|
+
form.setFieldsValue({
|
10512
|
+
methodologyEstimatedCredits: addCommSepRound(creditResponse),
|
10513
|
+
});
|
10514
|
+
}
|
10515
|
+
else {
|
10516
|
+
form.setFieldsValue({
|
10517
|
+
methodologyEstimatedCredits: 0,
|
10518
|
+
});
|
10519
|
+
}
|
10520
|
+
}
|
10521
|
+
catch (exception) {
|
10522
|
+
form.setFieldsValue({
|
10523
|
+
methodologyEstimatedCredits: 0,
|
10524
|
+
});
|
10525
|
+
}
|
10526
|
+
};
|
10527
|
+
var handleNdcActionChange = function (selectedNdcType) {
|
10528
|
+
setNdcActionType(selectedNdcType);
|
10529
|
+
calculateMethodologyEstimatedCredits();
|
10530
|
+
};
|
10531
|
+
var handleMitigationTypeChange = function (selectedMitigationType) {
|
10532
|
+
setmitigationType(selectedMitigationType);
|
10533
|
+
calculateMethodologyEstimatedCredits();
|
10534
|
+
};
|
10535
|
+
var onNdcActionDetailsFormSubmit = function (ndcActionFormvalues) { return __awaiter(void 0, void 0, void 0, function () {
|
10536
|
+
var ndcActionDetailObj, enablementReport, enablementReportData;
|
10537
|
+
var _a;
|
10538
|
+
return __generator(this, function (_b) {
|
10539
|
+
switch (_b.label) {
|
10540
|
+
case 0:
|
10541
|
+
ndcActionDetailObj = {};
|
10542
|
+
ndcActionDetailObj.action = ndcActionFormvalues.ndcActionType;
|
10543
|
+
ndcActionDetailObj.methodology = t("ndcAction:goldStandard");
|
10544
|
+
if (ndcActionFormvalues.ndcActionType === NdcActionTypes.Mitigation ||
|
10545
|
+
ndcActionFormvalues.ndcActionType === NdcActionTypes.CrossCutting) {
|
10546
|
+
ndcActionDetailObj.typeOfMitigation = ndcActionFormvalues.mitigationType;
|
10547
|
+
if (ndcActionFormvalues.mitigationType === MitigationTypes.AGRICULTURE) {
|
10548
|
+
ndcActionDetailObj.agricultureProperties = {
|
10549
|
+
landArea: ndcActionFormvalues.eligibleLandArea
|
10550
|
+
? ndcActionFormvalues.eligibleLandArea
|
10551
|
+
: 0,
|
10552
|
+
landAreaUnit: ndcActionFormvalues.landAreaUnit,
|
10553
|
+
};
|
10554
|
+
}
|
10555
|
+
else if (ndcActionFormvalues.mitigationType === MitigationTypes.SOLAR) {
|
10556
|
+
ndcActionDetailObj.solarProperties = {
|
10557
|
+
energyGeneration: ndcActionFormvalues.energyGeneration
|
10558
|
+
? ndcActionFormvalues.energyGeneration
|
10559
|
+
: 0,
|
10560
|
+
energyGenerationUnit: ndcActionFormvalues.energyGenerationUnit,
|
10561
|
+
consumerGroup: ndcActionFormvalues.consumerGroup,
|
10562
|
+
};
|
10563
|
+
}
|
10564
|
+
if (ndcActionFormvalues.mitigationType === MitigationTypes.SOLAR ||
|
10565
|
+
ndcActionFormvalues.mitigationType === MitigationTypes.AGRICULTURE) {
|
10566
|
+
if (parseFloat(ndcActionFormvalues.methodologyEstimatedCredits) <= 0) {
|
10567
|
+
message.open({
|
10568
|
+
type: "error",
|
10569
|
+
content: t("methodologyEstimatedCreditsInvalid"),
|
10570
|
+
duration: 4,
|
10571
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
10572
|
+
});
|
10573
|
+
return [2 /*return*/];
|
10574
|
+
}
|
10575
|
+
}
|
10576
|
+
if (ndcActionFormvalues.userEstimatedCredits > programmeDetails.creditEst) {
|
10577
|
+
message.open({
|
10578
|
+
type: "error",
|
10579
|
+
content: t("userEstimatedCreditsInvalid"),
|
10580
|
+
duration: 4,
|
10581
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
10582
|
+
});
|
10583
|
+
return [2 /*return*/];
|
10584
|
+
}
|
10585
|
+
}
|
10586
|
+
if (ndcActionFormvalues.ndcActionType === NdcActionTypes.Adaptation ||
|
10587
|
+
ndcActionFormvalues.ndcActionType === NdcActionTypes.CrossCutting) {
|
10588
|
+
ndcActionDetailObj.adaptationProperties = {
|
10589
|
+
implementingAgency: ndcActionFormvalues.implementingAgency,
|
10590
|
+
nationalPlanObjectives: ndcActionFormvalues.nationalPlanObjectives,
|
10591
|
+
nationalPlanCoverage: ndcActionFormvalues.nationalPlanCoverage,
|
10592
|
+
};
|
10593
|
+
}
|
10594
|
+
if (!(ndcActionFormvalues.ndcActionType === NdcActionTypes.Enablement)) return [3 /*break*/, 3];
|
10595
|
+
ndcActionDetailObj.enablementProperties = {
|
10596
|
+
title: ndcActionFormvalues.EnablementTitle,
|
10597
|
+
};
|
10598
|
+
if (!(ndcActionFormvalues.EnablementReport &&
|
10599
|
+
ndcActionFormvalues.EnablementReport.length > 0)) return [3 /*break*/, 2];
|
10600
|
+
return [4 /*yield*/, getBase64((_a = ndcActionFormvalues.EnablementReport[0]) === null || _a === void 0 ? void 0 : _a.originFileObj)];
|
10601
|
+
case 1:
|
10602
|
+
enablementReport = _b.sent();
|
10603
|
+
enablementReportData = enablementReport.split(",");
|
10604
|
+
ndcActionDetailObj.enablementProperties.report =
|
10605
|
+
enablementReportData[1];
|
10606
|
+
_b.label = 2;
|
10607
|
+
case 2:
|
10608
|
+
ndcActionDetailObj.enablementReportData =
|
10609
|
+
ndcActionFormvalues.EnablementReport;
|
10610
|
+
_b.label = 3;
|
10611
|
+
case 3:
|
10612
|
+
ndcActionDetailObj.ndcFinancing = {
|
10613
|
+
userEstimatedCredits: ndcActionFormvalues.userEstimatedCredits
|
10614
|
+
? ndcActionFormvalues.userEstimatedCredits
|
10615
|
+
: 0,
|
10616
|
+
systemEstimatedCredits: Number(ndcActionFormvalues.methodologyEstimatedCredits),
|
10617
|
+
};
|
10618
|
+
onFormSubmit(ndcActionDetailObj);
|
10619
|
+
return [2 /*return*/];
|
10620
|
+
}
|
10621
|
+
});
|
10622
|
+
}); };
|
10623
|
+
var normFile = function (e) {
|
10624
|
+
if (Array.isArray(e)) {
|
10625
|
+
return e;
|
10626
|
+
}
|
10627
|
+
return e === null || e === void 0 ? void 0 : e.fileList;
|
10628
|
+
};
|
10629
|
+
return (React.createElement("div", { className: "ndc-action-details-container" },
|
10630
|
+
React.createElement(Form, { name: "ndcActionDetails", layout: "vertical", requiredMark: true, onFinish: onNdcActionDetailsFormSubmit, form: form },
|
10631
|
+
React.createElement(Row, { justify: "start", align: "middle" },
|
10632
|
+
React.createElement(Col, null,
|
10633
|
+
React.createElement(Form.Item, { label: t("ndcAction:ndcAction"), name: "ndcActionType", rules: [
|
10634
|
+
{
|
10635
|
+
required: true,
|
10636
|
+
message: "".concat(t("ndcAction:ndcAction"), " ").concat(t("ndcAction:isRequired")),
|
10637
|
+
},
|
10638
|
+
] },
|
10639
|
+
React.createElement(Select, { size: "large", onChange: handleNdcActionChange, style: {
|
10640
|
+
width: "249px",
|
10641
|
+
borderRadius: "4px",
|
10642
|
+
}, dropdownStyle: { color: "red" }, options: ndcActionTypeListFiltered }))),
|
10643
|
+
React.createElement(Col, { style: { marginLeft: "38px" } },
|
10644
|
+
React.createElement(Form.Item, { label: t("ndcAction:methodology"), name: "methodology" },
|
10645
|
+
React.createElement("span", { style: {
|
10646
|
+
display: "inline-block",
|
10647
|
+
border: "1px solid #D9D9D9",
|
10648
|
+
width: "154px",
|
10649
|
+
height: "38px",
|
10650
|
+
borderRadius: "4px",
|
10651
|
+
padding: "7px 8px",
|
10652
|
+
fontSize: "14px",
|
10653
|
+
backgroundColor: "#F0F0F0",
|
10654
|
+
color: "#8C8C8C",
|
10655
|
+
} },
|
10656
|
+
" ",
|
10657
|
+
t("ndcAction:goldStandard"))))),
|
10658
|
+
ndcActionType === NdcActionTypes.CrossCutting && (React.createElement(Row, null,
|
10659
|
+
React.createElement("label", { className: "label-heading" }, t("ndcAction:mitigation")))),
|
10660
|
+
(ndcActionType === NdcActionTypes.Mitigation ||
|
10661
|
+
ndcActionType === NdcActionTypes.CrossCutting) && (React.createElement(Row, { justify: "start", align: "middle" },
|
10662
|
+
React.createElement(Form.Item, { label: t("ndcAction:mitigationType"), name: "mitigationType", rules: [
|
10663
|
+
{
|
10664
|
+
required: true,
|
10665
|
+
message: "".concat(t("ndcAction:mitigationType"), " ").concat(t("ndcAction:isRequired")),
|
10666
|
+
},
|
10667
|
+
] },
|
10668
|
+
React.createElement(Select, { size: "large", onChange: handleMitigationTypeChange, style: {
|
10669
|
+
width: "249px",
|
10670
|
+
borderRadius: "4px",
|
10671
|
+
}, options: (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Health ||
|
10672
|
+
(programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Education ||
|
10673
|
+
(programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Hospitality
|
10674
|
+
? mitigationTypeList
|
10675
|
+
: sectorMitigationTypesListMapped[sector] })))),
|
10676
|
+
(ndcActionType === NdcActionTypes.Mitigation ||
|
10677
|
+
ndcActionType === NdcActionTypes.CrossCutting) &&
|
10678
|
+
mitigationType === MitigationTypes.SOLAR && (React.createElement(React.Fragment, null,
|
10679
|
+
React.createElement(Row, { justify: "start", align: "middle" },
|
10680
|
+
React.createElement(Col, null,
|
10681
|
+
React.createElement(Form.Item, { label: t("ndcAction:energyGeneration"), rules: [
|
10682
|
+
{
|
10683
|
+
required: true,
|
10684
|
+
message: "",
|
10685
|
+
},
|
10686
|
+
{
|
10687
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
10688
|
+
return __generator(this, function (_a) {
|
10689
|
+
if (String(value).trim() === "" ||
|
10690
|
+
String(value).trim() === undefined ||
|
10691
|
+
value === null ||
|
10692
|
+
value === undefined) {
|
10693
|
+
throw new Error("".concat(t("ndcAction:energyGeneration"), " ").concat(t("ndcAction:isRequired")));
|
10694
|
+
}
|
10695
|
+
return [2 /*return*/];
|
10696
|
+
});
|
10697
|
+
}); },
|
10698
|
+
},
|
10699
|
+
], name: "energyGeneration" },
|
10700
|
+
React.createElement(InputNumber, { style: { width: 442, paddingRight: 12 }, onChange: calculateMethodologyEstimatedCredits }))),
|
10701
|
+
React.createElement(Col, { style: { marginLeft: "38px" } },
|
10702
|
+
React.createElement(Form.Item, { label: t("ndcAction:energyGenerationUnit"), name: "energyGenerationUnit", rules: [
|
10703
|
+
{
|
10704
|
+
required: true,
|
10705
|
+
message: "".concat(t("ndcAction:energyGenerationUnit"), " ").concat(t("ndcAction:isRequired")),
|
10706
|
+
},
|
10707
|
+
] },
|
10708
|
+
React.createElement(Select, { size: "large", style: { width: 442 }, options: energyGenerationUnitList, onChange: calculateMethodologyEstimatedCredits })))),
|
10709
|
+
React.createElement(Form.Item, { label: t("ndcAction:consumerGroup"), name: "consumerGroup", rules: [
|
10710
|
+
{
|
10711
|
+
required: true,
|
10712
|
+
message: "".concat(t("ndcAction:consumerGroup"), " ").concat(t("ndcAction:isRequired")),
|
10713
|
+
},
|
10714
|
+
] },
|
10715
|
+
React.createElement(Select, { size: "large", style: { width: 442 }, onChange: calculateMethodologyEstimatedCredits, options: consumerGroupList })))),
|
10716
|
+
(ndcActionType === NdcActionTypes.Mitigation ||
|
10717
|
+
ndcActionType === NdcActionTypes.CrossCutting) &&
|
10718
|
+
mitigationType === MitigationTypes.AGRICULTURE && (React.createElement(Row, { justify: "start", align: "middle" },
|
10719
|
+
React.createElement(Col, null,
|
10720
|
+
React.createElement(Form.Item, { label: t("ndcAction:eligibleLandArea"), name: "eligibleLandArea", rules: [
|
10721
|
+
{
|
10722
|
+
required: true,
|
10723
|
+
message: "",
|
10724
|
+
},
|
10725
|
+
{
|
10726
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
10727
|
+
return __generator(this, function (_a) {
|
10728
|
+
if (String(value).trim() === "" ||
|
10729
|
+
String(value).trim() === undefined ||
|
10730
|
+
value === null ||
|
10731
|
+
value === undefined) {
|
10732
|
+
throw new Error("".concat(t("ndcAction:eligibleLandArea"), " ").concat(t("ndcAction:isRequired")));
|
10733
|
+
}
|
10734
|
+
return [2 /*return*/];
|
10735
|
+
});
|
10736
|
+
}); },
|
10737
|
+
},
|
10738
|
+
] },
|
10739
|
+
React.createElement(InputNumber, { style: { width: 442, paddingRight: 12 }, onChange: calculateMethodologyEstimatedCredits }))),
|
10740
|
+
React.createElement(Col, { style: { marginLeft: "38px" } },
|
10741
|
+
React.createElement(Form.Item, { label: t("ndcAction:landAreaUnit"), name: "landAreaUnit", rules: [
|
10742
|
+
{
|
10743
|
+
required: true,
|
10744
|
+
message: "".concat(t("ndcAction:landAreaUnit"), " ").concat(t("ndcAction:isRequired")),
|
10745
|
+
},
|
10746
|
+
] },
|
10747
|
+
React.createElement(Select, { onChange: calculateMethodologyEstimatedCredits, size: "large", style: { width: 442 }, options: landAreaUnitList }))))),
|
10748
|
+
(ndcActionType === NdcActionTypes.Mitigation ||
|
10749
|
+
ndcActionType === NdcActionTypes.CrossCutting) && (React.createElement(Row, { justify: "start", align: "middle" },
|
10750
|
+
React.createElement(Col, null,
|
10751
|
+
React.createElement(Form.Item, { name: "userEstimatedCredits", label: t("ndcAction:userEstimatedCredits"), style: { display: "inline-block", width: "calc(100% - 15px)" } },
|
10752
|
+
React.createElement(InputNumber, { style: { width: 442, paddingRight: 12 } }))),
|
10753
|
+
React.createElement(Col, { style: { marginLeft: "38px" } },
|
10754
|
+
React.createElement(Form.Item, { name: "methodologyEstimatedCredits", label: t("ndcAction:methodologyEstimatedCredits"), style: { display: "inline-block", width: "100%" } },
|
10755
|
+
React.createElement(InputNumber, { disabled: true, style: { width: 442, paddingRight: 12 } }))))),
|
10756
|
+
ndcActionType === NdcActionTypes.CrossCutting && (React.createElement(Row, null,
|
10757
|
+
React.createElement("label", { className: "label-heading" }, t("ndcAction:adaptation")))),
|
10758
|
+
(ndcActionType === NdcActionTypes.Adaptation ||
|
10759
|
+
ndcActionType === NdcActionTypes.CrossCutting) && (React.createElement(React.Fragment, null,
|
10760
|
+
React.createElement(Row, { justify: "start", align: "middle" },
|
10761
|
+
React.createElement(Form.Item, { label: t("ndcAction:implementingAgency"), name: "implementingAgency" },
|
10762
|
+
React.createElement(Select, { style: { width: 442 }, size: "large", options: implementingAgencyList.map(function (item) { return ({
|
10763
|
+
value: item,
|
10764
|
+
label: item,
|
10765
|
+
}); }) }))),
|
10766
|
+
React.createElement(Row, { justify: "start", align: "middle" },
|
10767
|
+
React.createElement(Col, null,
|
10768
|
+
React.createElement(Form.Item, { label: t("ndcAction:nationalPlanObjectives"), name: "nationalPlanObjectives" },
|
10769
|
+
React.createElement(Select, { size: "large", style: { width: 442 }, options: nationalPlanObjectives.map(function (item) { return ({
|
10770
|
+
value: item,
|
10771
|
+
label: item,
|
10772
|
+
}); }) }))),
|
10773
|
+
React.createElement(Col, { style: { marginLeft: "38px" } },
|
10774
|
+
React.createElement(Form.Item, { label: t("ndcAction:nationalPlanCoverage"), name: "nationalPlanCoverage" },
|
10775
|
+
React.createElement(Select, { style: { width: 442 }, size: "large", options: nationalPlanCoverageList.map(function (item) { return ({
|
10776
|
+
value: item,
|
10777
|
+
label: item,
|
10778
|
+
}); }) })))))),
|
10779
|
+
ndcActionType === NdcActionTypes.Enablement && (React.createElement(React.Fragment, null,
|
10780
|
+
React.createElement(Form.Item, { label: t("ndcAction:title"), name: "EnablementTitle" },
|
10781
|
+
React.createElement(Input, { style: { width: 442 } })),
|
10782
|
+
React.createElement(Row, { justify: "space-between", align: "middle" },
|
10783
|
+
React.createElement(Form.Item, { label: t("ndcAction:report"), name: "EnablementReport", valuePropName: "fileList", getValueFromEvent: normFile, required: false, rules: [
|
10784
|
+
{
|
10785
|
+
validator: function (rule, file) { return __awaiter(void 0, void 0, void 0, function () {
|
10786
|
+
var isCorrectFormat;
|
10787
|
+
var _a, _b;
|
10788
|
+
return __generator(this, function (_c) {
|
10789
|
+
isCorrectFormat = false;
|
10790
|
+
if (file && file.length > 0) {
|
10791
|
+
if (((_a = file[0]) === null || _a === void 0 ? void 0 : _a.type) === "application/pdf") {
|
10792
|
+
isCorrectFormat = true;
|
10793
|
+
}
|
10794
|
+
if (!isCorrectFormat) {
|
10795
|
+
throw new Error("".concat(t("ndcAction:invalidFileFormat")));
|
10796
|
+
}
|
10797
|
+
else if (((_b = file[0]) === null || _b === void 0 ? void 0 : _b.size) > maximumImageSize) {
|
10798
|
+
throw new Error("".concat(t("common:maxSizeVal")));
|
10799
|
+
}
|
10800
|
+
}
|
10801
|
+
return [2 /*return*/];
|
10802
|
+
});
|
10803
|
+
}); },
|
10804
|
+
},
|
10805
|
+
] },
|
10806
|
+
React.createElement(Upload, { accept: ".pdf", beforeUpload: function (file) {
|
10807
|
+
return false;
|
10808
|
+
}, className: "design-upload-section", name: "design", listType: "picture", multiple: false, maxCount: 1 },
|
10809
|
+
React.createElement(Button, { className: "upload-doc", size: "large", icon: React.createElement(UploadOutlined, null) }, "Upload")))))),
|
10810
|
+
React.createElement("div", { className: "steps-actions" },
|
10811
|
+
React.createElement(Row, null,
|
10812
|
+
isBackBtnVisible && (React.createElement(Button, { onClick: onClickedBackBtn }, t("ndcAction:back"))),
|
10813
|
+
React.createElement(Button, { className: "mg-left-1", type: "primary", htmlType: "submit" }, t("ndcAction:next")))))));
|
10814
|
+
};
|
10815
|
+
|
10816
|
+
var css_248z$3 = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
|
10817
|
+
styleInject(css_248z$3);
|
10818
|
+
|
10819
|
+
var css_248z$2 = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
|
10820
|
+
styleInject(css_248z$2);
|
10821
|
+
|
10822
|
+
var GenderParity = function (props) {
|
10823
|
+
var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, t = props.t;
|
10824
|
+
var formOne = Form.useForm()[0];
|
10825
|
+
var formTwo = Form.useForm()[0];
|
10826
|
+
var _a = useState(), genderParityDetails = _a[0], setGenderParityDetails = _a[1];
|
10827
|
+
var genderParityDetailsOne = [
|
10828
|
+
{
|
10829
|
+
label: t("benifit1"),
|
10830
|
+
name: "descriminationAgainstGirls",
|
10831
|
+
value: true,
|
10832
|
+
},
|
10833
|
+
{
|
10834
|
+
label: t("benifit2"),
|
10835
|
+
name: "violationAgainstGirls",
|
10836
|
+
value: true,
|
10837
|
+
},
|
10838
|
+
{
|
10839
|
+
label: t("benifit3"),
|
10840
|
+
name: "harmfulPracticesAgainstGirls",
|
10841
|
+
value: true,
|
10842
|
+
},
|
10843
|
+
{
|
10844
|
+
label: t("benifit4"),
|
10845
|
+
name: "equealRightsToGirls",
|
10846
|
+
value: true,
|
10847
|
+
},
|
10848
|
+
{
|
10849
|
+
label: t("benifit5"),
|
10850
|
+
name: "equealRightsToHealthToGirls",
|
10851
|
+
value: true,
|
10852
|
+
},
|
10853
|
+
];
|
10854
|
+
var genderParityDetailsTwo = [
|
10855
|
+
{
|
10856
|
+
label: t("benifit6"),
|
10857
|
+
name: "numberOfWomenEmpoyed",
|
10858
|
+
col: { md: 18, lg: 10 },
|
10859
|
+
labelCol: 24,
|
10860
|
+
wrapperCol: 18,
|
10861
|
+
},
|
10862
|
+
{
|
10863
|
+
label: t("benifit7"),
|
10864
|
+
name: "numberOfWomenTrained",
|
10865
|
+
col: { md: 18, lg: 10 },
|
10866
|
+
labelCol: 24,
|
10867
|
+
wrapperCol: 18,
|
10868
|
+
},
|
10869
|
+
{
|
10870
|
+
label: t("benifit8"),
|
10871
|
+
name: "numberOfWomenSelectedForDecisionMaking",
|
10872
|
+
col: { md: 18, lg: 16 },
|
10873
|
+
labelCol: 24,
|
10874
|
+
wrapperCol: 11,
|
10875
|
+
},
|
10876
|
+
{
|
10877
|
+
label: t("benifit9"),
|
10878
|
+
name: "numberOfWomenProvidedAccessForTech",
|
10879
|
+
col: { md: 18, lg: 16 },
|
10880
|
+
labelCol: 24,
|
10881
|
+
wrapperCol: 11,
|
10882
|
+
},
|
10883
|
+
];
|
10884
|
+
var _b = useState(genderParityDetailsOne), genderParityFormOneFields = _b[0], setGenderParityFormOneFields = _b[1];
|
10885
|
+
var _c = useState(genderParityDetailsTwo), genderParityFormTwoFields = _c[0], setGenderParityFormTwoFields = _c[1];
|
10886
|
+
useEffect(function () {
|
10887
|
+
onFormSubmit(genderParityDetails);
|
10888
|
+
}, [genderParityDetails]);
|
10889
|
+
var onGenderParityValuesChanged = function (changedValues) {
|
10890
|
+
setGenderParityDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
|
10891
|
+
};
|
10892
|
+
var onGenderParityValuesChangedSub = function (changedValues) {
|
10893
|
+
setGenderParityDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
|
10894
|
+
};
|
10895
|
+
useEffect(function () {
|
10896
|
+
if (viewOnly === true && !genderParityViewData) {
|
10897
|
+
setGenderParityFormOneFields([]);
|
10898
|
+
setGenderParityFormTwoFields([]);
|
10899
|
+
}
|
10900
|
+
if (genderParityViewData) {
|
10901
|
+
var updatedGenderParityFormOneFields = genderParityFormOneFields
|
10902
|
+
.filter(function (field) { return genderParityViewData.hasOwnProperty(field.name); })
|
10903
|
+
.map(function (field) { return (__assign(__assign({}, field), { value: genderParityViewData[field.name] })); });
|
10904
|
+
var updatedGenderParityFormTwoFields = genderParityFormTwoFields
|
10905
|
+
.filter(function (field) { return genderParityViewData.hasOwnProperty(field.name); })
|
10906
|
+
.map(function (field) { return (__assign(__assign({}, field), { value: genderParityViewData[field.name] })); });
|
10907
|
+
setGenderParityFormOneFields(updatedGenderParityFormOneFields);
|
10908
|
+
setGenderParityFormTwoFields(updatedGenderParityFormTwoFields);
|
10909
|
+
if ((updatedGenderParityFormTwoFields === null || updatedGenderParityFormTwoFields === void 0 ? void 0 : updatedGenderParityFormTwoFields.length) > 0) {
|
10910
|
+
updatedGenderParityFormTwoFields === null || updatedGenderParityFormTwoFields === void 0 ? void 0 : updatedGenderParityFormTwoFields.map(function (fieldData) {
|
10911
|
+
formTwo.setFieldValue(fieldData === null || fieldData === void 0 ? void 0 : fieldData.name, fieldData === null || fieldData === void 0 ? void 0 : fieldData.value);
|
10912
|
+
});
|
10913
|
+
}
|
10914
|
+
}
|
10915
|
+
}, []);
|
10916
|
+
return (React.createElement("div", { className: "co-benifits-tab-item" },
|
10917
|
+
React.createElement(Form, { name: "gender-parity-details", className: "benifits-details-gender-parity", labelCol: { md: 16, lg: 19, xl: 19 }, wrapperCol: { md: 8, lg: 5, xl: 5 }, layout: "horizontal", requiredMark: true, form: formOne, onValuesChange: onGenderParityValuesChanged },
|
10918
|
+
(genderParityFormOneFields === null || genderParityFormOneFields === void 0 ? void 0 : genderParityFormOneFields.length) === 0 &&
|
10919
|
+
(genderParityFormTwoFields === null || genderParityFormTwoFields === void 0 ? void 0 : genderParityFormTwoFields.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
|
10920
|
+
React.createElement("div", { className: "part-one view-section" }, genderParityFormOneFields === null || genderParityFormOneFields === void 0 ? void 0 : genderParityFormOneFields.map(function (genderParityItem) {
|
10921
|
+
return (React.createElement(Form.Item, { label: genderParityItem === null || genderParityItem === void 0 ? void 0 : genderParityItem.label, className: "form-item", name: genderParityItem === null || genderParityItem === void 0 ? void 0 : genderParityItem.name, rules: [
|
10922
|
+
{
|
10923
|
+
required: false,
|
10924
|
+
},
|
10925
|
+
] }, genderParityViewData ? (React.createElement(React.Fragment, null,
|
10926
|
+
React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: true },
|
10927
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
10928
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: genderParityItem === null || genderParityItem === void 0 ? void 0 : genderParityItem.value }, (genderParityItem === null || genderParityItem === void 0 ? void 0 : genderParityItem.value) === true
|
10929
|
+
? t("yes")
|
10930
|
+
: t("no")))))) : (React.createElement(Radio.Group, { size: "middle", onChange: function () { } },
|
10931
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
10932
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: genderParityItem === null || genderParityItem === void 0 ? void 0 : genderParityItem.value }, t("yes"))),
|
10933
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
10934
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: !(genderParityItem === null || genderParityItem === void 0 ? void 0 : genderParityItem.value) }, t("no")))))));
|
10935
|
+
})),
|
10936
|
+
React.createElement("div", { className: "part-two" },
|
10937
|
+
React.createElement(Form, { name: "additional-details", layout: "vertical", form: formTwo, onValuesChange: onGenderParityValuesChangedSub },
|
10938
|
+
React.createElement(Row, { gutter: [16, 16] }, genderParityFormTwoFields === null || genderParityFormTwoFields === void 0 ? void 0 : genderParityFormTwoFields.map(function (genderDetail) {
|
10939
|
+
var _a, _b;
|
10940
|
+
return (React.createElement(Col, { md: (_a = genderDetail === null || genderDetail === void 0 ? void 0 : genderDetail.col) === null || _a === void 0 ? void 0 : _a.md, lg: (_b = genderDetail === null || genderDetail === void 0 ? void 0 : genderDetail.col) === null || _b === void 0 ? void 0 : _b.lg },
|
10941
|
+
React.createElement(Form.Item, { labelCol: { span: genderDetail === null || genderDetail === void 0 ? void 0 : genderDetail.labelCol }, wrapperCol: { span: genderDetail === null || genderDetail === void 0 ? void 0 : genderDetail.wrapperCol }, label: genderDetail === null || genderDetail === void 0 ? void 0 : genderDetail.label, className: "form-item", name: genderDetail === null || genderDetail === void 0 ? void 0 : genderDetail.name, initialValue: genderParityViewData ? genderDetail === null || genderDetail === void 0 ? void 0 : genderDetail.value : undefined, rules: [
|
10942
|
+
{
|
10943
|
+
required: false,
|
10944
|
+
},
|
10945
|
+
] },
|
10946
|
+
React.createElement(Input, { disabled: genderParityViewData && true, size: "large" }))));
|
10947
|
+
})))))));
|
10948
|
+
};
|
10949
|
+
|
10950
|
+
var Assessment = function (props) {
|
10951
|
+
var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, t = props.t;
|
10952
|
+
var form1 = Form.useForm()[0];
|
10953
|
+
var form2 = Form.useForm()[0];
|
10954
|
+
var form3 = Form.useForm()[0];
|
10955
|
+
var form4 = Form.useForm()[0];
|
10956
|
+
var _a = useState(), cobenefitsAssessmentDetails = _a[0], setCobenefitsAssessmentDetails = _a[1];
|
10957
|
+
var _b = useState(false), isVerifyingOrgVisible = _b[0], setIsVerifyingOrgVisible = _b[1];
|
10958
|
+
var _c = useState(false), isVerifyingDetailsVisible = _c[0], setIsVerifyingDetailsVisible = _c[1];
|
10959
|
+
var _d = useState(false), isPersonListedDetailsVisible = _d[0], setIsPersonListedDetailsVisible = _d[1];
|
10960
|
+
var _e = useState(true), isFormValid = _e[0], setIsFormValid = _e[1];
|
10961
|
+
var _f = useState([]), countries = _f[0], setCountries = _f[1];
|
10962
|
+
var get = useConnection().get;
|
10963
|
+
var _g = useState(false), isCountryListLoading = _g[0], setIsCountryListLoading = _g[1];
|
10964
|
+
var maximumFileSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
|
10965
|
+
? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
|
10966
|
+
: 5000000;
|
10967
|
+
var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
|
10968
|
+
var response, alpha2Names, error_1;
|
10969
|
+
return __generator(this, function (_a) {
|
10970
|
+
switch (_a.label) {
|
10971
|
+
case 0:
|
10972
|
+
setIsCountryListLoading(true);
|
10973
|
+
_a.label = 1;
|
10974
|
+
case 1:
|
10975
|
+
_a.trys.push([1, 3, 4, 5]);
|
10976
|
+
return [4 /*yield*/, get("national/organisation/countries")];
|
10977
|
+
case 2:
|
10978
|
+
response = _a.sent();
|
10979
|
+
if (response.data) {
|
10980
|
+
alpha2Names = response.data.map(function (item) {
|
10981
|
+
return item.alpha2;
|
10982
|
+
});
|
10983
|
+
setCountries(alpha2Names);
|
10984
|
+
}
|
10985
|
+
return [3 /*break*/, 5];
|
10986
|
+
case 3:
|
10987
|
+
error_1 = _a.sent();
|
10988
|
+
console.log("Error in getCountryList", error_1);
|
10989
|
+
message.open({
|
10990
|
+
type: "error",
|
10991
|
+
content: "".concat(error_1.message),
|
10992
|
+
duration: 3,
|
10993
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
10994
|
+
});
|
10995
|
+
return [3 /*break*/, 5];
|
10996
|
+
case 4:
|
10997
|
+
setIsCountryListLoading(false);
|
10998
|
+
return [7 /*endfinally*/];
|
10999
|
+
case 5: return [2 /*return*/];
|
11000
|
+
}
|
11001
|
+
});
|
11002
|
+
}); };
|
11003
|
+
useEffect(function () {
|
11004
|
+
onFormSubmit(cobenefitsAssessmentDetails, isFormValid);
|
11005
|
+
}, [cobenefitsAssessmentDetails, isFormValid]);
|
11006
|
+
useEffect(function () {
|
11007
|
+
if (assessmentViewData) {
|
11008
|
+
setCobenefitsAssessmentDetails(assessmentViewData);
|
11009
|
+
form1.setFieldsValue(assessmentViewData);
|
11010
|
+
form2.setFieldsValue(assessmentViewData);
|
11011
|
+
form3.setFieldsValue(assessmentViewData);
|
11012
|
+
}
|
11013
|
+
}, [assessmentViewData]);
|
11014
|
+
useEffect(function () {
|
11015
|
+
getCountryList();
|
11016
|
+
}, []);
|
11017
|
+
var validateForms = function () { return __awaiter(void 0, void 0, void 0, function () {
|
11018
|
+
var verifyingOrgName, personListedDetails;
|
11019
|
+
return __generator(this, function (_a) {
|
11020
|
+
setIsFormValid(true);
|
11021
|
+
if (isVerifyingOrgVisible) {
|
11022
|
+
verifyingOrgName = form1.getFieldValue("verifyingOrgName");
|
11023
|
+
if (verifyingOrgName === undefined || verifyingOrgName === "") {
|
11024
|
+
setIsFormValid(false);
|
11025
|
+
}
|
11026
|
+
}
|
11027
|
+
if (isPersonListedDetailsVisible) {
|
11028
|
+
personListedDetails = form3.getFieldValue("personListedDetails");
|
11029
|
+
if (personListedDetails === undefined || personListedDetails === "") {
|
11030
|
+
setIsFormValid(false);
|
11031
|
+
}
|
11032
|
+
}
|
11033
|
+
return [2 /*return*/];
|
11034
|
+
});
|
11035
|
+
}); };
|
11036
|
+
useEffect(function () {
|
11037
|
+
validateForms();
|
11038
|
+
});
|
11039
|
+
var onFormChanged = function (formName, info) { return __awaiter(void 0, void 0, void 0, function () {
|
11040
|
+
var changedValues;
|
11041
|
+
return __generator(this, function (_a) {
|
11042
|
+
changedValues = {};
|
11043
|
+
if (info.changedFields && info.changedFields.length > 0) {
|
11044
|
+
info.changedFields.map(function (changedField) { return __awaiter(void 0, void 0, void 0, function () {
|
11045
|
+
var base64Value, values_1;
|
11046
|
+
return __generator(this, function (_a) {
|
11047
|
+
switch (_a.label) {
|
11048
|
+
case 0:
|
11049
|
+
if (!(changedField.name[0] === "document")) return [3 /*break*/, 2];
|
11050
|
+
return [4 /*yield*/, getBase64(changedField.value[0].originFileObj)];
|
11051
|
+
case 1:
|
11052
|
+
base64Value = _a.sent();
|
11053
|
+
values_1 = base64Value.split(",");
|
11054
|
+
setCobenefitsAssessmentDetails(function (pre) { return (__assign(__assign({}, pre), { document: values_1[1] })); });
|
11055
|
+
return [3 /*break*/, 3];
|
11056
|
+
case 2:
|
11057
|
+
changedValues[changedField.name[0]] = changedField.value;
|
11058
|
+
_a.label = 3;
|
11059
|
+
case 3: return [2 /*return*/];
|
11060
|
+
}
|
11061
|
+
});
|
11062
|
+
}); });
|
11063
|
+
setCobenefitsAssessmentDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
|
11064
|
+
}
|
11065
|
+
return [2 /*return*/];
|
11066
|
+
});
|
11067
|
+
}); };
|
11068
|
+
var onIsThirdPartyVerifiedChanged = function (e) {
|
11069
|
+
var _a;
|
11070
|
+
if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) === RadioButtonStatus.YES) {
|
11071
|
+
setIsVerifyingOrgVisible(true);
|
11072
|
+
}
|
11073
|
+
else {
|
11074
|
+
setIsVerifyingOrgVisible(false);
|
11075
|
+
}
|
11076
|
+
};
|
11077
|
+
var onIsWillingToVerifiedChanged = function (e) {
|
11078
|
+
var _a;
|
11079
|
+
if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) === RadioButtonStatus.YES) {
|
11080
|
+
setIsVerifyingDetailsVisible(true);
|
11081
|
+
}
|
11082
|
+
else {
|
11083
|
+
setIsVerifyingDetailsVisible(false);
|
11084
|
+
}
|
11085
|
+
};
|
11086
|
+
var onIsThePersonListedChanged = function (e) {
|
11087
|
+
var _a;
|
11088
|
+
if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) !== RadioButtonStatus.YES) {
|
11089
|
+
setIsPersonListedDetailsVisible(true);
|
11090
|
+
}
|
11091
|
+
else {
|
11092
|
+
setIsPersonListedDetailsVisible(false);
|
11093
|
+
}
|
11094
|
+
};
|
11095
|
+
var normFile = function (e) {
|
11096
|
+
if (Array.isArray(e)) {
|
11097
|
+
return e;
|
11098
|
+
}
|
11099
|
+
return e === null || e === void 0 ? void 0 : e.fileList;
|
11100
|
+
};
|
11101
|
+
return (React.createElement("div", { className: "assesment-tab-item" },
|
11102
|
+
viewOnly && !assessmentViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
|
11103
|
+
((viewOnly && assessmentViewData) || !viewOnly) && (React.createElement(Form.Provider, { onFormChange: onFormChanged },
|
11104
|
+
React.createElement(Row, null,
|
11105
|
+
React.createElement(Form, { name: "from1", labelCol: { span: 18 }, labelWrap: true, labelAlign: "left", wrapperCol: { span: 6 }, layout: "horizontal", requiredMark: true, form: form1, onValuesChange: function () { return validateForms(); } },
|
11106
|
+
!viewOnly && (React.createElement("div", { className: "radio-content" },
|
11107
|
+
React.createElement(Form.Item, { label: t("assessmentIsThirdPartyVerified"), className: "form-item", name: "IsThirdPartyVerified" },
|
11108
|
+
React.createElement(Radio.Group, { size: "middle", onChange: onIsThirdPartyVerifiedChanged },
|
11109
|
+
React.createElement("div", { className: "radio-container" },
|
11110
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
|
11111
|
+
React.createElement("div", { className: "radio-container" },
|
11112
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NO }, t("no"))),
|
11113
|
+
React.createElement("div", { className: "radio-container" },
|
11114
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NA }, t("n/a"))))),
|
11115
|
+
isVerifyingOrgVisible === true && (React.createElement(Form.Item, { labelCol: { span: 24 }, wrapperCol: { span: 24 }, label: t("verifyingOrgNamelbl"), name: "verifyingOrgName", rules: [
|
11116
|
+
{
|
11117
|
+
required: true,
|
11118
|
+
message: "",
|
11119
|
+
},
|
11120
|
+
] },
|
11121
|
+
React.createElement(Input, { style: { width: 303 } }))),
|
11122
|
+
React.createElement(Form.Item, { label: t("assesmentIsWillingToVerified"), className: "form-item", name: "IsWillingToVerified" },
|
11123
|
+
React.createElement(Radio.Group, { size: "middle", onChange: onIsWillingToVerifiedChanged },
|
11124
|
+
React.createElement("div", { className: "radio-container" },
|
11125
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
|
11126
|
+
React.createElement("div", { className: "radio-container" },
|
11127
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NO }, t("no"))),
|
11128
|
+
React.createElement("div", { className: "radio-container" },
|
11129
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NA }, t("n/a"))))),
|
11130
|
+
isVerifyingDetailsVisible === true && (React.createElement(Form.Item, { label: t("verifyingDetailslbl"), name: "verifyingDetails", labelCol: { span: 24 }, wrapperCol: { span: 24 } },
|
11131
|
+
React.createElement(Input, { style: { width: 303 } }))))),
|
11132
|
+
viewOnly && (React.createElement("div", { className: "radio-content view-section" },
|
11133
|
+
assessmentViewData.hasOwnProperty("IsThirdPartyVerified") && (React.createElement(Form.Item, { label: t("assessmentIsThirdPartyVerified"), className: "form-item", name: "IsThirdPartyVerified" },
|
11134
|
+
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
11135
|
+
React.createElement("div", { className: "radio-container" },
|
11136
|
+
React.createElement(Radio.Button, { className: "radio" }, assessmentViewData.IsThirdPartyVerified))))),
|
11137
|
+
assessmentViewData.IsThirdPartyVerified ===
|
11138
|
+
RadioButtonStatus.YES && (React.createElement(Form.Item, { labelCol: { span: 24 }, wrapperCol: { span: 24 }, label: t("verifyingOrgNamelbl"), name: "verifyingOrgName" },
|
11139
|
+
React.createElement(Input, { disabled: true, style: { width: 303 }, defaultValue: assessmentViewData.verifyingOrgName
|
11140
|
+
? assessmentViewData.verifyingOrgName
|
11141
|
+
: "-" }))),
|
11142
|
+
assessmentViewData.hasOwnProperty("IsWillingToVerified") && (React.createElement(Form.Item, { label: t("assesmentIsWillingToVerified"), className: "form-item", name: "IsWillingToVerified" },
|
11143
|
+
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
11144
|
+
React.createElement("div", { className: "radio-container" },
|
11145
|
+
React.createElement(Radio.Button, { className: "radio" }, assessmentViewData.IsWillingToVerified))))),
|
11146
|
+
assessmentViewData.IsWillingToVerified ===
|
11147
|
+
RadioButtonStatus.YES && (React.createElement(Form.Item, { label: t("verifyingDetailslbl"), name: "verifyingDetails", labelCol: { span: 24 }, wrapperCol: { span: 24 } },
|
11148
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.verifyingDetails
|
11149
|
+
? assessmentViewData.verifyingDetails
|
11150
|
+
: "-", style: { width: 303 } }))))))),
|
11151
|
+
React.createElement(Row, null,
|
11152
|
+
React.createElement(Form, { name: "form2", labelCol: { span: 14 }, labelWrap: true, labelAlign: "left", wrapperCol: { span: 8 }, layout: "vertical", requiredMark: true, form: form2, className: "view-section" },
|
11153
|
+
React.createElement(Row, { className: "mg-bottom-1" },
|
11154
|
+
React.createElement("label", { className: "co-sub-title-text" }, t("contactInformation"))),
|
11155
|
+
React.createElement(Row, { justify: "start", gutter: 16 },
|
11156
|
+
React.createElement(Col, { flex: "139px" },
|
11157
|
+
React.createElement(React.Fragment, null,
|
11158
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentTitle"), name: "title" },
|
11159
|
+
React.createElement(Select, { size: "large", style: {
|
11160
|
+
width: "139px",
|
11161
|
+
borderRadius: "4px",
|
11162
|
+
}, options: titleList }))),
|
11163
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentTitle"), name: "title" },
|
11164
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.title
|
11165
|
+
? assessmentViewData.title
|
11166
|
+
: "-", style: { width: 303 } }))))),
|
11167
|
+
React.createElement(Col, { flex: "303px" },
|
11168
|
+
React.createElement(React.Fragment, null,
|
11169
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentFirstName"), name: "firstName" },
|
11170
|
+
React.createElement(Input, { style: { width: 303 } }))),
|
11171
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentFirstName"), name: "firstName" },
|
11172
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.firstName
|
11173
|
+
? assessmentViewData.firstName
|
11174
|
+
: "-", style: { width: 303 } }))))),
|
11175
|
+
React.createElement(Col, { flex: "303px" },
|
11176
|
+
React.createElement(React.Fragment, null,
|
11177
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentLastName"), name: "lastName" },
|
11178
|
+
React.createElement(Input, { style: { width: 303 } }))),
|
11179
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentLastName"), name: "lastName" },
|
11180
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.lastName
|
11181
|
+
? assessmentViewData.lastName
|
11182
|
+
: "-", style: { width: 303 } })))))),
|
11183
|
+
React.createElement(Row, { justify: "start", gutter: 16 },
|
11184
|
+
React.createElement(Col, { flex: "462px" },
|
11185
|
+
React.createElement(React.Fragment, null,
|
11186
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentOrganisation"), name: "organisation" },
|
11187
|
+
React.createElement(Input, { style: { width: 462 } }))),
|
11188
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentOrganisation"), name: "organisation" },
|
11189
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.organisation
|
11190
|
+
? assessmentViewData.organisation
|
11191
|
+
: "-", style: { width: 462 } }))))),
|
11192
|
+
React.createElement(Col, { flex: "303px" },
|
11193
|
+
React.createElement(React.Fragment, null,
|
11194
|
+
React.createElement(Skeleton, { loading: isCountryListLoading, active: true }, !viewOnly && countries.length > 0 && (React.createElement(Form.Item, { label: t("assessmentTelephone"), name: "telephone" },
|
11195
|
+
React.createElement(PhoneInput, { style: { width: 303 }, international: true, defaultCountry: "LK", countryCallingCodeEditable: false, onChange: function (v) { }, countries: countries })))),
|
11196
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentTelephone"), name: "telephone" },
|
11197
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.telephone
|
11198
|
+
? assessmentViewData.telephone
|
11199
|
+
: "-", style: { width: 303 } })))))),
|
11200
|
+
React.createElement(Row, { justify: "start", gutter: 16 },
|
11201
|
+
React.createElement(Col, { flex: "303px" },
|
11202
|
+
React.createElement(React.Fragment, null,
|
11203
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentEmail"), name: "email", rules: [
|
11204
|
+
{
|
11205
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
11206
|
+
var val, reg, matches;
|
11207
|
+
return __generator(this, function (_a) {
|
11208
|
+
if (value) {
|
11209
|
+
val = value.trim();
|
11210
|
+
reg = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
11211
|
+
matches = val.match(reg)
|
11212
|
+
? val.match(reg)
|
11213
|
+
: [];
|
11214
|
+
if (matches.length === 0) {
|
11215
|
+
throw new Error("".concat(t("addUser:email"), " ").concat(t("addUser:isInvalid")));
|
11216
|
+
}
|
11217
|
+
}
|
11218
|
+
return [2 /*return*/];
|
11219
|
+
});
|
11220
|
+
}); },
|
11221
|
+
},
|
11222
|
+
] },
|
11223
|
+
React.createElement(Input, { style: { width: 303 } }))),
|
11224
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentEmail"), name: "email" },
|
11225
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.email
|
11226
|
+
? assessmentViewData.email
|
11227
|
+
: "-", style: { width: 303 } }))))),
|
11228
|
+
React.createElement(Col, { flex: "462px" },
|
11229
|
+
React.createElement(React.Fragment, null,
|
11230
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentAffiliationCDM"), name: "affiliationCDM" },
|
11231
|
+
React.createElement(Input, { style: { width: 462 } }))),
|
11232
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentAffiliationCDM"), name: "affiliationCDM" },
|
11233
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.affiliationCDM
|
11234
|
+
? assessmentViewData.affiliationCDM
|
11235
|
+
: "-", style: { width: 462 } })))))))),
|
11236
|
+
React.createElement(Row, null,
|
11237
|
+
React.createElement(Col, { span: 24 },
|
11238
|
+
React.createElement(Form, { name: "form3", labelCol: { span: 18 }, labelWrap: true, labelAlign: "left", wrapperCol: { span: 6 }, layout: "horizontal", requiredMark: true, form: form3, onValuesChange: function () { return validateForms(); } },
|
11239
|
+
!viewOnly && (React.createElement("div", { className: "radio-content" },
|
11240
|
+
React.createElement(Form.Item, { label: t("assesmentIsThePersonListed"), className: "form-item", name: "isThePersonListed" },
|
11241
|
+
React.createElement(Radio.Group, { size: "middle", onChange: onIsThePersonListedChanged },
|
11242
|
+
React.createElement("div", { className: "radio-container" },
|
11243
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
|
11244
|
+
React.createElement("div", { className: "radio-container" },
|
11245
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NO }, t("no"))),
|
11246
|
+
React.createElement("div", { className: "radio-container" },
|
11247
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NA }, t("n/a"))))),
|
11248
|
+
isPersonListedDetailsVisible === true && (React.createElement(Form.Item, { labelCol: { span: 24 }, wrapperCol: { span: 24 }, label: t("specify"), name: "personListedDetails", rules: [
|
11249
|
+
{
|
11250
|
+
required: true,
|
11251
|
+
message: "",
|
11252
|
+
},
|
11253
|
+
] },
|
11254
|
+
React.createElement(Input, { style: { width: 303 } }))))),
|
11255
|
+
viewOnly && (React.createElement("div", { className: "radio-content view-section" },
|
11256
|
+
assessmentViewData.hasOwnProperty("isThePersonListed") && (React.createElement(Form.Item, { label: t("assesmentIsThePersonListed"), className: "form-item", name: "isThePersonListed" },
|
11257
|
+
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
11258
|
+
React.createElement("div", { className: "radio-container" },
|
11259
|
+
React.createElement(Radio.Button, { className: "radio" }, assessmentViewData.isThePersonListed))))),
|
11260
|
+
assessmentViewData.isThePersonListed ===
|
11261
|
+
RadioButtonStatus.NO && (React.createElement(Form.Item, { labelCol: { span: 24 }, wrapperCol: { span: 24 }, label: t("specify"), name: "personListedDetails" },
|
11262
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.personListedDetails
|
11263
|
+
? assessmentViewData.personListedDetails
|
11264
|
+
: "-", style: { width: 303 } })))))))),
|
11265
|
+
React.createElement(Row, null,
|
11266
|
+
React.createElement(Form, { layout: "vertical", name: "form4", form: form4, className: "view-section" },
|
11267
|
+
React.createElement(Row, { className: "mg-bottom-1" },
|
11268
|
+
React.createElement("label", { className: "co-sub-title-text" }, t("feasibilityReport"))),
|
11269
|
+
React.createElement(Row, { justify: "start", gutter: 16 },
|
11270
|
+
React.createElement(Col, { flex: "303px" },
|
11271
|
+
React.createElement(React.Fragment, null,
|
11272
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentStudyName"), name: "studyName" },
|
11273
|
+
React.createElement(Input, { style: { width: 303 } }))),
|
11274
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentStudyName"), name: "studyName" },
|
11275
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.studyName
|
11276
|
+
? assessmentViewData.studyName
|
11277
|
+
: "-", style: { width: 303 } }))))),
|
11278
|
+
React.createElement(Col, { flex: "303px" },
|
11279
|
+
React.createElement(React.Fragment, null,
|
11280
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentFunder"), name: "funder" },
|
11281
|
+
React.createElement(Input, { style: { width: 303 } }))),
|
11282
|
+
viewOnly && (React.createElement(Form.Item, { label: t("assessmentFunder"), name: "funder" },
|
11283
|
+
React.createElement(Input, { disabled: true, defaultValue: assessmentViewData.funder
|
11284
|
+
? assessmentViewData.funder
|
11285
|
+
: "-", style: { width: 303 } })))))),
|
11286
|
+
React.createElement(Row, null,
|
11287
|
+
!viewOnly && (React.createElement(Form.Item, { label: t("assessmentDocuments"), name: "document", valuePropName: "fileList", getValueFromEvent: normFile, required: false, rules: [
|
11288
|
+
{
|
11289
|
+
validator: function (rule, file) { return __awaiter(void 0, void 0, void 0, function () {
|
11290
|
+
var isCorrectFormat;
|
11291
|
+
var _a, _b;
|
11292
|
+
return __generator(this, function (_c) {
|
11293
|
+
if ((file === null || file === void 0 ? void 0 : file.length) > 0) {
|
11294
|
+
isCorrectFormat = false;
|
11295
|
+
if (((_a = file[0]) === null || _a === void 0 ? void 0 : _a.type) === "application/pdf") {
|
11296
|
+
isCorrectFormat = true;
|
11297
|
+
}
|
11298
|
+
if (!isCorrectFormat) {
|
11299
|
+
throw new Error("".concat(t("invalidFileFormat")));
|
11300
|
+
}
|
11301
|
+
else if (((_b = file[0]) === null || _b === void 0 ? void 0 : _b.size) > maximumFileSize) {
|
11302
|
+
throw new Error("".concat(t("common:maxSizeVal")));
|
11303
|
+
}
|
11304
|
+
}
|
11305
|
+
return [2 /*return*/];
|
11306
|
+
});
|
11307
|
+
}); },
|
11308
|
+
},
|
11309
|
+
] },
|
11310
|
+
React.createElement(Upload, { accept: ".pdf", beforeUpload: function (file) {
|
11311
|
+
return false;
|
11312
|
+
}, className: "design-upload-section", name: "document", listType: "picture", multiple: false, maxCount: 1 },
|
11313
|
+
React.createElement(Button, { className: "upload-doc", size: "large", icon: React.createElement(UploadOutlined, null) }, "Upload")))),
|
11314
|
+
viewOnly && assessmentViewData.document && (React.createElement(Form.Item, { label: t("assessmentDocuments"), name: "assessmentDocuments" },
|
11315
|
+
React.createElement("a", { href: assessmentViewData.document, target: "_blank", rel: "noopener noreferrer", download: true }, assessmentViewData.document))))))))));
|
11316
|
+
};
|
11317
|
+
|
11318
|
+
var sdgGoalMap = {};
|
11319
|
+
var SdgGoals = function (props) {
|
11320
|
+
var onFormSubmit = props.onFormSubmit, sdgGoalsViewData = props.sdgGoalsViewData, viewOnly = props.viewOnly, sdgGoalImages = props.sdgGoalImages;
|
11321
|
+
var goal1 = sdgGoalImages.goal1, goal2 = sdgGoalImages.goal2, goal3 = sdgGoalImages.goal3, goal4 = sdgGoalImages.goal4, goal5 = sdgGoalImages.goal5, goal6 = sdgGoalImages.goal6, goal7 = sdgGoalImages.goal7, goal8 = sdgGoalImages.goal8, goal9 = sdgGoalImages.goal9, goal10 = sdgGoalImages.goal10, goal11 = sdgGoalImages.goal11, goal12 = sdgGoalImages.goal12, goal13 = sdgGoalImages.goal13, goal14 = sdgGoalImages.goal14, goal15 = sdgGoalImages.goal15, goal16 = sdgGoalImages.goal16, goal17 = sdgGoalImages.goal17, goal1Selected = sdgGoalImages.goal1Selected, goal2Selected = sdgGoalImages.goal2Selected, goal3Selected = sdgGoalImages.goal3Selected, goal4Selected = sdgGoalImages.goal4Selected, goal5Selected = sdgGoalImages.goal5Selected, goal6Selected = sdgGoalImages.goal6Selected, goal7Selected = sdgGoalImages.goal7Selected, goal8Selected = sdgGoalImages.goal8Selected, goal9Selected = sdgGoalImages.goal9Selected, goal10Selected = sdgGoalImages.goal10Selected, goal11Selected = sdgGoalImages.goal11Selected, goal12Selected = sdgGoalImages.goal12Selected, goal13Selected = sdgGoalImages.goal13Selected, goal14Selected = sdgGoalImages.goal14Selected, goal15Selected = sdgGoalImages.goal15Selected, goal16Selected = sdgGoalImages.goal16Selected, goal17Selected = sdgGoalImages.goal17Selected;
|
11322
|
+
var formOne = Form.useForm()[0];
|
11323
|
+
var _a = useState([
|
11324
|
+
{
|
11325
|
+
name: SdgGoals$1.noPoverty,
|
11326
|
+
image: goal1,
|
11327
|
+
selected: false,
|
11328
|
+
activeImage: goal1Selected,
|
11329
|
+
},
|
11330
|
+
{
|
11331
|
+
name: SdgGoals$1.zeroHunger,
|
11332
|
+
image: goal2,
|
11333
|
+
selected: false,
|
11334
|
+
activeImage: goal2Selected,
|
11335
|
+
},
|
11336
|
+
{
|
11337
|
+
name: SdgGoals$1.gdHealth,
|
11338
|
+
image: goal3,
|
11339
|
+
selected: false,
|
11340
|
+
activeImage: goal3Selected,
|
11341
|
+
},
|
11342
|
+
{
|
11343
|
+
name: SdgGoals$1.qualityEducation,
|
11344
|
+
image: goal4,
|
11345
|
+
selected: false,
|
11346
|
+
activeImage: goal4Selected,
|
11347
|
+
},
|
11348
|
+
{
|
11349
|
+
name: SdgGoals$1.genderEq,
|
11350
|
+
image: goal5,
|
11351
|
+
selected: false,
|
11352
|
+
activeImage: goal5Selected,
|
11353
|
+
},
|
11354
|
+
{
|
11355
|
+
name: SdgGoals$1.cleanWatr,
|
11356
|
+
image: goal6,
|
11357
|
+
selected: false,
|
11358
|
+
activeImage: goal6Selected,
|
11359
|
+
},
|
11360
|
+
{
|
11361
|
+
name: SdgGoals$1.affEnergy,
|
11362
|
+
image: goal7,
|
11363
|
+
selected: false,
|
11364
|
+
activeImage: goal7Selected,
|
11365
|
+
},
|
11366
|
+
{
|
11367
|
+
name: SdgGoals$1.decentWork,
|
11368
|
+
image: goal8,
|
11369
|
+
selected: false,
|
11370
|
+
activeImage: goal8Selected,
|
11371
|
+
},
|
11372
|
+
{
|
11373
|
+
name: SdgGoals$1.industry,
|
11374
|
+
image: goal9,
|
11375
|
+
selected: false,
|
11376
|
+
activeImage: goal9Selected,
|
11377
|
+
},
|
11378
|
+
{
|
11379
|
+
name: SdgGoals$1.reducedInEq,
|
11380
|
+
image: goal10,
|
11381
|
+
selected: false,
|
11382
|
+
activeImage: goal10Selected,
|
11383
|
+
},
|
11384
|
+
{
|
11385
|
+
name: SdgGoals$1.sustainableCities,
|
11386
|
+
image: goal11,
|
11387
|
+
selected: false,
|
11388
|
+
activeImage: goal11Selected,
|
11389
|
+
},
|
11390
|
+
{
|
11391
|
+
name: SdgGoals$1.responsibleConsumption,
|
11392
|
+
image: goal12,
|
11393
|
+
selected: false,
|
11394
|
+
activeImage: goal12Selected,
|
11395
|
+
},
|
11396
|
+
{
|
11397
|
+
name: SdgGoals$1.climateAction,
|
11398
|
+
image: goal13,
|
11399
|
+
selected: false,
|
11400
|
+
activeImage: goal13Selected,
|
11401
|
+
},
|
11402
|
+
{
|
11403
|
+
name: SdgGoals$1.lifeBelowWater,
|
11404
|
+
image: goal14,
|
11405
|
+
selected: false,
|
11406
|
+
activeImage: goal14Selected,
|
11407
|
+
},
|
11408
|
+
{
|
11409
|
+
name: SdgGoals$1.lifeOnLand,
|
11410
|
+
image: goal15,
|
11411
|
+
selected: false,
|
11412
|
+
activeImage: goal15Selected,
|
11413
|
+
},
|
11414
|
+
{
|
11415
|
+
name: SdgGoals$1.peace,
|
11416
|
+
image: goal16,
|
11417
|
+
selected: false,
|
11418
|
+
activeImage: goal16Selected,
|
11419
|
+
},
|
11420
|
+
{
|
11421
|
+
name: SdgGoals$1.partnership,
|
11422
|
+
image: goal17,
|
11423
|
+
selected: false,
|
11424
|
+
activeImage: goal17Selected,
|
11425
|
+
},
|
11426
|
+
]), sdgGoals = _a[0], setSdgGoals = _a[1];
|
11427
|
+
var handleImageSelect = function (imageId) {
|
11428
|
+
var g = sdgGoalMap[imageId];
|
11429
|
+
if (!g) {
|
11430
|
+
return;
|
11431
|
+
}
|
11432
|
+
g.selected = !g.selected;
|
11433
|
+
var u = __spreadArray([], sdgGoals, true);
|
11434
|
+
setSdgGoals(u);
|
11435
|
+
};
|
11436
|
+
useEffect(function () {
|
11437
|
+
for (var _i = 0, sdgGoals_1 = sdgGoals; _i < sdgGoals_1.length; _i++) {
|
11438
|
+
var g = sdgGoals_1[_i];
|
11439
|
+
sdgGoalMap[g.name] = g;
|
11440
|
+
}
|
11441
|
+
}, []);
|
11442
|
+
useEffect(function () {
|
11443
|
+
if (sdgGoalsViewData) {
|
11444
|
+
for (var _i = 0, sdgGoalsViewData_1 = sdgGoalsViewData; _i < sdgGoalsViewData_1.length; _i++) {
|
11445
|
+
var g = sdgGoalsViewData_1[_i];
|
11446
|
+
var sdg = sdgGoalMap[g];
|
11447
|
+
if (sdg) {
|
11448
|
+
sdg.selected = true;
|
11449
|
+
}
|
11450
|
+
else {
|
11451
|
+
console.log("AAA", g);
|
11452
|
+
}
|
11453
|
+
}
|
11454
|
+
}
|
11455
|
+
else {
|
11456
|
+
for (var _a = 0, sdgGoals_2 = sdgGoals; _a < sdgGoals_2.length; _a++) {
|
11457
|
+
var g = sdgGoals_2[_a];
|
11458
|
+
g.selected = false;
|
11459
|
+
}
|
11460
|
+
}
|
11461
|
+
console.log(sdgGoalMap);
|
11462
|
+
var updatedSdgGoals = Object.values(sdgGoalMap);
|
11463
|
+
setSdgGoals(updatedSdgGoals);
|
11464
|
+
}, [sdgGoalsViewData]);
|
11465
|
+
useEffect(function () {
|
11466
|
+
var saveData = [];
|
11467
|
+
for (var _i = 0, sdgGoals_3 = sdgGoals; _i < sdgGoals_3.length; _i++) {
|
11468
|
+
var g = sdgGoals_3[_i];
|
11469
|
+
if (g.selected) {
|
11470
|
+
saveData.push(g.name.toString());
|
11471
|
+
}
|
11472
|
+
}
|
11473
|
+
onFormSubmit(saveData);
|
11474
|
+
}, [sdgGoals]);
|
11475
|
+
return (React.createElement("div", { className: "co-benifits-tab-item" },
|
11476
|
+
React.createElement(Form, { name: "sdg-goals-details", className: "benifits-details-sdg-goals", form: formOne },
|
11477
|
+
React.createElement(Row, { gutter: [5, 16], className: "row" }, sdgGoals === null || sdgGoals === void 0 ? void 0 : sdgGoals.map(function (sdgGoal) { return (React.createElement(Col, { sm: 12, md: 12, lg: 4, xl: 4, className: "col" },
|
11478
|
+
React.createElement("div", { className: sdgGoalsViewData ? "img-container-data" : "img-container" },
|
11479
|
+
React.createElement(Form.Item, { name: "images" },
|
11480
|
+
!sdgGoal.selected && (React.createElement("img", { src: sdgGoal === null || sdgGoal === void 0 ? void 0 : sdgGoal.image, alt: "Image ".concat(sdgGoal === null || sdgGoal === void 0 ? void 0 : sdgGoal.name), onClick: function () {
|
11481
|
+
return !viewOnly && handleImageSelect(sdgGoal === null || sdgGoal === void 0 ? void 0 : sdgGoal.name);
|
11482
|
+
} })),
|
11483
|
+
sdgGoal.selected && (React.createElement("img", { src: sdgGoal === null || sdgGoal === void 0 ? void 0 : sdgGoal.activeImage, alt: "Image ".concat(sdgGoal === null || sdgGoal === void 0 ? void 0 : sdgGoal.name), onClick: function () {
|
11484
|
+
return !viewOnly && handleImageSelect(sdgGoal === null || sdgGoal === void 0 ? void 0 : sdgGoal.name);
|
11485
|
+
} })))))); })))));
|
11486
|
+
};
|
11487
|
+
|
11488
|
+
var Safeguards = function (props) {
|
11489
|
+
var onFormSubmit = props.onFormSubmit, safeGuardViewData = props.safeGuardViewData, viewOnly = props.viewOnly, t = props.t;
|
11490
|
+
var _a = useState(), safeguardDetails = _a[0], setSafeguardDetails = _a[1];
|
11491
|
+
var form = Form.useForm()[0];
|
11492
|
+
var initialFormElementList = [
|
11493
|
+
{
|
11494
|
+
type: FormElementType.Label,
|
11495
|
+
label: t("humanRights"),
|
11496
|
+
items: [
|
11497
|
+
{
|
11498
|
+
type: FormElementType.Radio,
|
11499
|
+
label: t("isRespectHumanRights"),
|
11500
|
+
name: "isRespectHumanRights",
|
11501
|
+
},
|
11502
|
+
{
|
11503
|
+
type: FormElementType.Radio,
|
11504
|
+
label: t("isProjectdiscriminate"),
|
11505
|
+
name: "isProjectdiscriminate",
|
11506
|
+
},
|
11507
|
+
],
|
11508
|
+
},
|
11509
|
+
{
|
11510
|
+
type: FormElementType.Label,
|
11511
|
+
label: t("genderEquality"),
|
11512
|
+
items: [
|
11513
|
+
{
|
11514
|
+
type: FormElementType.Radio,
|
11515
|
+
label: t("genderEqualityQ1"),
|
11516
|
+
name: "genderEqualityQ1",
|
11517
|
+
},
|
11518
|
+
{
|
11519
|
+
type: FormElementType.Radio,
|
11520
|
+
label: t("genderEqualityQ2"),
|
11521
|
+
name: "genderEqualityQ2",
|
11522
|
+
},
|
11523
|
+
{
|
11524
|
+
type: FormElementType.Radio,
|
11525
|
+
label: t("genderEqualityQ3"),
|
11526
|
+
name: "genderEqualityQ3",
|
11527
|
+
},
|
11528
|
+
{
|
11529
|
+
type: FormElementType.Radio,
|
11530
|
+
label: t("genderEqualityQ4"),
|
11531
|
+
name: "genderEqualityQ4",
|
11532
|
+
},
|
11533
|
+
],
|
11534
|
+
},
|
11535
|
+
{
|
11536
|
+
type: FormElementType.Label,
|
11537
|
+
label: t("communityHealth"),
|
11538
|
+
items: [
|
11539
|
+
{
|
11540
|
+
type: FormElementType.Radio,
|
11541
|
+
label: t("communityHealthQ1"),
|
11542
|
+
name: "communityHealthQ1",
|
11543
|
+
},
|
11544
|
+
],
|
11545
|
+
},
|
11546
|
+
{
|
11547
|
+
type: FormElementType.Label,
|
11548
|
+
label: t("historicHeritage"),
|
11549
|
+
items: [
|
11550
|
+
{
|
11551
|
+
type: FormElementType.Radio,
|
11552
|
+
label: t("historicHeritageQ1"),
|
11553
|
+
name: "historicHeritageQ1",
|
11554
|
+
},
|
11555
|
+
],
|
11556
|
+
},
|
11557
|
+
{
|
11558
|
+
type: FormElementType.Label,
|
11559
|
+
label: t("forcedEviction"),
|
11560
|
+
items: [
|
11561
|
+
{
|
11562
|
+
type: FormElementType.Radio,
|
11563
|
+
label: t("forcedEvictionQ1"),
|
11564
|
+
name: "forcedEvictionQ1",
|
11565
|
+
},
|
11566
|
+
],
|
11567
|
+
},
|
11568
|
+
{
|
11569
|
+
type: FormElementType.Label,
|
11570
|
+
label: t("landTenure"),
|
11571
|
+
items: [
|
11572
|
+
{
|
11573
|
+
type: FormElementType.Radio,
|
11574
|
+
label: t("landTenureQ1"),
|
11575
|
+
name: "landTenureQ1",
|
11576
|
+
},
|
11577
|
+
{
|
11578
|
+
type: FormElementType.Radio,
|
11579
|
+
label: t("landTenureQ2"),
|
11580
|
+
name: "landTenureQ2",
|
11581
|
+
},
|
11582
|
+
],
|
11583
|
+
},
|
11584
|
+
{
|
11585
|
+
type: FormElementType.Label,
|
11586
|
+
label: t("indegenousPeople"),
|
11587
|
+
items: [
|
11588
|
+
{
|
11589
|
+
type: FormElementType.Radio,
|
11590
|
+
label: t("indegenousPeopleQ1"),
|
11591
|
+
name: "indegenousPeopleQ1",
|
11592
|
+
},
|
11593
|
+
],
|
11594
|
+
},
|
11595
|
+
{
|
11596
|
+
type: FormElementType.Label,
|
11597
|
+
label: t("corruption"),
|
11598
|
+
items: [
|
11599
|
+
{
|
11600
|
+
type: FormElementType.Radio,
|
11601
|
+
label: t("corruptionQ1"),
|
11602
|
+
name: "corruptionQ1",
|
11603
|
+
},
|
11604
|
+
],
|
11605
|
+
},
|
11606
|
+
{
|
11607
|
+
type: FormElementType.Label,
|
11608
|
+
label: t("labourRights"),
|
11609
|
+
items: [
|
11610
|
+
{
|
11611
|
+
type: FormElementType.Radio,
|
11612
|
+
label: t("labourRightsQ1"),
|
11613
|
+
name: "labourRightsQ1",
|
11614
|
+
},
|
11615
|
+
{
|
11616
|
+
type: FormElementType.Radio,
|
11617
|
+
label: t("labourRightsQ2"),
|
11618
|
+
name: "labourRightsQ2",
|
11619
|
+
},
|
11620
|
+
{
|
11621
|
+
type: FormElementType.Label,
|
11622
|
+
label: t("labourRightsSubLabel"),
|
11623
|
+
className: "mg-left-2",
|
11624
|
+
items: [
|
11625
|
+
{
|
11626
|
+
type: FormElementType.Radio,
|
11627
|
+
label: t("labourRightsSubQ1"),
|
11628
|
+
name: "labourRightsSubQ1",
|
11629
|
+
className: "mg-left-4",
|
11630
|
+
},
|
11631
|
+
{
|
11632
|
+
type: FormElementType.Radio,
|
11633
|
+
label: t("labourRightsSubQ2"),
|
11634
|
+
name: "labourRightsSubQ2",
|
11635
|
+
className: "mg-left-4",
|
11636
|
+
},
|
11637
|
+
{
|
11638
|
+
type: FormElementType.Radio,
|
11639
|
+
label: t("labourRightsSubQ3"),
|
11640
|
+
name: "labourRightsSubQ3",
|
11641
|
+
className: "mg-left-4",
|
11642
|
+
},
|
11643
|
+
{
|
11644
|
+
type: FormElementType.Radio,
|
11645
|
+
label: t("labourRightsSubQ4"),
|
11646
|
+
name: "labourRightsSubQ4",
|
11647
|
+
className: "mg-left-4",
|
11648
|
+
},
|
11649
|
+
{
|
11650
|
+
type: FormElementType.Radio,
|
11651
|
+
label: t("labourRightsSubQ5"),
|
11652
|
+
name: "labourRightsSubQ5",
|
11653
|
+
className: "mg-left-4",
|
11654
|
+
},
|
11655
|
+
{
|
11656
|
+
type: FormElementType.Radio,
|
11657
|
+
label: t("labourRightsSubQ6"),
|
11658
|
+
name: "labourRightsSubQ6",
|
11659
|
+
className: "mg-left-4",
|
11660
|
+
},
|
11661
|
+
],
|
11662
|
+
},
|
11663
|
+
{
|
11664
|
+
type: FormElementType.Radio,
|
11665
|
+
label: t("labourRightsQ3"),
|
11666
|
+
name: "labourRightsQ3",
|
11667
|
+
},
|
11668
|
+
{
|
11669
|
+
type: FormElementType.Radio,
|
11670
|
+
label: t("labourRightsQ4"),
|
11671
|
+
name: "labourRightsQ4",
|
11672
|
+
},
|
11673
|
+
],
|
11674
|
+
},
|
11675
|
+
{
|
11676
|
+
type: FormElementType.Label,
|
11677
|
+
label: t("economicConsequences"),
|
11678
|
+
items: [
|
11679
|
+
{
|
11680
|
+
type: FormElementType.Radio,
|
11681
|
+
label: t("economicConsequencesQ1"),
|
11682
|
+
name: "economicConsequencesQ1",
|
11683
|
+
},
|
11684
|
+
],
|
11685
|
+
},
|
11686
|
+
{
|
11687
|
+
type: FormElementType.Label,
|
11688
|
+
label: t("emissions"),
|
11689
|
+
items: [
|
11690
|
+
{
|
11691
|
+
type: FormElementType.Radio,
|
11692
|
+
label: t("emissionsQ1"),
|
11693
|
+
name: "emissionsQ1",
|
11694
|
+
},
|
11695
|
+
],
|
11696
|
+
},
|
11697
|
+
{
|
11698
|
+
type: FormElementType.Label,
|
11699
|
+
label: t("energySupply"),
|
11700
|
+
items: [
|
11701
|
+
{
|
11702
|
+
type: FormElementType.Radio,
|
11703
|
+
label: t("energySupplyQ1"),
|
11704
|
+
name: "energySupplyQ1",
|
11705
|
+
},
|
11706
|
+
],
|
11707
|
+
},
|
11708
|
+
{
|
11709
|
+
type: FormElementType.Label,
|
11710
|
+
label: t("waterPattern"),
|
11711
|
+
items: [
|
11712
|
+
{
|
11713
|
+
type: FormElementType.Radio,
|
11714
|
+
label: t("waterPatternQ1"),
|
11715
|
+
name: "waterPatternQ1",
|
11716
|
+
},
|
11717
|
+
],
|
11718
|
+
},
|
11719
|
+
{
|
11720
|
+
type: FormElementType.Label,
|
11721
|
+
label: t("erosoin"),
|
11722
|
+
items: [
|
11723
|
+
{
|
11724
|
+
type: FormElementType.Radio,
|
11725
|
+
label: t("erosoinQ1"),
|
11726
|
+
name: "erosoinQ1",
|
11727
|
+
},
|
11728
|
+
{
|
11729
|
+
type: FormElementType.Radio,
|
11730
|
+
label: t("erosoinQ2"),
|
11731
|
+
name: "erosoinQ2",
|
11732
|
+
},
|
11733
|
+
],
|
11734
|
+
},
|
11735
|
+
{
|
11736
|
+
type: FormElementType.Label,
|
11737
|
+
label: t("landscape"),
|
11738
|
+
items: [
|
11739
|
+
{
|
11740
|
+
type: FormElementType.Radio,
|
11741
|
+
label: t("landscapeQ1"),
|
11742
|
+
name: "landscapeQ1",
|
11743
|
+
},
|
11744
|
+
],
|
11745
|
+
},
|
11746
|
+
{
|
11747
|
+
type: FormElementType.Label,
|
11748
|
+
label: t("naturalDisaster"),
|
11749
|
+
items: [
|
11750
|
+
{
|
11751
|
+
type: FormElementType.Radio,
|
11752
|
+
label: t("naturalDisasterQ1"),
|
11753
|
+
name: "naturalDisasterQ1",
|
11754
|
+
},
|
11755
|
+
],
|
11756
|
+
},
|
11757
|
+
{
|
11758
|
+
type: FormElementType.Label,
|
11759
|
+
label: t("genetic"),
|
11760
|
+
items: [
|
11761
|
+
{
|
11762
|
+
type: FormElementType.Radio,
|
11763
|
+
label: t("geneticQ1"),
|
11764
|
+
name: "geneticQ1",
|
11765
|
+
},
|
11766
|
+
],
|
11767
|
+
},
|
11768
|
+
{
|
11769
|
+
type: FormElementType.Label,
|
11770
|
+
label: t("pollutants"),
|
11771
|
+
items: [
|
11772
|
+
{
|
11773
|
+
type: FormElementType.Radio,
|
11774
|
+
label: t("pollutantsQ1"),
|
11775
|
+
name: "pollutantsQ1",
|
11776
|
+
},
|
11777
|
+
],
|
11778
|
+
},
|
11779
|
+
{
|
11780
|
+
type: FormElementType.Label,
|
11781
|
+
label: t("hazardousWaste"),
|
11782
|
+
items: [
|
11783
|
+
{
|
11784
|
+
type: FormElementType.Radio,
|
11785
|
+
label: t("hazardousWasteQ1"),
|
11786
|
+
name: "hazardousWasteQ1",
|
11787
|
+
},
|
11788
|
+
],
|
11789
|
+
},
|
11790
|
+
{
|
11791
|
+
type: FormElementType.Label,
|
11792
|
+
label: t("pesticides"),
|
11793
|
+
items: [
|
11794
|
+
{
|
11795
|
+
type: FormElementType.Radio,
|
11796
|
+
label: t("pesticidesQ1"),
|
11797
|
+
name: "pesticidesQ1",
|
11798
|
+
},
|
11799
|
+
],
|
11800
|
+
},
|
11801
|
+
{
|
11802
|
+
type: FormElementType.Label,
|
11803
|
+
label: t("harvestForests"),
|
11804
|
+
items: [
|
11805
|
+
{
|
11806
|
+
type: FormElementType.Radio,
|
11807
|
+
label: t("harvestForestsQ1"),
|
11808
|
+
name: "harvestForestsQ1",
|
11809
|
+
},
|
11810
|
+
],
|
11811
|
+
},
|
11812
|
+
{
|
11813
|
+
type: FormElementType.Label,
|
11814
|
+
label: t("food"),
|
11815
|
+
items: [
|
11816
|
+
{
|
11817
|
+
type: FormElementType.Radio,
|
11818
|
+
label: t("foodQ1"),
|
11819
|
+
name: "foodQ1",
|
11820
|
+
},
|
11821
|
+
],
|
11822
|
+
},
|
11823
|
+
{
|
11824
|
+
type: FormElementType.Label,
|
11825
|
+
label: t("animalHusbandry"),
|
11826
|
+
items: [
|
11827
|
+
{
|
11828
|
+
type: FormElementType.Radio,
|
11829
|
+
label: t("animalHusbandryQ1"),
|
11830
|
+
name: "animalHusbandryQ1",
|
11831
|
+
},
|
11832
|
+
],
|
11833
|
+
},
|
11834
|
+
{
|
11835
|
+
type: FormElementType.Label,
|
11836
|
+
label: t("criticalHabitats"),
|
11837
|
+
items: [
|
11838
|
+
{
|
11839
|
+
type: FormElementType.Radio,
|
11840
|
+
label: t("criticalHabitatsQ1"),
|
11841
|
+
name: "criticalHabitatsQ1",
|
11842
|
+
},
|
11843
|
+
],
|
11844
|
+
},
|
11845
|
+
{
|
11846
|
+
type: FormElementType.Label,
|
11847
|
+
label: t("endangeredSpecies"),
|
11848
|
+
items: [
|
11849
|
+
{
|
11850
|
+
type: FormElementType.Radio,
|
11851
|
+
label: t("endangeredSpeciesQ1"),
|
11852
|
+
name: "endangeredSpeciesQ1",
|
11853
|
+
},
|
11854
|
+
{
|
11855
|
+
type: FormElementType.Radio,
|
11856
|
+
label: t("endangeredSpeciesQ2"),
|
11857
|
+
name: "endangeredSpeciesQ2",
|
11858
|
+
},
|
11859
|
+
],
|
11860
|
+
},
|
11861
|
+
];
|
11862
|
+
var _b = useState(initialFormElementList), updatedFormElementList = _b[0], setUpdatedFormElementList = _b[1];
|
11863
|
+
useEffect(function () {
|
11864
|
+
onFormSubmit(safeguardDetails);
|
11865
|
+
}, [safeguardDetails]);
|
11866
|
+
var checkFormItemValueAvailable = function (valueitem) {
|
11867
|
+
if (valueitem && safeGuardViewData) {
|
11868
|
+
if (safeGuardViewData.hasOwnProperty(valueitem.name)) {
|
11869
|
+
return true;
|
11870
|
+
}
|
11871
|
+
}
|
11872
|
+
return false;
|
11873
|
+
};
|
11874
|
+
var checkFormSubHeaderVisible = function (labelItem) {
|
11875
|
+
var updatedLabelItem = labelItem;
|
11876
|
+
var isItemVisible = false;
|
11877
|
+
if (labelItem && labelItem.items) {
|
11878
|
+
labelItem.items.forEach(function (item) {
|
11879
|
+
if (item.type === FormElementType.Radio) {
|
11880
|
+
if (checkFormItemValueAvailable(item)) {
|
11881
|
+
updatedLabelItem = __assign(__assign({}, labelItem), { isVisible: true });
|
11882
|
+
isItemVisible = true;
|
11883
|
+
}
|
11884
|
+
}
|
11885
|
+
else {
|
11886
|
+
var updated = checkFormSubHeaderVisible(item);
|
11887
|
+
if (updated.isVisible)
|
11888
|
+
isItemVisible = true;
|
11889
|
+
var objIndex = labelItem.items.findIndex(function (obj) { return obj.type === FormElementType.Label; });
|
11890
|
+
labelItem.items[objIndex] = updated;
|
11891
|
+
updatedLabelItem = __assign({}, labelItem);
|
11892
|
+
}
|
11893
|
+
});
|
11894
|
+
}
|
11895
|
+
return __assign(__assign({}, updatedLabelItem), { isVisible: isItemVisible });
|
11896
|
+
};
|
11897
|
+
useEffect(function () {
|
11898
|
+
if (viewOnly && safeGuardViewData) {
|
11899
|
+
var updatedList = initialFormElementList.map(function (headerItem) {
|
11900
|
+
return checkFormSubHeaderVisible(headerItem);
|
11901
|
+
});
|
11902
|
+
setUpdatedFormElementList(updatedList);
|
11903
|
+
}
|
11904
|
+
else {
|
11905
|
+
if (safeGuardViewData) {
|
11906
|
+
setSafeguardDetails(safeGuardViewData);
|
11907
|
+
form.setFieldsValue(safeGuardViewData);
|
11908
|
+
}
|
11909
|
+
}
|
11910
|
+
}, [safeGuardViewData]);
|
11911
|
+
var onSafeguardValuesChanged = function (changedValues) {
|
11912
|
+
setSafeguardDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
|
11913
|
+
};
|
11914
|
+
return (React.createElement(React.Fragment, null,
|
11915
|
+
viewOnly && !safeGuardViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
|
11916
|
+
((viewOnly && safeGuardViewData) || !viewOnly) && (React.createElement("div", { className: "safeguard-tab-item" },
|
11917
|
+
React.createElement(Form, { onValuesChange: onSafeguardValuesChanged, name: "safeguardDetails", labelWrap: true, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", form: form }, updatedFormElementList.map(function (sectionItem) {
|
11918
|
+
return (React.createElement(React.Fragment, null,
|
11919
|
+
(sectionItem.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
|
11920
|
+
React.createElement("label", { className: "co-sub-title-text" }, sectionItem.label))),
|
11921
|
+
sectionItem.items.map(function (item) {
|
11922
|
+
if (item.type === FormElementType.Radio) {
|
11923
|
+
return (React.createElement(React.Fragment, null,
|
11924
|
+
!viewOnly && (React.createElement(Form.Item, { label: item === null || item === void 0 ? void 0 : item.label, className: item.className
|
11925
|
+
? item.className
|
11926
|
+
: "form-item mg-left-2", name: item === null || item === void 0 ? void 0 : item.name, rules: [
|
11927
|
+
{
|
11928
|
+
required: false,
|
11929
|
+
},
|
11930
|
+
] },
|
11931
|
+
React.createElement(Radio.Group, { size: "middle" },
|
11932
|
+
React.createElement("div", { className: "radio-container" },
|
11933
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus2.YES }, t("yes"))),
|
11934
|
+
React.createElement("div", { className: "radio-container" },
|
11935
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus2.MAYBE }, t("maybe"))),
|
11936
|
+
React.createElement("div", { className: "radio-container" },
|
11937
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus2.NO }, t("no")))))),
|
11938
|
+
viewOnly &&
|
11939
|
+
safeGuardViewData.hasOwnProperty(item === null || item === void 0 ? void 0 : item.name) && (React.createElement("div", { className: "view-section" },
|
11940
|
+
React.createElement(Form.Item, { label: item === null || item === void 0 ? void 0 : item.label, className: item.className
|
11941
|
+
? item.className
|
11942
|
+
: "form-item mg-left-2", name: item === null || item === void 0 ? void 0 : item.name },
|
11943
|
+
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
11944
|
+
React.createElement("div", { className: "radio-container" },
|
11945
|
+
React.createElement(Radio.Button, { className: "radio" }, safeGuardViewData[item === null || item === void 0 ? void 0 : item.name]))))))));
|
11946
|
+
}
|
11947
|
+
else if (item.type === FormElementType.Label) {
|
11948
|
+
return (React.createElement(React.Fragment, null,
|
11949
|
+
(item.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
|
11950
|
+
React.createElement("label", { className: "co-sub-title-text mg-left-2" }, item.label))),
|
11951
|
+
item.items.map(function (subItem) {
|
11952
|
+
return (React.createElement(React.Fragment, null,
|
11953
|
+
!viewOnly && (React.createElement(Form.Item, { label: subItem === null || subItem === void 0 ? void 0 : subItem.label, className: subItem.className
|
11954
|
+
? subItem.className
|
11955
|
+
: "form-item mg-left-2", name: subItem === null || subItem === void 0 ? void 0 : subItem.name, rules: [
|
11956
|
+
{
|
11957
|
+
required: false,
|
11958
|
+
},
|
11959
|
+
] },
|
11960
|
+
React.createElement(Radio.Group, { size: "middle" },
|
11961
|
+
React.createElement("div", { className: "radio-container" },
|
11962
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus2.YES }, t("yes"))),
|
11963
|
+
React.createElement("div", { className: "radio-container" },
|
11964
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus2.MAYBE }, t("maybe"))),
|
11965
|
+
React.createElement("div", { className: "radio-container" },
|
11966
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus2.NO }, t("no")))))),
|
11967
|
+
viewOnly &&
|
11968
|
+
safeGuardViewData.hasOwnProperty(subItem === null || subItem === void 0 ? void 0 : subItem.name) && (React.createElement("div", { className: "view-section" },
|
11969
|
+
React.createElement(Form.Item, { label: subItem === null || subItem === void 0 ? void 0 : subItem.label, className: subItem.className
|
11970
|
+
? subItem.className
|
11971
|
+
: "form-item mg-left-2", name: subItem === null || subItem === void 0 ? void 0 : subItem.name },
|
11972
|
+
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
11973
|
+
React.createElement("div", { className: "radio-container" },
|
11974
|
+
React.createElement(Radio.Button, { className: "radio" }, safeGuardViewData[subItem === null || subItem === void 0 ? void 0 : subItem.name]))))))));
|
11975
|
+
})));
|
11976
|
+
}
|
11977
|
+
})));
|
11978
|
+
}))))));
|
11979
|
+
};
|
11980
|
+
|
11981
|
+
var Environmental = function (props) {
|
11982
|
+
var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, t = props.t;
|
11983
|
+
var environmentalDetailsInitial = [
|
11984
|
+
{
|
11985
|
+
section: t("air"),
|
11986
|
+
fields: [
|
11987
|
+
{
|
11988
|
+
name: "airQ1",
|
11989
|
+
label: t("airQ1"),
|
11990
|
+
hide: false,
|
11991
|
+
required: false,
|
11992
|
+
},
|
11993
|
+
{
|
11994
|
+
name: "airQ2",
|
11995
|
+
label: t("airQ2"),
|
11996
|
+
hide: true,
|
11997
|
+
required: true,
|
11998
|
+
},
|
11999
|
+
{
|
12000
|
+
name: "airQ3",
|
12001
|
+
label: t("airQ3"),
|
12002
|
+
hide: true,
|
12003
|
+
required: true,
|
12004
|
+
},
|
12005
|
+
{
|
12006
|
+
name: "airQ4",
|
12007
|
+
label: t("airQ4"),
|
12008
|
+
hide: true,
|
12009
|
+
required: true,
|
12010
|
+
},
|
12011
|
+
{
|
12012
|
+
name: "airQ5",
|
12013
|
+
label: t("airQ5"),
|
12014
|
+
hide: true,
|
12015
|
+
required: true,
|
12016
|
+
},
|
12017
|
+
{
|
12018
|
+
name: "airQ6",
|
12019
|
+
label: t("airQ6"),
|
12020
|
+
hide: true,
|
12021
|
+
required: true,
|
12022
|
+
},
|
12023
|
+
{
|
12024
|
+
name: "airQ7",
|
12025
|
+
label: t("airQ7"),
|
12026
|
+
hide: true,
|
12027
|
+
required: true,
|
12028
|
+
},
|
12029
|
+
{
|
12030
|
+
name: "airQ8",
|
12031
|
+
label: t("airQ8"),
|
12032
|
+
hide: true,
|
12033
|
+
required: true,
|
12034
|
+
},
|
12035
|
+
{
|
12036
|
+
name: "airQ9",
|
12037
|
+
label: t("airQ9"),
|
12038
|
+
hide: true,
|
12039
|
+
required: true,
|
12040
|
+
},
|
12041
|
+
],
|
12042
|
+
},
|
12043
|
+
{
|
12044
|
+
section: t("land"),
|
12045
|
+
fields: [
|
12046
|
+
{
|
12047
|
+
name: "landQ1",
|
12048
|
+
label: t("landQ1"),
|
12049
|
+
hide: false,
|
12050
|
+
required: false,
|
12051
|
+
},
|
12052
|
+
{
|
12053
|
+
name: "landQ2",
|
12054
|
+
label: t("landQ2"),
|
12055
|
+
hide: true,
|
12056
|
+
required: true,
|
12057
|
+
},
|
12058
|
+
{
|
12059
|
+
name: "landQ3",
|
12060
|
+
label: t("landQ3"),
|
12061
|
+
hide: true,
|
12062
|
+
required: true,
|
12063
|
+
},
|
12064
|
+
{
|
12065
|
+
name: "landQ4",
|
12066
|
+
label: t("landQ4"),
|
12067
|
+
hide: true,
|
12068
|
+
required: true,
|
12069
|
+
},
|
12070
|
+
{
|
12071
|
+
name: "landQ5",
|
12072
|
+
label: t("landQ5"),
|
12073
|
+
hide: true,
|
12074
|
+
required: true,
|
12075
|
+
},
|
12076
|
+
{
|
12077
|
+
name: "landQ6",
|
12078
|
+
label: t("landQ6"),
|
12079
|
+
hide: true,
|
12080
|
+
required: true,
|
12081
|
+
},
|
12082
|
+
{
|
12083
|
+
name: "landQ7",
|
12084
|
+
label: t("landQ7"),
|
12085
|
+
hide: true,
|
12086
|
+
required: true,
|
12087
|
+
},
|
12088
|
+
{
|
12089
|
+
name: "landQ8",
|
12090
|
+
label: t("landQ8"),
|
12091
|
+
hide: true,
|
12092
|
+
required: true,
|
12093
|
+
},
|
12094
|
+
],
|
12095
|
+
},
|
12096
|
+
{
|
12097
|
+
section: t("water"),
|
12098
|
+
fields: [
|
12099
|
+
{
|
12100
|
+
name: "waterQ1",
|
12101
|
+
label: t("waterQ1"),
|
12102
|
+
hide: false,
|
12103
|
+
required: false,
|
12104
|
+
},
|
12105
|
+
{
|
12106
|
+
name: "waterQ2",
|
12107
|
+
label: t("waterQ2"),
|
12108
|
+
hide: true,
|
12109
|
+
required: true,
|
12110
|
+
},
|
12111
|
+
{
|
12112
|
+
name: "waterQ3",
|
12113
|
+
label: t("waterQ3"),
|
12114
|
+
hide: true,
|
12115
|
+
required: true,
|
12116
|
+
},
|
12117
|
+
{
|
12118
|
+
name: "waterQ4",
|
12119
|
+
label: t("waterQ4"),
|
12120
|
+
hide: true,
|
12121
|
+
required: true,
|
12122
|
+
},
|
12123
|
+
{
|
12124
|
+
name: "waterQ5",
|
12125
|
+
label: t("waterQ5"),
|
12126
|
+
hide: true,
|
12127
|
+
required: true,
|
12128
|
+
},
|
12129
|
+
{
|
12130
|
+
name: "waterQ6",
|
12131
|
+
label: t("waterQ6"),
|
12132
|
+
hide: true,
|
12133
|
+
required: true,
|
12134
|
+
},
|
12135
|
+
{
|
12136
|
+
name: "waterQ7",
|
12137
|
+
label: t("waterQ7"),
|
12138
|
+
hide: true,
|
12139
|
+
required: true,
|
12140
|
+
},
|
12141
|
+
],
|
12142
|
+
},
|
12143
|
+
{
|
12144
|
+
section: t("naturalResource"),
|
12145
|
+
fields: [
|
12146
|
+
{
|
12147
|
+
name: "naturalResourceQ1",
|
12148
|
+
label: t("naturalResourceQ1"),
|
12149
|
+
hide: false,
|
12150
|
+
required: false,
|
12151
|
+
},
|
12152
|
+
{
|
12153
|
+
name: "naturalResourceQ2",
|
12154
|
+
label: t("naturalResourceQ2"),
|
12155
|
+
hide: true,
|
12156
|
+
required: true,
|
12157
|
+
},
|
12158
|
+
{
|
12159
|
+
name: "naturalResourceQ3",
|
12160
|
+
label: t("naturalResourceQ3"),
|
12161
|
+
hide: true,
|
12162
|
+
required: true,
|
12163
|
+
},
|
12164
|
+
{
|
12165
|
+
name: "naturalResourceQ4",
|
12166
|
+
label: t("naturalResourceQ4"),
|
12167
|
+
hide: true,
|
12168
|
+
required: true,
|
12169
|
+
},
|
12170
|
+
{
|
12171
|
+
name: "naturalResourceQ5",
|
12172
|
+
label: t("naturalResourceQ5"),
|
12173
|
+
hide: true,
|
12174
|
+
required: true,
|
12175
|
+
},
|
12176
|
+
{
|
12177
|
+
name: "naturalResourceQ6",
|
12178
|
+
label: t("naturalResourceQ6"),
|
12179
|
+
hide: true,
|
12180
|
+
required: true,
|
12181
|
+
},
|
12182
|
+
],
|
12183
|
+
},
|
12184
|
+
];
|
12185
|
+
var formOne = Form.useForm()[0];
|
12186
|
+
var _a = useState(environmentalDetailsInitial), environmentalDetails = _a[0], setEnvironmentalDetails = _a[1];
|
12187
|
+
var _b = useState(); _b[0]; var setEnvironmentalUpdatedDetails = _b[1];
|
12188
|
+
var _c = useState(), environmentalFormDetails = _c[0], setEnvironmentalFormDetails = _c[1];
|
12189
|
+
var onFieldsChange = function (changedFields) {
|
12190
|
+
var _a, _b;
|
12191
|
+
var changedFieldName = (_a = changedFields[0]) === null || _a === void 0 ? void 0 : _a.name[0];
|
12192
|
+
var changedFieldValue = (_b = changedFields[0]) === null || _b === void 0 ? void 0 : _b.value;
|
12193
|
+
if (changedFieldName.includes("1")) {
|
12194
|
+
var sectionName_1 = changedFieldName.replace(/\d/g, "").replace("Q", "");
|
12195
|
+
var updatedEnvironmentalDetails = __spreadArray([], environmentalDetails, true);
|
12196
|
+
var sectionIndex = updatedEnvironmentalDetails.findIndex(function (section) { return section.section === t(sectionName_1); });
|
12197
|
+
updatedEnvironmentalDetails[sectionIndex].fields.forEach(function (field) {
|
12198
|
+
if (field.name !== changedFieldName) {
|
12199
|
+
field.hide = changedFieldValue !== RadioButtonStatus.YES;
|
12200
|
+
}
|
12201
|
+
});
|
12202
|
+
setEnvironmentalDetails(updatedEnvironmentalDetails);
|
12203
|
+
}
|
12204
|
+
};
|
12205
|
+
useEffect(function () {
|
12206
|
+
onFormSubmit(environmentalFormDetails);
|
12207
|
+
}, [environmentalFormDetails]);
|
12208
|
+
var onEnvironmentalValuesChanged = function (changedValues) {
|
12209
|
+
setEnvironmentalFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
|
12210
|
+
};
|
12211
|
+
useEffect(function () {
|
12212
|
+
if (environmentalViewData && viewOnly === true) {
|
12213
|
+
var updatedEnvironmentalData = [
|
12214
|
+
{
|
12215
|
+
section: t("air"),
|
12216
|
+
fields: [],
|
12217
|
+
},
|
12218
|
+
{
|
12219
|
+
section: t("land"),
|
12220
|
+
fields: [],
|
12221
|
+
},
|
12222
|
+
{
|
12223
|
+
section: t("water"),
|
12224
|
+
fields: [],
|
12225
|
+
},
|
12226
|
+
{
|
12227
|
+
section: t("naturalResource"),
|
12228
|
+
fields: [],
|
12229
|
+
},
|
12230
|
+
];
|
12231
|
+
var _loop_1 = function (key) {
|
12232
|
+
var section = "";
|
12233
|
+
if (String(key).includes("air")) {
|
12234
|
+
section = t("air");
|
12235
|
+
}
|
12236
|
+
else if (String(key).includes("land")) {
|
12237
|
+
section = t("land");
|
12238
|
+
}
|
12239
|
+
else if (String(key).includes("water")) {
|
12240
|
+
section = t("water");
|
12241
|
+
}
|
12242
|
+
else if (String(key).includes("naturalResource")) {
|
12243
|
+
section = t("naturalResource");
|
12244
|
+
}
|
12245
|
+
var environmentalItem = updatedEnvironmentalData.find(function (item) { return item.section === section; });
|
12246
|
+
if (environmentalItem) {
|
12247
|
+
environmentalItem.fields.push({
|
12248
|
+
name: key,
|
12249
|
+
label: t(key),
|
12250
|
+
hide: false,
|
12251
|
+
value: environmentalViewData[key],
|
12252
|
+
});
|
12253
|
+
}
|
12254
|
+
};
|
12255
|
+
for (var key in environmentalViewData) {
|
12256
|
+
_loop_1(key);
|
12257
|
+
}
|
12258
|
+
var filteredEconomicData = updatedEnvironmentalData.filter(function (item) { return item.fields.length > 0; });
|
12259
|
+
setEnvironmentalUpdatedDetails(filteredEconomicData);
|
12260
|
+
setEnvironmentalDetails(filteredEconomicData);
|
12261
|
+
console.log(filteredEconomicData);
|
12262
|
+
}
|
12263
|
+
}, []);
|
12264
|
+
return (React.createElement("div", { className: "co-benifits-tab-item" },
|
12265
|
+
React.createElement(Form, { name: "environmental-details", className: "benifits-details-environmental", labelCol: { md: 16, lg: 19, xl: 17 }, wrapperCol: { md: 8, lg: 5, xl: 7 }, layout: "horizontal", requiredMark: true, form: formOne, onFieldsChange: onFieldsChange, onValuesChange: onEnvironmentalValuesChanged },
|
12266
|
+
(environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
|
12267
|
+
React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" }, environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.map(function (environmentalDetail) {
|
12268
|
+
var _a;
|
12269
|
+
return (React.createElement(React.Fragment, null,
|
12270
|
+
React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
|
12271
|
+
_a.map(function (field, index) {
|
12272
|
+
return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
|
12273
|
+
{
|
12274
|
+
required: field === null || field === void 0 ? void 0 : field.required,
|
12275
|
+
message: (field === null || field === void 0 ? void 0 : field.required) &&
|
12276
|
+
"".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
|
12277
|
+
},
|
12278
|
+
] },
|
12279
|
+
React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
|
12280
|
+
(field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
|
12281
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
|
12282
|
+
(field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
|
12283
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
|
12284
|
+
(field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
|
12285
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
|
12286
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
12287
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
|
12288
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
12289
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
|
12290
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
12291
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
|
12292
|
+
})));
|
12293
|
+
})))));
|
12294
|
+
};
|
12295
|
+
|
12296
|
+
var Economic = function (props) {
|
12297
|
+
var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, t = props.t;
|
12298
|
+
var economicDetailsInitial = [
|
12299
|
+
{
|
12300
|
+
section: t("growth"),
|
12301
|
+
fields: [
|
12302
|
+
{
|
12303
|
+
name: "growthQ1",
|
12304
|
+
label: t("growthQ1"),
|
12305
|
+
hide: false,
|
12306
|
+
required: false,
|
12307
|
+
},
|
12308
|
+
{
|
12309
|
+
name: "growthQ2",
|
12310
|
+
label: t("growthQ2"),
|
12311
|
+
hide: true,
|
12312
|
+
required: true,
|
12313
|
+
},
|
12314
|
+
{
|
12315
|
+
name: "growthQ3",
|
12316
|
+
label: t("growthQ3"),
|
12317
|
+
hide: true,
|
12318
|
+
required: true,
|
12319
|
+
},
|
12320
|
+
{
|
12321
|
+
name: "growthQ4",
|
12322
|
+
label: t("growthQ4"),
|
12323
|
+
hide: true,
|
12324
|
+
required: true,
|
12325
|
+
},
|
12326
|
+
{
|
12327
|
+
name: "growthQ5",
|
12328
|
+
label: t("growthQ5"),
|
12329
|
+
hide: true,
|
12330
|
+
required: true,
|
12331
|
+
},
|
12332
|
+
{
|
12333
|
+
name: "growthQ6",
|
12334
|
+
label: t("growthQ6"),
|
12335
|
+
hide: true,
|
12336
|
+
required: true,
|
12337
|
+
},
|
12338
|
+
{
|
12339
|
+
name: "growthQ7",
|
12340
|
+
label: t("growthQ7"),
|
12341
|
+
hide: true,
|
12342
|
+
required: true,
|
12343
|
+
},
|
12344
|
+
{
|
12345
|
+
name: "growthQ8",
|
12346
|
+
label: t("growthQ8"),
|
12347
|
+
hide: true,
|
12348
|
+
required: true,
|
12349
|
+
},
|
12350
|
+
],
|
12351
|
+
},
|
12352
|
+
{
|
12353
|
+
section: t("energy"),
|
12354
|
+
fields: [
|
12355
|
+
{
|
12356
|
+
name: "energyQ1",
|
12357
|
+
label: t("energyQ1"),
|
12358
|
+
hide: false,
|
12359
|
+
required: false,
|
12360
|
+
},
|
12361
|
+
{
|
12362
|
+
name: "energyQ2",
|
12363
|
+
label: t("energyQ2"),
|
12364
|
+
hide: true,
|
12365
|
+
required: true,
|
12366
|
+
},
|
12367
|
+
{
|
12368
|
+
name: "energyQ3",
|
12369
|
+
label: t("energyQ3"),
|
12370
|
+
hide: true,
|
12371
|
+
required: true,
|
12372
|
+
},
|
12373
|
+
{
|
12374
|
+
name: "energyQ4",
|
12375
|
+
label: t("energyQ4"),
|
12376
|
+
hide: true,
|
12377
|
+
required: true,
|
12378
|
+
},
|
12379
|
+
{
|
12380
|
+
name: "energyQ5",
|
12381
|
+
label: t("energyQ5"),
|
12382
|
+
hide: true,
|
12383
|
+
required: true,
|
12384
|
+
},
|
12385
|
+
],
|
12386
|
+
},
|
12387
|
+
{
|
12388
|
+
section: t("techTransfer"),
|
12389
|
+
fields: [
|
12390
|
+
{
|
12391
|
+
name: "techTransferQ1",
|
12392
|
+
label: t("techTransferQ1"),
|
12393
|
+
hide: false,
|
12394
|
+
required: false,
|
12395
|
+
},
|
12396
|
+
{
|
12397
|
+
name: "techTransferQ2",
|
12398
|
+
label: t("techTransferQ2"),
|
12399
|
+
hide: true,
|
12400
|
+
required: true,
|
12401
|
+
},
|
12402
|
+
{
|
12403
|
+
name: "techTransferQ3",
|
12404
|
+
label: t("techTransferQ3"),
|
12405
|
+
hide: true,
|
12406
|
+
required: true,
|
12407
|
+
},
|
12408
|
+
{
|
12409
|
+
name: "techTransferQ4",
|
12410
|
+
label: t("techTransferQ4"),
|
12411
|
+
hide: true,
|
12412
|
+
required: true,
|
12413
|
+
},
|
12414
|
+
{
|
12415
|
+
name: "techTransferQ5",
|
12416
|
+
label: t("techTransferQ5"),
|
12417
|
+
hide: true,
|
12418
|
+
required: true,
|
12419
|
+
},
|
12420
|
+
{
|
12421
|
+
name: "techTransferQ6",
|
12422
|
+
label: t("techTransferQ6"),
|
12423
|
+
hide: true,
|
12424
|
+
required: true,
|
12425
|
+
},
|
12426
|
+
],
|
12427
|
+
},
|
12428
|
+
{
|
12429
|
+
section: t("balanceOfPayments"),
|
12430
|
+
fields: [
|
12431
|
+
{
|
12432
|
+
name: "balanceOfPaymentsQ1",
|
12433
|
+
label: t("balanceOfPaymentsQ1"),
|
12434
|
+
hide: false,
|
12435
|
+
required: false,
|
12436
|
+
},
|
12437
|
+
{
|
12438
|
+
name: "balanceOfPaymentsQ2",
|
12439
|
+
label: t("balanceOfPaymentsQ2"),
|
12440
|
+
hide: true,
|
12441
|
+
required: true,
|
12442
|
+
},
|
12443
|
+
{
|
12444
|
+
name: "balanceOfPaymentsQ3",
|
12445
|
+
label: t("balanceOfPaymentsQ3"),
|
12446
|
+
hide: true,
|
12447
|
+
required: true,
|
12448
|
+
},
|
12449
|
+
],
|
12450
|
+
},
|
12451
|
+
{
|
12452
|
+
section: t("furtherInfo"),
|
12453
|
+
fields: [
|
12454
|
+
{
|
12455
|
+
name: "furtherInfoQ1",
|
12456
|
+
label: t("furtherInfoQ1"),
|
12457
|
+
hide: false,
|
12458
|
+
required: false,
|
12459
|
+
},
|
12460
|
+
],
|
12461
|
+
},
|
12462
|
+
];
|
12463
|
+
var formOne = Form.useForm()[0];
|
12464
|
+
var _a = useState(economicDetailsInitial), economicDetails = _a[0], setEconomicDetails = _a[1];
|
12465
|
+
var _b = useState(), economicFormDetails = _b[0], setEconomicFormDetails = _b[1];
|
12466
|
+
var onFieldsChange = function (changedFields) {
|
12467
|
+
var _a, _b;
|
12468
|
+
var changedFieldName = (_a = changedFields[0]) === null || _a === void 0 ? void 0 : _a.name[0];
|
12469
|
+
var changedFieldValue = (_b = changedFields[0]) === null || _b === void 0 ? void 0 : _b.value;
|
12470
|
+
if (changedFieldName.includes("1")) {
|
12471
|
+
var sectionName_1 = changedFieldName.replace(/\d/g, "").replace("Q", "");
|
12472
|
+
var updatedEconomicDetails = __spreadArray([], economicDetails, true);
|
12473
|
+
var sectionIndex = updatedEconomicDetails.findIndex(function (section) { return section.section === t(sectionName_1); });
|
12474
|
+
updatedEconomicDetails[sectionIndex].fields.forEach(function (field) {
|
12475
|
+
if (field.name !== changedFieldName) {
|
12476
|
+
field.hide = changedFieldValue !== RadioButtonStatus.YES;
|
12477
|
+
}
|
12478
|
+
});
|
12479
|
+
setEconomicDetails(updatedEconomicDetails);
|
12480
|
+
}
|
12481
|
+
};
|
12482
|
+
useEffect(function () {
|
12483
|
+
onFormSubmit(economicFormDetails);
|
12484
|
+
}, [economicFormDetails]);
|
12485
|
+
var onEconomicValuesChanged = function (changedValues) {
|
12486
|
+
setEconomicFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
|
12487
|
+
};
|
12488
|
+
useEffect(function () {
|
12489
|
+
if (economicViewData && viewOnly === true) {
|
12490
|
+
var updatedEconomicData = [
|
12491
|
+
{
|
12492
|
+
section: t("growth"),
|
12493
|
+
fields: [],
|
12494
|
+
},
|
12495
|
+
{
|
12496
|
+
section: t("energy"),
|
12497
|
+
fields: [],
|
12498
|
+
},
|
12499
|
+
{
|
12500
|
+
section: t("techTransfer"),
|
12501
|
+
fields: [],
|
12502
|
+
},
|
12503
|
+
{
|
12504
|
+
section: t("balanceOfPayments"),
|
12505
|
+
fields: [],
|
12506
|
+
},
|
12507
|
+
{
|
12508
|
+
section: t("furtherInfo"),
|
12509
|
+
fields: [],
|
12510
|
+
},
|
12511
|
+
];
|
12512
|
+
var _loop_1 = function (key) {
|
12513
|
+
var section = "";
|
12514
|
+
if (String(key).includes("growth")) {
|
12515
|
+
section = t("growth");
|
12516
|
+
}
|
12517
|
+
else if (String(key).includes("energy")) {
|
12518
|
+
section = t("energy");
|
12519
|
+
}
|
12520
|
+
else if (String(key).includes("techTransfer")) {
|
12521
|
+
section = t("techTransfer");
|
12522
|
+
}
|
12523
|
+
else if (String(key).includes("balanceOfPayments")) {
|
12524
|
+
section = t("balanceOfPayments");
|
12525
|
+
}
|
12526
|
+
else if (String(key).includes("furtherInfo")) {
|
12527
|
+
section = t("furtherInfo");
|
12528
|
+
}
|
12529
|
+
var economicItem = updatedEconomicData.find(function (item) { return item.section === section; });
|
12530
|
+
if (economicItem) {
|
12531
|
+
economicItem.fields.push({
|
12532
|
+
name: key,
|
12533
|
+
label: t(key),
|
12534
|
+
hide: false,
|
12535
|
+
value: economicViewData[key],
|
12536
|
+
});
|
12537
|
+
}
|
12538
|
+
};
|
12539
|
+
for (var key in economicViewData) {
|
12540
|
+
_loop_1(key);
|
12541
|
+
}
|
12542
|
+
var filteredEconomicData = updatedEconomicData.filter(function (item) { return item.fields.length > 0; });
|
12543
|
+
setEconomicDetails(filteredEconomicData);
|
12544
|
+
console.log(updatedEconomicData);
|
12545
|
+
}
|
12546
|
+
}, []);
|
12547
|
+
return (React.createElement("div", { className: "co-benifits-tab-item" },
|
12548
|
+
React.createElement(Form, { name: "economic-details", className: "benifits-details-economic", labelCol: { md: 16, lg: 19, xl: 17 }, wrapperCol: { md: 8, lg: 5, xl: 7 }, layout: "horizontal", requiredMark: true, form: formOne, onFieldsChange: onFieldsChange, onValuesChange: onEconomicValuesChanged },
|
12549
|
+
(economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
|
12550
|
+
React.createElement("div", { className: economicViewData ? "section view-section" : "section" }, economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.map(function (environmentalDetail) {
|
12551
|
+
var _a;
|
12552
|
+
return (React.createElement(React.Fragment, null,
|
12553
|
+
React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
|
12554
|
+
_a.map(function (field, index) {
|
12555
|
+
return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
|
12556
|
+
{
|
12557
|
+
required: field === null || field === void 0 ? void 0 : field.required,
|
12558
|
+
message: (field === null || field === void 0 ? void 0 : field.required) &&
|
12559
|
+
"".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
|
12560
|
+
},
|
12561
|
+
] },
|
12562
|
+
React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
|
12563
|
+
(field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
|
12564
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
|
12565
|
+
(field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
|
12566
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
|
12567
|
+
(field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
|
12568
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
|
12569
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
12570
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
|
12571
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
12572
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
|
12573
|
+
React.createElement("div", { className: "yes-no-radio-container" },
|
12574
|
+
React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
|
12575
|
+
})));
|
12576
|
+
})))));
|
12577
|
+
};
|
12578
|
+
|
12579
|
+
var Social = function (props) {
|
12580
|
+
var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, t = props.t;
|
12581
|
+
var form = Form.useForm()[0];
|
12582
|
+
var _a = useState(0); _a[0]; var setRefreshCounter = _a[1];
|
12583
|
+
var _b = useState(), socialDetails = _b[0], setSocialDetails = _b[1];
|
12584
|
+
var _c = useState(true), isFormValid = _c[0], setIsFormValid = _c[1];
|
12585
|
+
var SocialElementDetails = [
|
12586
|
+
{
|
12587
|
+
title: t("jobs"),
|
12588
|
+
label: t("jobRelatedMainQ"),
|
12589
|
+
name: "jobRelatedMainQ",
|
12590
|
+
subItems: [
|
12591
|
+
{
|
12592
|
+
type: FormElementType.Radio,
|
12593
|
+
label: t("jobRelatedSubQ1"),
|
12594
|
+
name: "jobRelatedSubQ1",
|
12595
|
+
},
|
12596
|
+
{
|
12597
|
+
type: FormElementType.Radio,
|
12598
|
+
label: t("jobRelatedSubQ2"),
|
12599
|
+
name: "jobRelatedSubQ2",
|
12600
|
+
},
|
12601
|
+
{
|
12602
|
+
type: FormElementType.Radio,
|
12603
|
+
label: t("jobRelatedSubQ3"),
|
12604
|
+
name: "jobRelatedSubQ3",
|
12605
|
+
},
|
12606
|
+
{
|
12607
|
+
type: FormElementType.Radio,
|
12608
|
+
label: t("jobRelatedSubQ4"),
|
12609
|
+
name: "jobRelatedSubQ4",
|
12610
|
+
},
|
12611
|
+
{
|
12612
|
+
type: FormElementType.Input,
|
12613
|
+
label: t("jobRelatedSubQ5"),
|
12614
|
+
name: "jobRelatedSubQ5",
|
12615
|
+
},
|
12616
|
+
{
|
12617
|
+
type: FormElementType.Input,
|
12618
|
+
label: t("jobRelatedSubQ6"),
|
12619
|
+
name: "jobRelatedSubQ6",
|
12620
|
+
},
|
12621
|
+
{
|
12622
|
+
type: FormElementType.Input,
|
12623
|
+
label: t("jobRelatedSubQ7"),
|
12624
|
+
name: "jobRelatedSubQ7",
|
12625
|
+
},
|
12626
|
+
],
|
12627
|
+
},
|
12628
|
+
{
|
12629
|
+
title: t("health"),
|
12630
|
+
label: t("healthRelatedMainQ"),
|
12631
|
+
name: "healthRelatedMainQ",
|
12632
|
+
subItems: [
|
12633
|
+
{
|
12634
|
+
type: FormElementType.Radio,
|
12635
|
+
label: t("healthRelatedSubQ1"),
|
12636
|
+
name: "healthRelatedSubQ1",
|
12637
|
+
},
|
12638
|
+
{
|
12639
|
+
type: FormElementType.Radio,
|
12640
|
+
label: t("healthRelatedSubQ2"),
|
12641
|
+
name: "healthRelatedSubQ2",
|
12642
|
+
},
|
12643
|
+
{
|
12644
|
+
type: FormElementType.Radio,
|
12645
|
+
label: t("healthRelatedSubQ3"),
|
12646
|
+
name: "healthRelatedSubQ3",
|
12647
|
+
},
|
12648
|
+
{
|
12649
|
+
type: FormElementType.Radio,
|
12650
|
+
label: t("healthRelatedSubQ4"),
|
12651
|
+
name: "healthRelatedSubQ4",
|
12652
|
+
},
|
12653
|
+
{
|
12654
|
+
type: FormElementType.Radio,
|
12655
|
+
label: t("healthRelatedSubQ5"),
|
12656
|
+
name: "healthRelatedSubQ5",
|
12657
|
+
},
|
12658
|
+
{
|
12659
|
+
type: FormElementType.Radio,
|
12660
|
+
label: t("healthRelatedSubQ6"),
|
12661
|
+
name: "healthRelatedSubQ6",
|
12662
|
+
},
|
12663
|
+
{
|
12664
|
+
type: FormElementType.Radio,
|
12665
|
+
label: t("healthRelatedSubQ7"),
|
12666
|
+
name: "healthRelatedSubQ7",
|
12667
|
+
},
|
12668
|
+
{
|
12669
|
+
type: FormElementType.Radio,
|
12670
|
+
label: t("healthRelatedSubQ8"),
|
12671
|
+
name: "healthRelatedSubQ8",
|
12672
|
+
},
|
12673
|
+
],
|
12674
|
+
},
|
12675
|
+
{
|
12676
|
+
title: t("educational"),
|
12677
|
+
label: t("educationRelatedMainQ"),
|
12678
|
+
name: "educationRelatedMainQ",
|
12679
|
+
subItems: [
|
12680
|
+
{
|
12681
|
+
type: FormElementType.Radio,
|
12682
|
+
label: t("educationRelatedSubQ1"),
|
12683
|
+
name: "educationRelatedSubQ1",
|
12684
|
+
},
|
12685
|
+
{
|
12686
|
+
type: FormElementType.Radio,
|
12687
|
+
label: t("educationRelatedSubQ2"),
|
12688
|
+
name: "educationRelatedSubQ2",
|
12689
|
+
},
|
12690
|
+
{
|
12691
|
+
type: FormElementType.Radio,
|
12692
|
+
label: t("educationRelatedSubQ3"),
|
12693
|
+
name: "educationRelatedSubQ3",
|
12694
|
+
},
|
12695
|
+
{
|
12696
|
+
type: FormElementType.Radio,
|
12697
|
+
label: t("educationRelatedSubQ4"),
|
12698
|
+
name: "educationRelatedSubQ4",
|
12699
|
+
},
|
12700
|
+
],
|
12701
|
+
},
|
12702
|
+
{
|
12703
|
+
title: t("welfare"),
|
12704
|
+
label: t("welfareRelatedMainQ"),
|
12705
|
+
name: "welfareRelatedMainQ",
|
12706
|
+
subItems: [
|
12707
|
+
{
|
12708
|
+
type: FormElementType.Radio,
|
12709
|
+
label: t("welfareRelatedSubQ1"),
|
12710
|
+
name: "welfareRelatedSubQ1",
|
12711
|
+
},
|
12712
|
+
{
|
12713
|
+
type: FormElementType.Radio,
|
12714
|
+
label: t("welfareRelatedSubQ2"),
|
12715
|
+
name: "welfareRelatedSubQ2",
|
12716
|
+
},
|
12717
|
+
{
|
12718
|
+
type: FormElementType.Radio,
|
12719
|
+
label: t("welfareRelatedSubQ3"),
|
12720
|
+
name: "welfareRelatedSubQ3",
|
12721
|
+
},
|
12722
|
+
{
|
12723
|
+
type: FormElementType.Radio,
|
12724
|
+
label: t("welfareRelatedSubQ4"),
|
12725
|
+
name: "welfareRelatedSubQ4",
|
12726
|
+
},
|
12727
|
+
{
|
12728
|
+
type: FormElementType.Radio,
|
12729
|
+
label: t("welfareRelatedSubQ5"),
|
12730
|
+
name: "welfareRelatedSubQ5",
|
12731
|
+
},
|
12732
|
+
{
|
12733
|
+
type: FormElementType.Radio,
|
12734
|
+
label: t("welfareRelatedSubQ6"),
|
12735
|
+
name: "welfareRelatedSubQ6",
|
12736
|
+
},
|
12737
|
+
{
|
12738
|
+
type: FormElementType.Radio,
|
12739
|
+
label: t("welfareRelatedSubQ7"),
|
12740
|
+
name: "welfareRelatedSubQ7",
|
12741
|
+
},
|
12742
|
+
{
|
12743
|
+
type: FormElementType.Radio,
|
12744
|
+
label: t("welfareRelatedSubQ8"),
|
12745
|
+
name: "welfareRelatedSubQ8",
|
12746
|
+
},
|
12747
|
+
],
|
12748
|
+
},
|
12749
|
+
];
|
12750
|
+
useEffect(function () {
|
12751
|
+
if (socialViewData && !viewOnly) {
|
12752
|
+
setSocialDetails(socialViewData);
|
12753
|
+
form.setFieldsValue(socialViewData);
|
12754
|
+
}
|
12755
|
+
}, [socialViewData]);
|
12756
|
+
var validateForm = function () { return __awaiter(void 0, void 0, void 0, function () {
|
12757
|
+
var exception_1;
|
12758
|
+
return __generator(this, function (_a) {
|
12759
|
+
switch (_a.label) {
|
12760
|
+
case 0:
|
12761
|
+
_a.trys.push([0, 2, , 3]);
|
12762
|
+
form.submit();
|
12763
|
+
return [4 /*yield*/, form.validateFields()];
|
12764
|
+
case 1:
|
12765
|
+
_a.sent();
|
12766
|
+
return [3 /*break*/, 3];
|
12767
|
+
case 2:
|
12768
|
+
exception_1 = _a.sent();
|
12769
|
+
if (exception_1.errorFields.length > 0) {
|
12770
|
+
setIsFormValid(false);
|
12771
|
+
}
|
12772
|
+
else {
|
12773
|
+
setIsFormValid(true);
|
12774
|
+
}
|
12775
|
+
return [3 /*break*/, 3];
|
12776
|
+
case 3: return [2 /*return*/];
|
12777
|
+
}
|
12778
|
+
});
|
12779
|
+
}); };
|
12780
|
+
var onRadioStatusChanged = function () {
|
12781
|
+
setRefreshCounter(function (pre) { return pre + 1; });
|
12782
|
+
validateForm();
|
12783
|
+
};
|
12784
|
+
useEffect(function () {
|
12785
|
+
onFormSubmit(socialDetails, isFormValid);
|
12786
|
+
}, [socialDetails, isFormValid]);
|
12787
|
+
var onSocialValuesChanged = function (changedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
12788
|
+
return __generator(this, function (_a) {
|
12789
|
+
setSocialDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
|
12790
|
+
validateForm();
|
12791
|
+
return [2 /*return*/];
|
12792
|
+
});
|
12793
|
+
}); };
|
12794
|
+
useEffect(function () {
|
12795
|
+
validateForm();
|
12796
|
+
});
|
12797
|
+
return (React.createElement("div", { className: "social-tab-item" },
|
12798
|
+
viewOnly && !socialViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
|
12799
|
+
((viewOnly && socialViewData) || !viewOnly) && (React.createElement(Form, { name: "socialDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: onSocialValuesChanged }, SocialElementDetails.map(function (element) {
|
12800
|
+
return (React.createElement(React.Fragment, null,
|
12801
|
+
((viewOnly && socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) ||
|
12802
|
+
!viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
|
12803
|
+
React.createElement("label", { className: "co-sub-title-text" }, element.title))),
|
12804
|
+
!viewOnly && (React.createElement(React.Fragment, null,
|
12805
|
+
React.createElement(Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
|
12806
|
+
React.createElement(Radio.Group, { size: "middle", onChange: onRadioStatusChanged },
|
12807
|
+
React.createElement("div", { className: "radio-container" },
|
12808
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
|
12809
|
+
React.createElement("div", { className: "radio-container" },
|
12810
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NO }, t("no"))),
|
12811
|
+
React.createElement("div", { className: "radio-container" },
|
12812
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NA }, t("na"))))),
|
12813
|
+
form.getFieldValue(element.name) ===
|
12814
|
+
RadioButtonStatus.YES &&
|
12815
|
+
element.subItems.map(function (elementItem) {
|
12816
|
+
if (elementItem.type === FormElementType.Radio) {
|
12817
|
+
return (React.createElement(Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4", rules: [
|
12818
|
+
{
|
12819
|
+
required: true,
|
12820
|
+
message: "",
|
12821
|
+
},
|
12822
|
+
] },
|
12823
|
+
React.createElement(Radio.Group, { size: "middle" },
|
12824
|
+
React.createElement("div", { className: "radio-container" },
|
12825
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
|
12826
|
+
React.createElement("div", { className: "radio-container" },
|
12827
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NO }, t("no"))),
|
12828
|
+
React.createElement("div", { className: "radio-container" },
|
12829
|
+
React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NA }, t("na"))))));
|
12830
|
+
}
|
12831
|
+
else if (elementItem.type === FormElementType.Input) {
|
12832
|
+
return (React.createElement(Form.Item, { className: "mg-left-4", labelCol: { span: 24 }, wrapperCol: { span: 24 }, label: elementItem.label, name: elementItem.name },
|
12833
|
+
React.createElement(InputNumber, { style: { width: 303 } })));
|
12834
|
+
}
|
12835
|
+
}))),
|
12836
|
+
viewOnly && socialViewData && (React.createElement(React.Fragment, null,
|
12837
|
+
socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
|
12838
|
+
React.createElement(Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
|
12839
|
+
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
12840
|
+
React.createElement("div", { className: "radio-container" },
|
12841
|
+
React.createElement(Radio.Button, { className: "radio" }, socialViewData[element.name])))))),
|
12842
|
+
socialViewData[element.name] === RadioButtonStatus.YES &&
|
12843
|
+
element.subItems.map(function (elementItem) {
|
12844
|
+
if (elementItem.type === FormElementType.Radio) {
|
12845
|
+
return (React.createElement(React.Fragment, null, socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name) && (React.createElement("div", { className: "view-section" },
|
12846
|
+
React.createElement(Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4" },
|
12847
|
+
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
12848
|
+
React.createElement("div", { className: "radio-container" },
|
12849
|
+
React.createElement(Radio.Button, { className: "radio" }, socialViewData[elementItem.name]))))))));
|
12850
|
+
}
|
12851
|
+
else if (elementItem.type === FormElementType.Input) {
|
12852
|
+
return (React.createElement("div", { className: "view-section" },
|
12853
|
+
React.createElement(Form.Item, { className: "mg-left-4", labelCol: { span: 24 }, wrapperCol: { span: 24 }, label: elementItem.label, name: elementItem.name },
|
12854
|
+
React.createElement(Input, { disabled: true, style: { width: 303 }, defaultValue: socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name)
|
12855
|
+
? socialViewData[elementItem.name]
|
12856
|
+
: "-" }))));
|
12857
|
+
}
|
12858
|
+
}),
|
12859
|
+
" "))));
|
12860
|
+
})))));
|
12861
|
+
};
|
12862
|
+
|
12863
|
+
var CoBenifitsComponent = function (props) {
|
12864
|
+
var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, t = props.t;
|
12865
|
+
var _b = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
|
12866
|
+
var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
|
12867
|
+
var _d = useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
|
12868
|
+
var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
|
12869
|
+
setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
|
12870
|
+
};
|
12871
|
+
var onGenderParityFormSubmit = function (genderParityDetails) {
|
12872
|
+
setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { genderPariy: genderParityDetails })); });
|
12873
|
+
};
|
12874
|
+
var onEnvironmentalFormSubmit = function (environmentalsDetails) {
|
12875
|
+
setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { environmental: environmentalsDetails })); });
|
12876
|
+
};
|
12877
|
+
var onEconomicFormSubmit = function (economicDetails) {
|
12878
|
+
setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { economic: economicDetails })); });
|
12879
|
+
};
|
12880
|
+
var onAssessmentFormSubmit = function (coBenefitsAssessmentDetails, isFormValid) {
|
12881
|
+
setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { assessmentDetails: coBenefitsAssessmentDetails })); });
|
12882
|
+
setIsAssessmentFormValid(isFormValid);
|
12883
|
+
};
|
12884
|
+
var onSafeguardFormSubmit = function (safeguardDetails) {
|
12885
|
+
setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { safeguardDetails: safeguardDetails })); });
|
12886
|
+
};
|
12887
|
+
var onSocialFormSubmit = function (socialValueDetails, isFormValid) {
|
12888
|
+
setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialValueDetails: socialValueDetails })); });
|
12889
|
+
setIsSocialFormValid(isFormValid);
|
12890
|
+
};
|
12891
|
+
var tabItems = [
|
12892
|
+
{
|
12893
|
+
label: t("coBenifits:sdgGoals"),
|
12894
|
+
key: "1",
|
12895
|
+
children: (React.createElement(SdgGoals, { onFormSubmit: onSdgGoalsFormSubmit, sdgGoalsViewData: viewOnly
|
12896
|
+
? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.sdgGoals)
|
12897
|
+
? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.sdgGoals
|
12898
|
+
: []
|
12899
|
+
: coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.sdgGoals, viewOnly: viewOnly || false })),
|
12900
|
+
},
|
12901
|
+
{
|
12902
|
+
label: t("coBenifits:genderPart"),
|
12903
|
+
key: "2",
|
12904
|
+
children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, t: t })),
|
12905
|
+
},
|
12906
|
+
{
|
12907
|
+
label: t("coBenifits:safeguards"),
|
12908
|
+
key: "3",
|
12909
|
+
children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
|
12910
|
+
(!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, t: t })),
|
12911
|
+
},
|
12912
|
+
{
|
12913
|
+
label: t("coBenifits:environmental"),
|
12914
|
+
key: "4",
|
12915
|
+
children: (React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
|
12916
|
+
? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
|
12917
|
+
? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
|
12918
|
+
: {}
|
12919
|
+
: undefined, viewOnly: viewOnly || false, t: t })),
|
12920
|
+
},
|
12921
|
+
{
|
12922
|
+
label: t("coBenifits:social"),
|
12923
|
+
key: "5",
|
12924
|
+
children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
|
12925
|
+
(!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, t: t })),
|
12926
|
+
},
|
12927
|
+
{
|
12928
|
+
label: t("coBenifits:economic"),
|
12929
|
+
key: "6",
|
12930
|
+
children: (React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
|
12931
|
+
? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
|
12932
|
+
? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
|
12933
|
+
: {}
|
12934
|
+
: undefined, viewOnly: viewOnly || false, t: t })),
|
12935
|
+
},
|
12936
|
+
{
|
12937
|
+
label: t("coBenifits:assessment"),
|
12938
|
+
key: "7",
|
12939
|
+
children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
|
12940
|
+
(!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false })),
|
12941
|
+
},
|
12942
|
+
];
|
12943
|
+
var onCoBenefitSubmit = function () {
|
12944
|
+
var economicOverallValidation = true;
|
12945
|
+
var environmentalOverallValidation = true;
|
12946
|
+
var economicDetailsFromForm = coBenefitDetails === null || coBenefitDetails === void 0 ? void 0 : coBenefitDetails.economic;
|
12947
|
+
var environmentalDetailsFromForm = coBenefitDetails === null || coBenefitDetails === void 0 ? void 0 : coBenefitDetails.environmental;
|
12948
|
+
var economicSectionValidation = {
|
12949
|
+
growth: {
|
12950
|
+
validation: false,
|
12951
|
+
fields: 8,
|
12952
|
+
filled: 0,
|
12953
|
+
firstFieldValue: "N/A",
|
12954
|
+
},
|
12955
|
+
energy: {
|
12956
|
+
validation: false,
|
12957
|
+
fields: 5,
|
12958
|
+
filled: 0,
|
12959
|
+
firstFieldValue: "N/A",
|
12960
|
+
},
|
12961
|
+
techTransfer: {
|
12962
|
+
validation: false,
|
12963
|
+
fields: 6,
|
12964
|
+
filled: 0,
|
12965
|
+
firstFieldValue: "N/A",
|
12966
|
+
},
|
12967
|
+
balanceOfPayments: {
|
12968
|
+
validation: false,
|
12969
|
+
fields: 3,
|
12970
|
+
filled: 0,
|
12971
|
+
firstFieldValue: "N/A",
|
12972
|
+
},
|
12973
|
+
furtherInfo: {
|
12974
|
+
validation: false,
|
12975
|
+
fields: 1,
|
12976
|
+
filled: 0,
|
12977
|
+
firstFieldValue: "N/A",
|
12978
|
+
},
|
12979
|
+
};
|
12980
|
+
var environmentalSectionValidation = {
|
12981
|
+
air: { validation: false, fields: 9, filled: 0, firstFieldValue: "N/A" },
|
12982
|
+
land: { validation: false, fields: 8, filled: 0, firstFieldValue: "N/A" },
|
12983
|
+
water: {
|
12984
|
+
validation: false,
|
12985
|
+
fields: 7,
|
12986
|
+
filled: 0,
|
12987
|
+
firstFieldValue: "N/A",
|
12988
|
+
},
|
12989
|
+
naturalResource: {
|
12990
|
+
validation: false,
|
12991
|
+
fields: 6,
|
12992
|
+
filled: 0,
|
12993
|
+
firstFieldValue: "N/A",
|
12994
|
+
},
|
12995
|
+
};
|
12996
|
+
console.log(environmentalDetailsFromForm);
|
12997
|
+
for (var key in economicDetailsFromForm) {
|
12998
|
+
var sectionName = key.replace(/Q\d+/, "");
|
12999
|
+
var fieldValue = economicDetailsFromForm[key];
|
13000
|
+
if (economicSectionValidation.hasOwnProperty(sectionName)) {
|
13001
|
+
var section = economicSectionValidation[sectionName];
|
13002
|
+
section.filled += 1;
|
13003
|
+
if (fieldValue === RadioButtonStatus.YES &&
|
13004
|
+
key === "".concat(sectionName, "Q1")) {
|
13005
|
+
section.firstFieldValue = RadioButtonStatus.YES;
|
13006
|
+
}
|
13007
|
+
else if (fieldValue === RadioButtonStatus.NO &&
|
13008
|
+
key === "".concat(sectionName, "Q1")) {
|
13009
|
+
section.firstFieldValue = RadioButtonStatus.NO;
|
13010
|
+
}
|
13011
|
+
else if (fieldValue === RadioButtonStatus.NA &&
|
13012
|
+
key === "".concat(sectionName, "Q1")) {
|
13013
|
+
section.firstFieldValue = RadioButtonStatus.NA;
|
13014
|
+
}
|
13015
|
+
}
|
13016
|
+
}
|
13017
|
+
for (var section in economicSectionValidation) {
|
13018
|
+
if (economicSectionValidation[section].firstFieldValue ===
|
13019
|
+
RadioButtonStatus.YES &&
|
13020
|
+
economicSectionValidation[section].fields !==
|
13021
|
+
economicSectionValidation[section].filled) {
|
13022
|
+
economicOverallValidation = false;
|
13023
|
+
}
|
13024
|
+
}
|
13025
|
+
for (var key in environmentalDetailsFromForm) {
|
13026
|
+
var sectionName = key.replace(/Q\d+/, "");
|
13027
|
+
var fieldValue = environmentalDetailsFromForm[key];
|
13028
|
+
if (environmentalSectionValidation.hasOwnProperty(sectionName)) {
|
13029
|
+
var section = environmentalSectionValidation[sectionName];
|
13030
|
+
section.filled += 1;
|
13031
|
+
if (fieldValue === RadioButtonStatus.YES &&
|
13032
|
+
key === "".concat(sectionName, "Q1")) {
|
13033
|
+
section.firstFieldValue = RadioButtonStatus.YES;
|
13034
|
+
}
|
13035
|
+
else if (fieldValue === RadioButtonStatus.NO &&
|
13036
|
+
key === "".concat(sectionName, "Q1")) {
|
13037
|
+
section.firstFieldValue = RadioButtonStatus.NO;
|
13038
|
+
}
|
13039
|
+
else if (fieldValue === RadioButtonStatus.NA &&
|
13040
|
+
key === "".concat(sectionName, "Q1")) {
|
13041
|
+
section.firstFieldValue = RadioButtonStatus.NA;
|
13042
|
+
}
|
13043
|
+
}
|
13044
|
+
}
|
13045
|
+
for (var section in environmentalSectionValidation) {
|
13046
|
+
if (environmentalSectionValidation[section].firstFieldValue ===
|
13047
|
+
RadioButtonStatus.YES &&
|
13048
|
+
environmentalSectionValidation[section].fields !==
|
13049
|
+
environmentalSectionValidation[section].filled) {
|
13050
|
+
environmentalOverallValidation = false;
|
13051
|
+
}
|
13052
|
+
}
|
13053
|
+
if (environmentalOverallValidation !== true) {
|
13054
|
+
message.open({
|
13055
|
+
type: "error",
|
13056
|
+
content: "Fill the required fields in Co-benifits Environmental section",
|
13057
|
+
duration: 4,
|
13058
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
13059
|
+
});
|
13060
|
+
return;
|
13061
|
+
}
|
13062
|
+
if (!isSocialFormValid) {
|
13063
|
+
message.open({
|
13064
|
+
type: "error",
|
13065
|
+
content: "Fill the required fields in Co-benifits Social section",
|
13066
|
+
duration: 4,
|
13067
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
13068
|
+
});
|
13069
|
+
return;
|
13070
|
+
}
|
13071
|
+
if (economicOverallValidation !== true) {
|
13072
|
+
message.open({
|
13073
|
+
type: "error",
|
13074
|
+
content: "Fill the required fields in Co-benifits Economic section",
|
13075
|
+
duration: 4,
|
13076
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
13077
|
+
});
|
13078
|
+
return;
|
13079
|
+
}
|
13080
|
+
if (!isAssessmentFormValid) {
|
13081
|
+
message.open({
|
13082
|
+
type: "error",
|
13083
|
+
content: "Fill the required fields in Co-benifits Assessment section",
|
13084
|
+
duration: 4,
|
13085
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
13086
|
+
});
|
13087
|
+
return;
|
13088
|
+
}
|
13089
|
+
onFormSubmit(coBenefitDetails);
|
13090
|
+
};
|
13091
|
+
return (React.createElement("div", { className: "co-benifits-container" },
|
13092
|
+
React.createElement("div", null,
|
13093
|
+
React.createElement(Tabs, { className: "benifits-tabs", defaultActiveKey: "1", centered: true, items: tabItems })),
|
13094
|
+
!viewOnly && (React.createElement("div", { className: "steps-actions" },
|
13095
|
+
React.createElement(Row, null,
|
13096
|
+
React.createElement(Button, { onClick: function () { return onClickedBackBtn(coBenefitDetails); } }, t("back")),
|
13097
|
+
React.createElement(Button, { className: "mg-left-1", type: "primary", loading: loading, onClick: onCoBenefitSubmit }, submitButtonText ? submitButtonText : t("submit")))))));
|
13098
|
+
};
|
13099
|
+
|
13100
|
+
var AddNdcActionComponent = function (props) {
|
13101
|
+
var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, t = props.t, coBenefitTranslations = props.coBenefitTranslations;
|
13102
|
+
var _a = useState(1), current = _a[0], setCurrent = _a[1];
|
13103
|
+
var _b = useState(), programmeDetails = _b[0], setprogrammeDetails = _b[1];
|
13104
|
+
var _c = useState(), ndcActionDetails = _c[0], setNdcActionDetails = _c[1];
|
13105
|
+
var state = useLocation().state;
|
13106
|
+
var post = useConnection().post;
|
13107
|
+
var _d = useState(false), loading = _d[0], setLoading = _d[1];
|
13108
|
+
var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
|
13109
|
+
? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
|
13110
|
+
: 5000000;
|
13111
|
+
useEffect(function () {
|
13112
|
+
if (!(state === null || state === void 0 ? void 0 : state.record)) {
|
13113
|
+
//navigate("/programmeManagement/viewAll", { replace: true });
|
13114
|
+
onNavigateToProgrammeManagementView();
|
13115
|
+
}
|
13116
|
+
else {
|
13117
|
+
setprogrammeDetails(state.record);
|
13118
|
+
setNdcActionDetails(undefined);
|
13119
|
+
}
|
13120
|
+
}, []);
|
13121
|
+
var isProjectReportsVisible = function () {
|
13122
|
+
return (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.currentStage) === ProgrammeStage.Authorised;
|
13123
|
+
};
|
13124
|
+
var saveNdcAction = function (ndcActionDetailsObj) { return __awaiter(void 0, void 0, void 0, function () {
|
13125
|
+
var response, error_1;
|
13126
|
+
return __generator(this, function (_a) {
|
13127
|
+
switch (_a.label) {
|
13128
|
+
case 0:
|
13129
|
+
setLoading(true);
|
13130
|
+
_a.label = 1;
|
13131
|
+
case 1:
|
13132
|
+
_a.trys.push([1, 3, 4, 5]);
|
13133
|
+
if (ndcActionDetailsObj.enablementReportData) {
|
13134
|
+
delete ndcActionDetailsObj.enablementReportData;
|
13135
|
+
}
|
13136
|
+
ndcActionDetailsObj.methodology = t("ndcAction:goldStandard");
|
13137
|
+
return [4 /*yield*/, post("national/programme/addNDCAction", ndcActionDetailsObj)];
|
13138
|
+
case 2:
|
13139
|
+
response = _a.sent();
|
13140
|
+
if (response.status === 200 || response.status === 201) {
|
13141
|
+
message.open({
|
13142
|
+
type: "success",
|
13143
|
+
content: "".concat(t("ndcSuccessfullyCreated")),
|
13144
|
+
duration: 4,
|
13145
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
13146
|
+
});
|
13147
|
+
// navigate("/programmeManagement/view", {
|
13148
|
+
// state: { record: programmeDetails },
|
13149
|
+
// });
|
13150
|
+
onNavigateToProgrammeView(programmeDetails);
|
13151
|
+
}
|
13152
|
+
return [3 /*break*/, 5];
|
13153
|
+
case 3:
|
13154
|
+
error_1 = _a.sent();
|
13155
|
+
message.open({
|
13156
|
+
type: "error",
|
13157
|
+
content: error_1 && error_1.message ? error_1.message : "".concat("ndcCreationFailed"),
|
13158
|
+
duration: 4,
|
13159
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
13160
|
+
});
|
13161
|
+
return [3 /*break*/, 5];
|
13162
|
+
case 4:
|
13163
|
+
setLoading(false);
|
13164
|
+
return [7 /*endfinally*/];
|
13165
|
+
case 5: return [2 /*return*/];
|
13166
|
+
}
|
13167
|
+
});
|
13168
|
+
}); };
|
13169
|
+
var onClickNext = function () {
|
13170
|
+
setCurrent(function (pre) { return pre + 1; });
|
13171
|
+
};
|
13172
|
+
var onClickBack = function () {
|
13173
|
+
setCurrent(function (pre) { return pre - 1; });
|
13174
|
+
};
|
13175
|
+
var onClickBackCoBenefits = function (savedCoBenefitsDetails) {
|
13176
|
+
var updatedNdcActionDetails = __assign(__assign({}, ndcActionDetails), { coBenefitsProperties: savedCoBenefitsDetails });
|
13177
|
+
setNdcActionDetails(updatedNdcActionDetails);
|
13178
|
+
onClickBack();
|
13179
|
+
};
|
13180
|
+
var onProjectReportSubmit = function (projectReportFormValues) { return __awaiter(void 0, void 0, void 0, function () {
|
13181
|
+
var updatedNdcActionDetails, logoBase64;
|
13182
|
+
return __generator(this, function (_a) {
|
13183
|
+
switch (_a.label) {
|
13184
|
+
case 0:
|
13185
|
+
updatedNdcActionDetails = __assign({}, ndcActionDetails);
|
13186
|
+
if (!(projectReportFormValues.monitoringReport &&
|
13187
|
+
projectReportFormValues.monitoringReport.length > 0)) return [3 /*break*/, 2];
|
13188
|
+
return [4 /*yield*/, getBase64(projectReportFormValues.monitoringReport[0].originFileObj)];
|
13189
|
+
case 1:
|
13190
|
+
logoBase64 = _a.sent();
|
13191
|
+
updatedNdcActionDetails.monitoringReport = logoBase64;
|
13192
|
+
_a.label = 2;
|
13193
|
+
case 2:
|
13194
|
+
setNdcActionDetails(updatedNdcActionDetails);
|
13195
|
+
saveNdcAction(updatedNdcActionDetails);
|
13196
|
+
return [2 /*return*/];
|
13197
|
+
}
|
13198
|
+
});
|
13199
|
+
}); };
|
13200
|
+
var onNdcActionDetailsSubmit = function (ndcActionDetailsObj) { return __awaiter(void 0, void 0, void 0, function () {
|
13201
|
+
return __generator(this, function (_a) {
|
13202
|
+
ndcActionDetailsObj.programmeId = programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.programmeId;
|
13203
|
+
setNdcActionDetails(function (pre) { return (__assign(__assign({}, pre), ndcActionDetailsObj)); });
|
13204
|
+
onClickNext();
|
13205
|
+
return [2 /*return*/];
|
13206
|
+
});
|
13207
|
+
}); };
|
13208
|
+
var onCoBenefitsSubmit = function (coBenefitsFormValues) { return __awaiter(void 0, void 0, void 0, function () {
|
13209
|
+
var updatedNdcActionDetails;
|
13210
|
+
return __generator(this, function (_a) {
|
13211
|
+
updatedNdcActionDetails = __assign(__assign({}, ndcActionDetails), { coBenefitsProperties: coBenefitsFormValues });
|
13212
|
+
setNdcActionDetails(updatedNdcActionDetails);
|
13213
|
+
if (isProjectReportsVisible()) {
|
13214
|
+
onClickNext();
|
13215
|
+
}
|
13216
|
+
else {
|
13217
|
+
saveNdcAction(updatedNdcActionDetails);
|
13218
|
+
}
|
13219
|
+
return [2 /*return*/];
|
13220
|
+
});
|
13221
|
+
}); };
|
13222
|
+
var normFile = function (e) {
|
13223
|
+
if (Array.isArray(e)) {
|
13224
|
+
return e;
|
13225
|
+
}
|
13226
|
+
return e === null || e === void 0 ? void 0 : e.fileList;
|
13227
|
+
};
|
13228
|
+
var stepItems = [
|
13229
|
+
{
|
13230
|
+
title: (React.createElement("div", { className: "step-title-container" },
|
13231
|
+
React.createElement("div", { className: "step-count" }, "01"),
|
13232
|
+
React.createElement("div", { className: "title" }, t("ndcAction:ndcActionDetailsTitle")),
|
13233
|
+
React.createElement("div", { className: "info-container" },
|
13234
|
+
React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "right", trigger: "hover", title: t("ndcAction:ndcToolTip"), overlayClassName: "custom-tooltip" },
|
13235
|
+
React.createElement(InfoCircle, { color: "#000000", size: 17 }))))),
|
13236
|
+
description: (React.createElement("div", { className: current !== 1 ? "hide" : "" },
|
13237
|
+
React.createElement(NdcActionDetails, { isBackBtnVisible: false, onFormSubmit: onNdcActionDetailsSubmit, ndcActionDetails: ndcActionDetails, t: t, programmeDetails: programmeDetails }))),
|
13238
|
+
},
|
13239
|
+
{
|
13240
|
+
title: (React.createElement("div", { className: "step-title-container" },
|
13241
|
+
React.createElement("div", { className: "step-count" }, "02"),
|
13242
|
+
React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsTitle")))),
|
13243
|
+
description: (React.createElement("div", { className: current !== 2 ? "hide" : "" },
|
13244
|
+
React.createElement(CoBenifitsComponent, { onClickedBackBtn: onClickBackCoBenefits, coBenefitsDetails: ndcActionDetails ? ndcActionDetails.coBenefitsProperties : {}, onFormSubmit: onCoBenefitsSubmit, submitButtonText: isProjectReportsVisible()
|
13245
|
+
? t("ndcAction:next")
|
13246
|
+
: t("ndcAction:submit"), loading: loading, t: coBenefitTranslations }))),
|
13247
|
+
},
|
13248
|
+
];
|
13249
|
+
if (isProjectReportsVisible()) {
|
13250
|
+
stepItems.push({
|
13251
|
+
title: (React.createElement("div", { className: "step-title-container" },
|
13252
|
+
React.createElement("div", { className: "step-count" }, "03"),
|
13253
|
+
React.createElement("div", { className: "title" }, t("ndcAction:projectReportsTitle")))),
|
13254
|
+
description: (React.createElement("div", { className: current !== 3 ? "hide" : "" },
|
13255
|
+
React.createElement(Form, { name: "projectReports", layout: "vertical", requiredMark: true, onFinish: onProjectReportSubmit },
|
13256
|
+
React.createElement(Form.Item, { label: t("ndcAction:monitoringReport"), name: "monitoringReport", valuePropName: "fileList", getValueFromEvent: normFile, required: false, rules: [
|
13257
|
+
{
|
13258
|
+
validator: function (rule, file) { return __awaiter(void 0, void 0, void 0, function () {
|
13259
|
+
var isCorrectFormat;
|
13260
|
+
var _a, _b, _c, _d;
|
13261
|
+
return __generator(this, function (_e) {
|
13262
|
+
if ((file === null || file === void 0 ? void 0 : file.length) > 0) {
|
13263
|
+
isCorrectFormat = false;
|
13264
|
+
if (((_a = file[0]) === null || _a === void 0 ? void 0 : _a.type) === "application/pdf") {
|
13265
|
+
isCorrectFormat = true;
|
13266
|
+
}
|
13267
|
+
else if (((_b = file[0]) === null || _b === void 0 ? void 0 : _b.type) ===
|
13268
|
+
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") {
|
13269
|
+
isCorrectFormat = true;
|
13270
|
+
}
|
13271
|
+
else if (((_c = file[0]) === null || _c === void 0 ? void 0 : _c.type) === "text/csv") {
|
13272
|
+
isCorrectFormat = true;
|
13273
|
+
}
|
13274
|
+
if (!isCorrectFormat) {
|
13275
|
+
throw new Error("".concat(t("ndcAction:invalidFileFormat")));
|
13276
|
+
}
|
13277
|
+
else if (((_d = file[0]) === null || _d === void 0 ? void 0 : _d.size) > maximumImageSize) {
|
13278
|
+
// default size format of files would be in bytes -> 1MB = 1000000bytes
|
13279
|
+
throw new Error("".concat(t("common:maxSizeVal")));
|
13280
|
+
}
|
13281
|
+
}
|
13282
|
+
return [2 /*return*/];
|
13283
|
+
});
|
13284
|
+
}); },
|
13285
|
+
},
|
13286
|
+
] },
|
13287
|
+
React.createElement(Upload, { beforeUpload: function (file) {
|
13288
|
+
return false;
|
13289
|
+
}, className: "design-upload-section", name: "monitoringReport", listType: "picture", multiple: false, maxCount: 1 },
|
13290
|
+
React.createElement(Button, { className: "upload-doc", size: "large", icon: React.createElement(UploadOutlined, null) }, "Upload"))),
|
13291
|
+
React.createElement("div", { className: "steps-actions" },
|
13292
|
+
React.createElement(Row, null,
|
13293
|
+
React.createElement(Button, { onClick: onClickBack }, t("ndcAction:back")),
|
13294
|
+
React.createElement(Button, { className: "mg-left-1", htmlType: "submit", type: "primary", loading: loading }, t("ndcAction:submit"))))))),
|
13295
|
+
});
|
13296
|
+
}
|
13297
|
+
return (React.createElement("div", { className: "add-ndc-main-container" },
|
13298
|
+
React.createElement("div", { className: "title-container" },
|
13299
|
+
React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle")),
|
13300
|
+
React.createElement("div", { className: "sub" }, t("ndcAction:addNdcSubTitle"))),
|
13301
|
+
React.createElement("div", { className: "adding-section" },
|
13302
|
+
React.createElement("div", { className: "form-section" },
|
13303
|
+
React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
|
13304
|
+
};
|
13305
|
+
|
10389
13306
|
var css_248z$1 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
|
10390
13307
|
styleInject(css_248z$1);
|
10391
13308
|
|
@@ -10635,5 +13552,5 @@ var StasticCard = function (props) {
|
|
10635
13552
|
updatedDate !== '0' && React.createElement("div", { className: "updated-on" }, updatedDate)))));
|
10636
13553
|
};
|
10637
13554
|
|
10638
|
-
export { AddNewCompanyComponent, AddNewUserComponent, BaseEntity, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, ConfigurationSettingsType, CreditTransferStage, ESGType, EnergyGenerationUnits, FormElementType, Instrument, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, MitigationTypes, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, ProfileIcon, ProgrammeEntity, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeStage, ProgrammeStageMRV, ProgrammeTransfer, ProgrammeViewComponent, RadioButtonStatus, RadioButtonStatus2, RetireType, Role, RoleIcon, SdgGoals, Sector, SectoralScope, StasticCard, Titles, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
|
13555
|
+
export { AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, BaseEntity, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, ConfigurationSettingsType, CreditTransferStage, ESGType, EnergyGenerationUnits, FormElementType, Instrument, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, MitigationTypes, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, ProfileIcon, ProgrammeEntity, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeStage, ProgrammeStageMRV, ProgrammeTransfer, ProgrammeViewComponent, RadioButtonStatus, RadioButtonStatus2, RetireType, Role, RoleIcon, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, Titles, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
|
10639
13556
|
//# sourceMappingURL=index.js.map
|