@undp/carbon-library 1.0.136-CARBON-343.0 → 1.0.136-CARBON-343.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +1235 -271
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +3 -0
- package/dist/cjs/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +4 -0
- package/dist/cjs/types/Components/index.d.ts +2 -0
- package/dist/cjs/types/Definitions/Enums/investment.enum.d.ts +4 -0
- package/dist/esm/index.js +1234 -272
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/Support/AddNewSupport/supportCreationComponent.d.ts +3 -0
- package/dist/esm/types/Components/Support/SupportManagement/supportManagementComponent.d.ts +4 -0
- package/dist/esm/types/Components/index.d.ts +2 -0
- package/dist/esm/types/Definitions/Enums/investment.enum.d.ts +4 -0
- package/dist/index.d.ts +9 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
@@ -11,6 +11,7 @@ import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill, Clip
|
|
11
11
|
import 'react-phone-number-input/style.css';
|
12
12
|
import mapboxgl from 'mapbox-gl';
|
13
13
|
import 'mapbox-gl/dist/mapbox-gl.css';
|
14
|
+
import ApexCharts from 'react-apexcharts';
|
14
15
|
|
15
16
|
/******************************************************************************
|
16
17
|
Copyright (c) Microsoft Corporation.
|
@@ -127,15 +128,15 @@ function styleInject(css, ref) {
|
|
127
128
|
}
|
128
129
|
}
|
129
130
|
|
130
|
-
var css_248z$
|
131
|
+
var css_248z$x = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
|
132
|
+
styleInject(css_248z$x);
|
133
|
+
|
134
|
+
var css_248z$w = ".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";
|
131
135
|
styleInject(css_248z$w);
|
132
136
|
|
133
|
-
var css_248z$v = ".
|
137
|
+
var css_248z$v = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
|
134
138
|
styleInject(css_248z$v);
|
135
139
|
|
136
|
-
var css_248z$u = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
|
137
|
-
styleInject(css_248z$u);
|
138
|
-
|
139
140
|
var RoleIcon = function (props) {
|
140
141
|
var icon = props.icon, bg = props.bg, color = props.color;
|
141
142
|
return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
|
@@ -428,8 +429,8 @@ var CompanyManagementColumns;
|
|
428
429
|
CompanyManagementColumns["companyState"] = "status";
|
429
430
|
})(CompanyManagementColumns || (CompanyManagementColumns = {}));
|
430
431
|
|
431
|
-
var css_248z$
|
432
|
-
styleInject(css_248z$
|
432
|
+
var css_248z$u = ".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";
|
433
|
+
styleInject(css_248z$u);
|
433
434
|
|
434
435
|
var isBase64 = function (str) {
|
435
436
|
if (!str || str === '' || str.trim() === '') {
|
@@ -469,8 +470,8 @@ var CompanyRole;
|
|
469
470
|
CompanyRole["API"] = "API";
|
470
471
|
})(CompanyRole || (CompanyRole = {}));
|
471
472
|
|
472
|
-
var css_248z$
|
473
|
-
styleInject(css_248z$
|
473
|
+
var css_248z$t = ".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\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n background: #fff7e6;\n border-color: #ffd591; }\n";
|
474
|
+
styleInject(css_248z$t);
|
474
475
|
|
475
476
|
var OrganisationStatus = function (props) {
|
476
477
|
var organisationStatus = props.organisationStatus, t = props.t;
|
@@ -834,11 +835,11 @@ var CompanyManagementComponent = function (props) {
|
|
834
835
|
} })))))));
|
835
836
|
};
|
836
837
|
|
837
|
-
var css_248z$
|
838
|
-
styleInject(css_248z$
|
838
|
+
var css_248z$s = ".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\n.hide {\n display: none !important; }\n";
|
839
|
+
styleInject(css_248z$s);
|
839
840
|
|
840
|
-
var css_248z$q = "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";
|
841
|
-
styleInject(css_248z$
|
841
|
+
var css_248z$r = "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";
|
842
|
+
styleInject(css_248z$r);
|
842
843
|
|
843
844
|
var UserManagementColumns;
|
844
845
|
(function (UserManagementColumns) {
|
@@ -904,6 +905,11 @@ var InvestmentType;
|
|
904
905
|
InvestmentType["PUBLIC"] = "Public";
|
905
906
|
InvestmentType["PRIVATE"] = "Private";
|
906
907
|
})(InvestmentType || (InvestmentType = {}));
|
908
|
+
var InvestmentCreationType;
|
909
|
+
(function (InvestmentCreationType) {
|
910
|
+
InvestmentCreationType["EXISTING"] = "Existing";
|
911
|
+
InvestmentCreationType["NEW"] = "New";
|
912
|
+
})(InvestmentCreationType || (InvestmentCreationType = {}));
|
907
913
|
var InvestmentStream;
|
908
914
|
(function (InvestmentStream) {
|
909
915
|
InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
|
@@ -5274,8 +5280,8 @@ var UserActionConfirmationModel = function (props) {
|
|
5274
5280
|
React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
|
5275
5281
|
};
|
5276
5282
|
|
5277
|
-
var css_248z$
|
5278
|
-
styleInject(css_248z$
|
5283
|
+
var css_248z$q = ".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 .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
|
5284
|
+
styleInject(css_248z$q);
|
5279
5285
|
|
5280
5286
|
var CompanyProfileComponent = function (props) {
|
5281
5287
|
var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField;
|
@@ -5693,8 +5699,8 @@ var CompanyProfileComponent = function (props) {
|
|
5693
5699
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onRejectOrgConfirmed, onActionCanceled: onRejectOrgCanceled, openModal: openRejectModal, errorMsg: errorMsg, loading: isLoading })));
|
5694
5700
|
};
|
5695
5701
|
|
5696
|
-
var css_248z$
|
5697
|
-
styleInject(css_248z$
|
5702
|
+
var css_248z$p = ".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: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .org-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .org-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 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";
|
5703
|
+
styleInject(css_248z$p);
|
5698
5704
|
|
5699
5705
|
var Search$1 = Input.Search;
|
5700
5706
|
var ProgrammeManagementComponent = function (props) {
|
@@ -6132,8 +6138,8 @@ var ProgrammeManagementComponent = function (props) {
|
|
6132
6138
|
} })))))));
|
6133
6139
|
};
|
6134
6140
|
|
6135
|
-
var css_248z$n = ".programme-details-form-container,\n.programme-sought-form-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form,\n .programme-details-form-container .programme-sought-form,\n .programme-sought-form-container .programme-details-form,\n .programme-sought-form-container .programme-sought-form {\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover {\n border-color: #ff4d4f !important; }\n .programme-details-form-container .programme-details-form .ant-picker-large,\n .programme-details-form-container .programme-sought-form .ant-picker-large,\n .programme-sought-form-container .programme-details-form .ant-picker-large,\n .programme-sought-form-container .programme-sought-form .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n color: #16b1ff; }\n .programme-details-form-container .programme-details-form .steps-actions,\n .programme-details-form-container .programme-sought-form .steps-actions,\n .programme-sought-form-container .programme-details-form .steps-actions,\n .programme-sought-form-container .programme-sought-form .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .options-programme,\n .programme-details-form-container .programme-sought-form .options-programme,\n .programme-sought-form-container .programme-details-form .options-programme,\n .programme-sought-form-container .programme-sought-form .options-programme {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n width: 50%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n width: 30%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row,\n .programme-details-form-container .programme-sought-form .row,\n .programme-sought-form-container .programme-details-form .row,\n .programme-sought-form-container .programme-sought-form .row {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .website .ant-input,\n .programme-details-form-container .programme-sought-form .row .website .ant-input,\n .programme-sought-form-container .programme-details-form .row .website .ant-input,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .design-upload-section,\n .programme-details-form-container .programme-sought-form .row .design-upload-section,\n .programme-sought-form-container .programme-details-form .row .design-upload-section,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n width: 20%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document {\n display: flex; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info {\n position: absolute;\n margin-left: 130px;\n margin-top: 1.1px; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n display: flex;\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n width: 60%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n width: 35%;\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n width: 80%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n width: 250px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n border-radius: 4px;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row-org,\n .programme-details-form-container .programme-sought-form .row-org,\n .programme-sought-form-container .programme-details-form .row-org,\n .programme-sought-form-container .programme-sought-form .row-org {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row,\n .programme-details-form-container .programme-sought-form .selection-details-row,\n .programme-sought-form-container .programme-details-form .selection-details-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row {\n width: 100%;\n margin-bottom: 1rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n width: 45%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-programme-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-programme-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-programme-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-programme-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-programme-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-programme-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-programme-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-programme-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-programme-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-programme-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n";
|
6136
|
-
styleInject(css_248z$
|
6141
|
+
var css_248z$o = ".programme-details-form-container,\n.programme-sought-form-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form,\n .programme-details-form-container .programme-sought-form,\n .programme-sought-form-container .programme-details-form,\n .programme-sought-form-container .programme-sought-form {\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input,\n .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n .ant-input-borderless\n).ant-input:hover {\n border-color: #ff4d4f !important; }\n .programme-details-form-container .programme-details-form .ant-picker-large,\n .programme-details-form-container .programme-sought-form .ant-picker-large,\n .programme-sought-form-container .programme-details-form .ant-picker-large,\n .programme-sought-form-container .programme-sought-form .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n color: #16b1ff; }\n .programme-details-form-container .programme-details-form .steps-actions,\n .programme-details-form-container .programme-sought-form .steps-actions,\n .programme-sought-form-container .programme-details-form .steps-actions,\n .programme-sought-form-container .programme-sought-form .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n .programme-sought-form-container .programme-sought-form .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .options-programme,\n .programme-details-form-container .programme-sought-form .options-programme,\n .programme-sought-form-container .programme-details-form .options-programme,\n .programme-sought-form-container .programme-sought-form .options-programme {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n width: 50%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n width: 30%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row,\n .programme-details-form-container .programme-sought-form .row,\n .programme-sought-form-container .programme-details-form .row,\n .programme-sought-form-container .programme-sought-form .row {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .website .ant-input,\n .programme-details-form-container .programme-sought-form .row .website .ant-input,\n .programme-sought-form-container .programme-details-form .row .website .ant-input,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .design-upload-section,\n .programme-details-form-container .programme-sought-form .row .design-upload-section,\n .programme-sought-form-container .programme-details-form .row .design-upload-section,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n width: 20%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document {\n display: flex; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info,\n .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info {\n position: absolute;\n margin-left: 130px;\n margin-top: 1.1px; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n display: flex;\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n width: 60%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n width: 35%;\n margin-left: 1rem; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n width: 80%; }\n .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n width: 250px !important; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n border-radius: 4px;\n box-shadow: none; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .programme-details-form-container .programme-details-form .row-org,\n .programme-details-form-container .programme-sought-form .row-org,\n .programme-sought-form-container .programme-details-form .row-org,\n .programme-sought-form-container .programme-sought-form .row-org {\n width: 100%; }\n .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row,\n .programme-details-form-container .programme-sought-form .selection-details-row,\n .programme-sought-form-container .programme-details-form .selection-details-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row {\n width: 100%;\n margin-bottom: 1rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n width: 100%;\n align-items: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n display: flex;\n flex-direction: row;\n width: fit-content;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n color: rgba(58, 53, 65, 0.5); }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n width: 45%;\n text-align: center; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n),\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n background-color: transparent;\n border-radius: 4px; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n color: #8c8c8c; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n margin-right: 0.5rem; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio {\n width: 100%; }\n .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-programme-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-programme-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-programme-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-programme-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-programme-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-programme-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-programme-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-programme-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-programme-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-programme-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n";
|
6142
|
+
styleInject(css_248z$o);
|
6137
6143
|
|
6138
6144
|
function commonjsRequire(path) {
|
6139
6145
|
throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
|
@@ -12808,8 +12814,8 @@ var ProgrammeCreationComponent = function (props) {
|
|
12808
12814
|
] })))));
|
12809
12815
|
};
|
12810
12816
|
|
12811
|
-
var css_248z$
|
12812
|
-
styleInject(css_248z$
|
12817
|
+
var css_248z$n = ".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";
|
12818
|
+
styleInject(css_248z$n);
|
12813
12819
|
|
12814
12820
|
var ChangePasswordModel = function (props) {
|
12815
12821
|
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;
|
@@ -13232,8 +13238,8 @@ var AddNewUserComponent = function (props) {
|
|
13232
13238
|
React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
|
13233
13239
|
};
|
13234
13240
|
|
13235
|
-
var css_248z$
|
13236
|
-
styleInject(css_248z$
|
13241
|
+
var css_248z$m = ".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";
|
13242
|
+
styleInject(css_248z$m);
|
13237
13243
|
|
13238
13244
|
var UserRoleIcon = function (props) {
|
13239
13245
|
var role = props.role;
|
@@ -13242,8 +13248,8 @@ var UserRoleIcon = function (props) {
|
|
13242
13248
|
React.createElement("div", null, role === "ViewOnly" ? "Viewer" : role)));
|
13243
13249
|
};
|
13244
13250
|
|
13245
|
-
var css_248z$
|
13246
|
-
styleInject(css_248z$
|
13251
|
+
var css_248z$l = ".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";
|
13252
|
+
styleInject(css_248z$l);
|
13247
13253
|
|
13248
13254
|
var LanguageSelection = function (props) {
|
13249
13255
|
var i18n = props.i18n;
|
@@ -13437,8 +13443,8 @@ var UserProfileComponent = function (props) {
|
|
13437
13443
|
: "-")))))))))));
|
13438
13444
|
};
|
13439
13445
|
|
13440
|
-
var css_248z$
|
13441
|
-
styleInject(css_248z$
|
13446
|
+
var css_248z$k = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
|
13447
|
+
styleInject(css_248z$k);
|
13442
13448
|
|
13443
13449
|
var Search = Input.Search;
|
13444
13450
|
var UserManagementComponent = function (props) {
|
@@ -13976,8 +13982,8 @@ var UserManagementComponent = function (props) {
|
|
13976
13982
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
13977
13983
|
};
|
13978
13984
|
|
13979
|
-
var css_248z$
|
13980
|
-
styleInject(css_248z$
|
13985
|
+
var css_248z$j = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
|
13986
|
+
styleInject(css_248z$j);
|
13981
13987
|
|
13982
13988
|
var Loading = function () {
|
13983
13989
|
return React.createElement(Spin, { className: "loading-center", size: "large" });
|
@@ -13991,12 +13997,13 @@ var InvestmentCreationComponent = function (props) {
|
|
13991
13997
|
var formTwo = Form.useForm()[0];
|
13992
13998
|
var post = useConnection().post;
|
13993
13999
|
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
13994
|
-
var _c = useState(
|
13995
|
-
var _d = useState(
|
13996
|
-
var _e = useState(0),
|
13997
|
-
var _f = useState(
|
13998
|
-
var _g = useState([]),
|
13999
|
-
var _h = useState(),
|
14000
|
+
var _c = useState("New"), typeCreation = _c[0], setTypeCreation = _c[1];
|
14001
|
+
var _d = useState(false), loadingList = _d[0], setLoadingList = _d[1];
|
14002
|
+
var _e = useState(0), current = _e[0], setCurrent = _e[1];
|
14003
|
+
var _f = useState(0), currentPercTotal = _f[0], setCurrentPercTotal = _f[1];
|
14004
|
+
var _g = useState([]), organisationsList = _g[0], setOrganisationList = _g[1];
|
14005
|
+
var _h = useState([]), instrument = _h[0], setInstrument = _h[1];
|
14006
|
+
var _j = useState(), stepOneData = _j[0], setStepOneData = _j[1];
|
14000
14007
|
var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
|
14001
14008
|
label: addSpaces(Object.values(Instrument)[index]),
|
14002
14009
|
value: Object.values(Instrument)[index],
|
@@ -14031,7 +14038,7 @@ var InvestmentCreationComponent = function (props) {
|
|
14031
14038
|
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
|
14032
14039
|
});
|
14033
14040
|
}
|
14034
|
-
for (_i = 0, _a = data.companyId; _i < _a.length; _i++) {
|
14041
|
+
for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
|
14035
14042
|
c = _a[_i];
|
14036
14043
|
filterAnd.push({
|
14037
14044
|
key: "companyId",
|
@@ -14066,21 +14073,33 @@ var InvestmentCreationComponent = function (props) {
|
|
14066
14073
|
onNavigateToProgrammeManagementView();
|
14067
14074
|
return;
|
14068
14075
|
}
|
14069
|
-
|
14076
|
+
if (state === null || state === void 0 ? void 0 : state.record) {
|
14077
|
+
setData(state === null || state === void 0 ? void 0 : state.record);
|
14078
|
+
}
|
14079
|
+
else {
|
14080
|
+
setData({ ownership: true });
|
14081
|
+
}
|
14070
14082
|
}, []);
|
14071
14083
|
useEffect(function () {
|
14072
|
-
|
14084
|
+
if (data) {
|
14085
|
+
var keys = Object.keys(data);
|
14086
|
+
if (keys[0] !== "ownership") {
|
14087
|
+
getOrganisationsDetails();
|
14088
|
+
}
|
14089
|
+
}
|
14073
14090
|
}, [data]);
|
14074
14091
|
if (!data) {
|
14075
14092
|
return React.createElement(Loading, null);
|
14076
14093
|
}
|
14077
14094
|
var companyName = {};
|
14078
|
-
|
14079
|
-
var
|
14080
|
-
|
14081
|
-
|
14082
|
-
|
14083
|
-
data.proponentPercentage
|
14095
|
+
if (data && Object.keys(data)[0] !== "ownership") {
|
14096
|
+
for (var _i = 0, _k = data === null || data === void 0 ? void 0 : data.company; _i < _k.length; _i++) {
|
14097
|
+
var company = _k[_i];
|
14098
|
+
companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
|
14099
|
+
}
|
14100
|
+
if (!data.proponentPercentage) {
|
14101
|
+
data.proponentPercentage = [100];
|
14102
|
+
}
|
14084
14103
|
}
|
14085
14104
|
var nextOne = function (val) {
|
14086
14105
|
setCurrent(current + 1);
|
@@ -14150,6 +14169,10 @@ var InvestmentCreationComponent = function (props) {
|
|
14150
14169
|
formOne.setFieldValue(fieldName, null);
|
14151
14170
|
}
|
14152
14171
|
};
|
14172
|
+
var onChangeTypeCreation = function (e) {
|
14173
|
+
console.log('radio checked', e.target.value);
|
14174
|
+
setTypeCreation(e.target.value);
|
14175
|
+
};
|
14153
14176
|
return (React.createElement("div", { className: "add-programme-main-container" },
|
14154
14177
|
React.createElement("div", { className: "title-container" },
|
14155
14178
|
React.createElement("div", { className: "main" }, t("programme:addInvestment")),
|
@@ -14164,6 +14187,15 @@ var InvestmentCreationComponent = function (props) {
|
|
14164
14187
|
description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
|
14165
14188
|
React.createElement("div", { className: "investment-sought-form" },
|
14166
14189
|
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
|
14190
|
+
React.createElement(Row, { className: "row", gutter: [4, 4] },
|
14191
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
14192
|
+
React.createElement(Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "typeCreation", rules: [
|
14193
|
+
{
|
14194
|
+
required: false,
|
14195
|
+
},
|
14196
|
+
] },
|
14197
|
+
React.createElement(Radio.Group, { size: "large", defaultValue: typeCreation }, Object.values(InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
14198
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k, onChange: onChangeTypeCreation }, t("programme:" + k)))); }))))),
|
14167
14199
|
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
14168
14200
|
React.createElement(Col, { xl: 12, md: 24 },
|
14169
14201
|
React.createElement("div", { className: "details-part-one" },
|
@@ -14369,7 +14401,7 @@ var InvestmentCreationComponent = function (props) {
|
|
14369
14401
|
React.createElement("div", { className: "step-count" }, "02"),
|
14370
14402
|
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
14371
14403
|
description: current === 1 && (React.createElement("div", null,
|
14372
|
-
React.createElement("div", { className: "programme-sought-form-container ownership-container" },
|
14404
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
|
14373
14405
|
React.createElement("div", { className: "programme-sought-form" },
|
14374
14406
|
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
|
14375
14407
|
data.companyId.map(function (companyId, index) {
|
@@ -14546,7 +14578,7 @@ var InvestmentActionModel = function (props) {
|
|
14546
14578
|
};
|
14547
14579
|
|
14548
14580
|
var InvestmentManagementComponent = function (props) {
|
14549
|
-
var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
|
14581
|
+
var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
|
14550
14582
|
var t = translator.t;
|
14551
14583
|
var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
|
14552
14584
|
label: addSpaces(Object.values(InvestmentStatus)[index]),
|
@@ -15021,11 +15053,12 @@ var InvestmentManagementComponent = function (props) {
|
|
15021
15053
|
// setCurrentPage(1);
|
15022
15054
|
};
|
15023
15055
|
return (React.createElement("div", { className: "investment-management content-container" },
|
15024
|
-
React.createElement("div", { className: "title-bar" },
|
15025
|
-
React.createElement(
|
15026
|
-
React.createElement(
|
15027
|
-
|
15028
|
-
|
15056
|
+
React.createElement("div", { className: "investment-title-bar" },
|
15057
|
+
React.createElement("div", { className: "title-bar" },
|
15058
|
+
React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
|
15059
|
+
React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
|
15060
|
+
React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
|
15061
|
+
React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
|
15029
15062
|
React.createElement("div", { className: "content-card" },
|
15030
15063
|
React.createElement(Row, null,
|
15031
15064
|
React.createElement(Col, { lg: { span: 15 }, md: { span: 14 } },
|
@@ -15074,204 +15107,1061 @@ var InvestmentManagementComponent = function (props) {
|
|
15074
15107
|
}, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
|
15075
15108
|
};
|
15076
15109
|
|
15077
|
-
var css_248z$
|
15078
|
-
styleInject(css_248z$
|
15110
|
+
var css_248z$i = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.support-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .support-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .support-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .support-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
|
15111
|
+
styleInject(css_248z$i);
|
15079
15112
|
|
15080
|
-
var
|
15081
|
-
var t = props.t, useConnection = props.useConnection,
|
15082
|
-
|
15083
|
-
var
|
15084
|
-
var
|
15085
|
-
|
15086
|
-
var _e = useState(), search = _e[0], setSearch = _e[1];
|
15087
|
-
var _f = useState(), searchText = _f[0], setSearchText = _f[1];
|
15088
|
-
var _g = useState(false), loading = _g[0], setLoading = _g[1];
|
15089
|
-
var _h = useState(1), currentPage = _h[0], setCurrentPage = _h[1];
|
15090
|
-
var _j = useState(10), pageSize = _j[0], setPageSize = _j[1];
|
15091
|
-
var _k = useState(), sortOrder = _k[0], setSortOrder = _k[1];
|
15092
|
-
var _l = useState(), sortField = _l[0], setSortField = _l[1];
|
15093
|
-
var _m = useState(), dataFilter = _m[0]; _m[1];
|
15094
|
-
var _o = useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
|
15095
|
-
var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
15096
|
-
var Search = Input.Search;
|
15113
|
+
var SupportCreationComponent = function (props) {
|
15114
|
+
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
|
15115
|
+
useLocation().state;
|
15116
|
+
var _a = useState(); _a[0]; _a[1];
|
15117
|
+
var formOne = Form.useForm()[0];
|
15118
|
+
Form.useForm()[0];
|
15097
15119
|
var post = useConnection().post;
|
15098
|
-
var
|
15099
|
-
var
|
15100
|
-
|
15101
|
-
|
15120
|
+
var _b = useState(false), loading = _b[0]; _b[1];
|
15121
|
+
var _c = useState(false), loadingList = _c[0], setLoadingList = _c[1];
|
15122
|
+
var _d = useState(0), current = _d[0], setCurrent = _d[1];
|
15123
|
+
var _e = useState(0); _e[0]; _e[1];
|
15124
|
+
var _f = useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
|
15125
|
+
var _g = useState([]), instrument = _g[0], setInstrument = _g[1];
|
15126
|
+
var _h = useState(); _h[0]; var setStepOneData = _h[1];
|
15127
|
+
var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
|
15128
|
+
label: addSpaces(Object.values(Instrument)[index]),
|
15129
|
+
value: Object.values(Instrument)[index],
|
15102
15130
|
}); });
|
15103
|
-
var
|
15104
|
-
|
15105
|
-
switch (action) {
|
15106
|
-
case NdcActionTypes.Adaptation:
|
15107
|
-
return t("ndcAction:adaptation");
|
15108
|
-
case NdcActionTypes.Mitigation:
|
15109
|
-
return t("ndcAction:mitigation");
|
15110
|
-
case NdcActionTypes.CrossCutting:
|
15111
|
-
return t("ndcAction:crossCutting");
|
15112
|
-
case NdcActionTypes.Enablement:
|
15113
|
-
return t("ndcAction:enablement");
|
15114
|
-
default:
|
15115
|
-
return "";
|
15116
|
-
}
|
15117
|
-
};
|
15118
|
-
var getCompanyLogos = function (companyId, itemObj) {
|
15119
|
-
if (companyId && itemObj.company.length > 0) {
|
15120
|
-
var selectedCompany = itemObj.company.find(function (c) { return c.companyId === parseInt(companyId); });
|
15121
|
-
if (selectedCompany) {
|
15122
|
-
return (React.createElement(Tooltip, { title: selectedCompany.name, color: TooltipColor, key: TooltipColor },
|
15123
|
-
React.createElement("div", null,
|
15124
|
-
React.createElement(ProfileIcon, { icon: selectedCompany.logo, bg: getCompanyBgColor(selectedCompany.companyRole), name: selectedCompany.name }))));
|
15125
|
-
}
|
15126
|
-
else {
|
15127
|
-
return React.createElement("div", null);
|
15128
|
-
}
|
15129
|
-
}
|
15131
|
+
var onInstrumentChange = function (value) {
|
15132
|
+
setInstrument(value);
|
15130
15133
|
};
|
15131
|
-
var
|
15132
|
-
|
15133
|
-
title: t("ndcAction:ndcColumnsActionId"),
|
15134
|
-
dataIndex: "id",
|
15135
|
-
key: "id",
|
15136
|
-
align: "left",
|
15137
|
-
sorter: true,
|
15138
|
-
render: function (item) {
|
15139
|
-
return React.createElement("span", { className: "clickable" }, item);
|
15140
|
-
},
|
15141
|
-
onCell: function (record, rowIndex) {
|
15142
|
-
return {
|
15143
|
-
onClick: function (ev) {
|
15144
|
-
onNavigateToNdcManagementView(record);
|
15145
|
-
},
|
15146
|
-
};
|
15147
|
-
},
|
15148
|
-
},
|
15149
|
-
{
|
15150
|
-
title: t("ndcAction:ndcColumnsDate"),
|
15151
|
-
key: "createdTime",
|
15152
|
-
sorter: true,
|
15153
|
-
align: "left",
|
15154
|
-
render: function (item, itemObj) {
|
15155
|
-
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, DateTime.fromMillis(parseInt(itemObj.createdTime)).toFormat("dd LLLL yyyy")));
|
15156
|
-
},
|
15157
|
-
},
|
15158
|
-
{
|
15159
|
-
title: t("ndcAction:ndcColumnsNdcAction"),
|
15160
|
-
dataIndex: "action",
|
15161
|
-
key: "action",
|
15162
|
-
sorter: true,
|
15163
|
-
align: "left",
|
15164
|
-
render: function (item) {
|
15165
|
-
return getNdcActionNames(item);
|
15166
|
-
},
|
15167
|
-
},
|
15168
|
-
{
|
15169
|
-
title: t("ndcAction:ndcColumnsProgrammeName"),
|
15170
|
-
dataIndex: "programmeName",
|
15171
|
-
key: "programmeName",
|
15172
|
-
sorter: true,
|
15173
|
-
align: "left",
|
15174
|
-
render: function (item) {
|
15175
|
-
return React.createElement("span", { className: "clickable" }, item);
|
15176
|
-
},
|
15177
|
-
onCell: function (record, rowIndex) {
|
15178
|
-
return {
|
15179
|
-
onClick: function (ev) {
|
15180
|
-
onNavigateToProgrammeManagementView(record.programmeId);
|
15181
|
-
},
|
15182
|
-
};
|
15183
|
-
},
|
15184
|
-
},
|
15185
|
-
{
|
15186
|
-
title: t("ndcAction:ndcColumnsSector"),
|
15187
|
-
dataIndex: "sector",
|
15188
|
-
key: "sector",
|
15189
|
-
align: "left",
|
15190
|
-
sorter: true,
|
15191
|
-
},
|
15192
|
-
{
|
15193
|
-
title: t("ndcAction:ndcColumnsOwners"),
|
15194
|
-
key: "companyId",
|
15195
|
-
sorter: true,
|
15196
|
-
align: "left",
|
15197
|
-
render: function (item, itemObj) {
|
15198
|
-
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.companyId &&
|
15199
|
-
itemObj.companyId.map(function (v, i) {
|
15200
|
-
return getCompanyLogos(v, itemObj);
|
15201
|
-
})));
|
15202
|
-
},
|
15203
|
-
},
|
15204
|
-
{
|
15205
|
-
title: t("ndcAction:ndcColumnsStatus"),
|
15206
|
-
dataIndex: "status",
|
15207
|
-
align: "center",
|
15208
|
-
key: "status",
|
15209
|
-
sorter: true,
|
15210
|
-
render: function (item, Obj) {
|
15211
|
-
return (React.createElement(Tooltip, { title: Obj.status, color: TooltipColor, key: TooltipColor },
|
15212
|
-
React.createElement(Tag, { className: "clickable", color: getNdcStatusTagType(Obj.status) }, addSpaces(Obj.status))));
|
15213
|
-
},
|
15214
|
-
},
|
15215
|
-
];
|
15216
|
-
var getNdcActionData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
15217
|
-
var filter, interFilterOr, sort, filterBy, response, error_1;
|
15134
|
+
var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
15135
|
+
var filterAnd, response, error_1;
|
15218
15136
|
return __generator(this, function (_a) {
|
15219
15137
|
switch (_a.label) {
|
15220
15138
|
case 0:
|
15221
|
-
|
15222
|
-
filter = [];
|
15223
|
-
if (statusFilter) {
|
15224
|
-
filter.push(statusFilter);
|
15225
|
-
}
|
15226
|
-
if (dataFilter) {
|
15227
|
-
filter.push(dataFilter);
|
15228
|
-
}
|
15229
|
-
if (search && search !== "") {
|
15230
|
-
interFilterOr = [
|
15231
|
-
{
|
15232
|
-
key: "programmeName",
|
15233
|
-
operation: "like",
|
15234
|
-
value: "".concat(search, "%"),
|
15235
|
-
},
|
15236
|
-
];
|
15237
|
-
if (!isNaN(Number(search))) {
|
15238
|
-
interFilterOr.push({
|
15239
|
-
key: "id",
|
15240
|
-
operation: "like",
|
15241
|
-
value: "".concat(search),
|
15242
|
-
});
|
15243
|
-
}
|
15244
|
-
filter.push({
|
15245
|
-
value: {
|
15246
|
-
page: currentPage,
|
15247
|
-
size: pageSize,
|
15248
|
-
filterOr: interFilterOr,
|
15249
|
-
},
|
15250
|
-
});
|
15251
|
-
}
|
15252
|
-
if (sortOrder && sortField) {
|
15253
|
-
sort = {
|
15254
|
-
key: sortField,
|
15255
|
-
order: sortOrder,
|
15256
|
-
nullFirst: false,
|
15257
|
-
};
|
15258
|
-
}
|
15259
|
-
else {
|
15260
|
-
sort = {
|
15261
|
-
key: "txTime",
|
15262
|
-
order: "DESC",
|
15263
|
-
};
|
15264
|
-
}
|
15265
|
-
if (ministryLevelFilter) {
|
15266
|
-
filterBy = {
|
15267
|
-
key: "ministryLevel",
|
15268
|
-
value: ministrySectoralScope,
|
15269
|
-
};
|
15270
|
-
}
|
15139
|
+
setLoadingList(true);
|
15271
15140
|
_a.label = 1;
|
15272
15141
|
case 1:
|
15273
|
-
_a.trys.push([1, 3, ,
|
15274
|
-
|
15142
|
+
_a.trys.push([1, 3, 4, 5]);
|
15143
|
+
filterAnd = [];
|
15144
|
+
filterAnd = [
|
15145
|
+
{
|
15146
|
+
key: "companyRole",
|
15147
|
+
operation: "=",
|
15148
|
+
value: CompanyRole.PROGRAMME_DEVELOPER.toString(),
|
15149
|
+
},
|
15150
|
+
];
|
15151
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER) {
|
15152
|
+
filterAnd.push({
|
15153
|
+
key: "companyId",
|
15154
|
+
operation: "!=",
|
15155
|
+
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
|
15156
|
+
});
|
15157
|
+
}
|
15158
|
+
return [4 /*yield*/, post("national/organisation/queryNames", {
|
15159
|
+
page: 1,
|
15160
|
+
size: 100,
|
15161
|
+
filterAnd: filterAnd,
|
15162
|
+
})];
|
15163
|
+
case 2:
|
15164
|
+
response = _a.sent();
|
15165
|
+
if (response.data) {
|
15166
|
+
setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
|
15167
|
+
}
|
15168
|
+
return [3 /*break*/, 5];
|
15169
|
+
case 3:
|
15170
|
+
error_1 = _a.sent();
|
15171
|
+
console.log("Error in getting organisation list", error_1);
|
15172
|
+
return [3 /*break*/, 5];
|
15173
|
+
case 4:
|
15174
|
+
setLoadingList(false);
|
15175
|
+
return [7 /*endfinally*/];
|
15176
|
+
case 5: return [2 /*return*/];
|
15177
|
+
}
|
15178
|
+
});
|
15179
|
+
}); };
|
15180
|
+
useEffect(function () {
|
15181
|
+
getOrganisationsDetails();
|
15182
|
+
}, []);
|
15183
|
+
// const companyName: any = {};
|
15184
|
+
// for (const company of data!?.company) {
|
15185
|
+
// companyName[company.companyId] = company;
|
15186
|
+
// }
|
15187
|
+
// if (!data!.proponentPercentage) {
|
15188
|
+
// data.proponentPercentage = [100];
|
15189
|
+
// }
|
15190
|
+
var nextOne = function (val) {
|
15191
|
+
setCurrent(current + 1);
|
15192
|
+
setStepOneData(val);
|
15193
|
+
};
|
15194
|
+
// const submitInvestment = async (val: any) => {
|
15195
|
+
// console.log(val);
|
15196
|
+
// console.log(stepOneData);
|
15197
|
+
// setLoading(true);
|
15198
|
+
// const payload = stepOneData;
|
15199
|
+
// payload.programmeId = data.programmeId;
|
15200
|
+
// payload.amount = parseFloat(payload.amount);
|
15201
|
+
// if (payload.interestRate) {
|
15202
|
+
// payload.interestRate = parseFloat(payload.interestRate);
|
15203
|
+
// }
|
15204
|
+
// if (payload.paymentPerMetric) {
|
15205
|
+
// payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
|
15206
|
+
// }
|
15207
|
+
// payload.fromCompanyIds = data.companyId.map((e) => Number(e));
|
15208
|
+
// payload.percentage = val.percentage;
|
15209
|
+
// payload.toCompanyId = Number(payload.toCompanyId);
|
15210
|
+
// try {
|
15211
|
+
// const response: any = await post(
|
15212
|
+
// "national/programme/addInvestment",
|
15213
|
+
// payload
|
15214
|
+
// );
|
15215
|
+
// console.log("investment creation -> ", response);
|
15216
|
+
// if (response?.statusText === "SUCCESS") {
|
15217
|
+
// message.open({
|
15218
|
+
// type: "success",
|
15219
|
+
// content: t("programme:investmentCreationSuccess"),
|
15220
|
+
// duration: 4,
|
15221
|
+
// style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
15222
|
+
// });
|
15223
|
+
// }
|
15224
|
+
// onNavigateToProgrammeView();
|
15225
|
+
// } catch (error: any) {
|
15226
|
+
// console.log("Error in investment creation - ", error);
|
15227
|
+
// message.open({
|
15228
|
+
// type: "error",
|
15229
|
+
// content: error?.message,
|
15230
|
+
// duration: 4,
|
15231
|
+
// style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
15232
|
+
// });
|
15233
|
+
// } finally {
|
15234
|
+
// setLoading(false);
|
15235
|
+
// }
|
15236
|
+
// };
|
15237
|
+
var deselectOnClick = function (e, fieldName) {
|
15238
|
+
var value = e.target.value;
|
15239
|
+
if (value === formOne.getFieldValue(fieldName)) {
|
15240
|
+
console.log("double clicked button", value);
|
15241
|
+
formOne.setFieldValue(fieldName, null);
|
15242
|
+
}
|
15243
|
+
};
|
15244
|
+
return (React.createElement("div", { className: "add-programme-main-container" },
|
15245
|
+
React.createElement("div", { className: "title-container" },
|
15246
|
+
React.createElement("div", { className: "main" }, t("programme:addSupport")),
|
15247
|
+
React.createElement("div", { className: "sub" }, t("programme:addSupportSub"))),
|
15248
|
+
React.createElement("div", { className: "adding-section" },
|
15249
|
+
React.createElement("div", { className: "form-section" },
|
15250
|
+
React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: [
|
15251
|
+
{
|
15252
|
+
title: (React.createElement("div", { className: "step-title-container" },
|
15253
|
+
React.createElement("div", { className: "step-count" }, "01"),
|
15254
|
+
React.createElement("div", { className: "title" }, t("programme:programmeFinancingInvested")))),
|
15255
|
+
description: current === 0 && (React.createElement("div", { className: "investment-sought-form-container" },
|
15256
|
+
React.createElement("div", { className: "investment-sought-form" },
|
15257
|
+
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, form: formOne, onFinish: nextOne },
|
15258
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
15259
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
15260
|
+
React.createElement("div", { className: "details-part-one" },
|
15261
|
+
React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
|
15262
|
+
{
|
15263
|
+
required: true,
|
15264
|
+
message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
|
15265
|
+
},
|
15266
|
+
] },
|
15267
|
+
React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
|
15268
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
15269
|
+
React.createElement("div", { className: "details-part-two" },
|
15270
|
+
React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
|
15271
|
+
{
|
15272
|
+
required: true,
|
15273
|
+
message: "",
|
15274
|
+
},
|
15275
|
+
{
|
15276
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15277
|
+
return __generator(this, function (_a) {
|
15278
|
+
if (String(value).trim() === "" ||
|
15279
|
+
String(value).trim() === undefined ||
|
15280
|
+
value === null ||
|
15281
|
+
value === undefined) {
|
15282
|
+
throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
|
15283
|
+
}
|
15284
|
+
else if (!isNaN(value) &&
|
15285
|
+
Number(value) > 0) {
|
15286
|
+
return [2 /*return*/, Promise.resolve()];
|
15287
|
+
}
|
15288
|
+
else {
|
15289
|
+
throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
|
15290
|
+
}
|
15291
|
+
});
|
15292
|
+
}); },
|
15293
|
+
},
|
15294
|
+
] },
|
15295
|
+
React.createElement(Input, { size: "large" }))))),
|
15296
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
15297
|
+
React.createElement(Col, { xl: 24, md: 24 },
|
15298
|
+
React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
|
15299
|
+
React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
|
15300
|
+
instrument &&
|
15301
|
+
instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
15302
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
15303
|
+
React.createElement("div", { className: "details-part-two" },
|
15304
|
+
React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
15305
|
+
{
|
15306
|
+
required: true,
|
15307
|
+
message: "",
|
15308
|
+
},
|
15309
|
+
{
|
15310
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15311
|
+
return __generator(this, function (_a) {
|
15312
|
+
if (String(value).trim() === "" ||
|
15313
|
+
String(value).trim() ===
|
15314
|
+
undefined ||
|
15315
|
+
value === null ||
|
15316
|
+
value === undefined) {
|
15317
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
15318
|
+
}
|
15319
|
+
else if (!isNaN(value)) {
|
15320
|
+
return [2 /*return*/, Promise.resolve()];
|
15321
|
+
}
|
15322
|
+
else {
|
15323
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
15324
|
+
}
|
15325
|
+
});
|
15326
|
+
}); },
|
15327
|
+
},
|
15328
|
+
] },
|
15329
|
+
React.createElement(Input, { size: "large" })))))),
|
15330
|
+
instrument &&
|
15331
|
+
instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
15332
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
15333
|
+
React.createElement("div", { className: "details-part-two" },
|
15334
|
+
React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
|
15335
|
+
{
|
15336
|
+
required: true,
|
15337
|
+
message: "",
|
15338
|
+
},
|
15339
|
+
{
|
15340
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15341
|
+
return __generator(this, function (_a) {
|
15342
|
+
if (String(value).trim() === "" ||
|
15343
|
+
String(value).trim() ===
|
15344
|
+
undefined ||
|
15345
|
+
value === null ||
|
15346
|
+
value === undefined) {
|
15347
|
+
throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
|
15348
|
+
}
|
15349
|
+
return [2 /*return*/];
|
15350
|
+
});
|
15351
|
+
}); },
|
15352
|
+
},
|
15353
|
+
] },
|
15354
|
+
React.createElement(Input, { size: "large" })))),
|
15355
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
15356
|
+
React.createElement("div", { className: "details-part-two" },
|
15357
|
+
React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
|
15358
|
+
{
|
15359
|
+
required: true,
|
15360
|
+
message: "",
|
15361
|
+
},
|
15362
|
+
{
|
15363
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15364
|
+
return __generator(this, function (_a) {
|
15365
|
+
if (String(value).trim() === "" ||
|
15366
|
+
String(value).trim() ===
|
15367
|
+
undefined ||
|
15368
|
+
value === null ||
|
15369
|
+
value === undefined) {
|
15370
|
+
throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
|
15371
|
+
}
|
15372
|
+
else if (!isNaN(value)) {
|
15373
|
+
return [2 /*return*/, Promise.resolve()];
|
15374
|
+
}
|
15375
|
+
else {
|
15376
|
+
throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
|
15377
|
+
}
|
15378
|
+
});
|
15379
|
+
}); },
|
15380
|
+
},
|
15381
|
+
] },
|
15382
|
+
React.createElement(Input, { size: "large" })))))),
|
15383
|
+
instrument &&
|
15384
|
+
instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
15385
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
15386
|
+
React.createElement("div", { className: "details-part-two" },
|
15387
|
+
React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
|
15388
|
+
{
|
15389
|
+
required: false,
|
15390
|
+
message: "",
|
15391
|
+
},
|
15392
|
+
] },
|
15393
|
+
React.createElement(Input, { size: "large" })))))),
|
15394
|
+
instrument &&
|
15395
|
+
instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
15396
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
15397
|
+
React.createElement("div", { className: "details-part-two" },
|
15398
|
+
React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
|
15399
|
+
{
|
15400
|
+
required: true,
|
15401
|
+
message: "",
|
15402
|
+
},
|
15403
|
+
{
|
15404
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15405
|
+
return __generator(this, function (_a) {
|
15406
|
+
if (String(value).trim() === "" ||
|
15407
|
+
String(value).trim() ===
|
15408
|
+
undefined ||
|
15409
|
+
value === null ||
|
15410
|
+
value === undefined) {
|
15411
|
+
throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
|
15412
|
+
}
|
15413
|
+
return [2 /*return*/];
|
15414
|
+
});
|
15415
|
+
}); },
|
15416
|
+
},
|
15417
|
+
] },
|
15418
|
+
React.createElement(Input, { size: "large" })))))),
|
15419
|
+
React.createElement(Row, { className: "row", gutter: [4, 4] },
|
15420
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
15421
|
+
React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
|
15422
|
+
{
|
15423
|
+
required: false,
|
15424
|
+
},
|
15425
|
+
] },
|
15426
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
15427
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
|
15428
|
+
return deselectOnClick(e, "type");
|
15429
|
+
} }, t("programme:" + k)))); })))),
|
15430
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
15431
|
+
React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
|
15432
|
+
{
|
15433
|
+
required: false,
|
15434
|
+
},
|
15435
|
+
] },
|
15436
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
15437
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
|
15438
|
+
return deselectOnClick(e, "level");
|
15439
|
+
} }, t("programme:" + k)))); })))),
|
15440
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
15441
|
+
React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
|
15442
|
+
{
|
15443
|
+
required: false,
|
15444
|
+
},
|
15445
|
+
] },
|
15446
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
15447
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
|
15448
|
+
return deselectOnClick(e, "stream");
|
15449
|
+
} }, t("programme:" + k)))); }))))),
|
15450
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
15451
|
+
React.createElement(Col, { xl: 12, md: 24 },
|
15452
|
+
React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
|
15453
|
+
React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
|
15454
|
+
React.createElement(Form.Item, null,
|
15455
|
+
React.createElement("div", { className: "steps-actions" },
|
15456
|
+
React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
|
15457
|
+
},
|
15458
|
+
{
|
15459
|
+
title: (React.createElement("div", { className: "step-title-container" },
|
15460
|
+
React.createElement("div", { className: "step-count" }, "02"),
|
15461
|
+
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
15462
|
+
description: current === 1 && (React.createElement("div", null,
|
15463
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }))),
|
15464
|
+
},
|
15465
|
+
] })))));
|
15466
|
+
};
|
15467
|
+
|
15468
|
+
var SupportManagementComponent = function (props) {
|
15469
|
+
var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
|
15470
|
+
var t = translator.t;
|
15471
|
+
var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
|
15472
|
+
label: addSpaces(Object.values(InvestmentStatus)[index]),
|
15473
|
+
value: Object.values(InvestmentStatus)[index],
|
15474
|
+
}); });
|
15475
|
+
var _a = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _a[0], setSelectedStatus = _a[1];
|
15476
|
+
var _b = useState(false), indeterminate = _b[0], setIndeterminate = _b[1];
|
15477
|
+
var _c = useState(true), checkAll = _c[0], setCheckAll = _c[1];
|
15478
|
+
var userInfoState = useUserContext().userInfoState;
|
15479
|
+
var _d = useConnection(), post = _d.post; _d.get;
|
15480
|
+
var _e = useState(), totalProgramme = _e[0], setTotalProgramme = _e[1];
|
15481
|
+
var _f = useState(), dataFilter = _f[0]; _f[1];
|
15482
|
+
var _g = useState(false), loading = _g[0], setLoading = _g[1];
|
15483
|
+
var _h = useState([]), tableData = _h[0], setTableData = _h[1];
|
15484
|
+
var _j = useState(1), currentPage = _j[0], setCurrentPage = _j[1];
|
15485
|
+
var _k = useState(10), pageSize = _k[0], setPageSize = _k[1];
|
15486
|
+
var _l = useState(), search = _l[0], setSearch = _l[1];
|
15487
|
+
var _m = useState(), searchText = _m[0], setSearchText = _m[1];
|
15488
|
+
var _o = useState(), statusFilter = _o[0], setStatusFilter = _o[1];
|
15489
|
+
var _p = useState(), sortOrder = _p[0], setSortOrder = _p[1];
|
15490
|
+
var _q = useState(), sortField = _q[0], setSortField = _q[1];
|
15491
|
+
var _r = useState(false), modalVisible = _r[0], setModalVisible = _r[1];
|
15492
|
+
var _s = useState(), selectedReq = _s[0], setSelectedReq = _s[1];
|
15493
|
+
var _t = useState(), popupInfo = _t[0], setPopupInfo = _t[1];
|
15494
|
+
var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
|
15495
|
+
var _v = useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
|
15496
|
+
var _w = useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
|
15497
|
+
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
15498
|
+
return __generator(this, function (_a) {
|
15499
|
+
console.log(checkedValues);
|
15500
|
+
if (checkedValues !== selectedStatus) {
|
15501
|
+
setSelectedStatus(checkedValues);
|
15502
|
+
}
|
15503
|
+
if (checkedValues.length === 0) {
|
15504
|
+
setTableData([]);
|
15505
|
+
setTotalProgramme(0);
|
15506
|
+
return [2 /*return*/];
|
15507
|
+
}
|
15508
|
+
setStatusFilter({
|
15509
|
+
key: "status",
|
15510
|
+
operation: "in",
|
15511
|
+
value: checkedValues,
|
15512
|
+
});
|
15513
|
+
return [2 /*return*/];
|
15514
|
+
});
|
15515
|
+
}); };
|
15516
|
+
Form.useForm()[0];
|
15517
|
+
var Search = Input.Search;
|
15518
|
+
var onCheckAllChange = function (e) {
|
15519
|
+
var nw = e.target.checked ? statusOptions.map(function (el) { return el.value; }) : [];
|
15520
|
+
setSelectedStatus(nw);
|
15521
|
+
setIndeterminate(false);
|
15522
|
+
setCheckAll(e.target.checked);
|
15523
|
+
onStatusQuery(nw);
|
15524
|
+
};
|
15525
|
+
var getInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
15526
|
+
var filter, interFilterOr, sort, filterBy, response, error_1;
|
15527
|
+
return __generator(this, function (_a) {
|
15528
|
+
switch (_a.label) {
|
15529
|
+
case 0:
|
15530
|
+
setLoading(true);
|
15531
|
+
filter = [];
|
15532
|
+
if (statusFilter) {
|
15533
|
+
filter.push(statusFilter);
|
15534
|
+
}
|
15535
|
+
if (search && search !== "") {
|
15536
|
+
interFilterOr = [
|
15537
|
+
{
|
15538
|
+
key: "programmeTitle",
|
15539
|
+
operation: "like",
|
15540
|
+
value: "".concat(search, "%"),
|
15541
|
+
},
|
15542
|
+
];
|
15543
|
+
if (!isNaN(Number(search))) {
|
15544
|
+
interFilterOr.push({
|
15545
|
+
key: "requestId",
|
15546
|
+
operation: "=",
|
15547
|
+
value: "".concat(search),
|
15548
|
+
});
|
15549
|
+
}
|
15550
|
+
filter.push({
|
15551
|
+
value: {
|
15552
|
+
page: currentPage,
|
15553
|
+
size: pageSize,
|
15554
|
+
filterOr: interFilterOr,
|
15555
|
+
},
|
15556
|
+
});
|
15557
|
+
}
|
15558
|
+
if (sortOrder && sortField) {
|
15559
|
+
sort = {
|
15560
|
+
key: sortField,
|
15561
|
+
order: sortOrder,
|
15562
|
+
nullFirst: false,
|
15563
|
+
};
|
15564
|
+
}
|
15565
|
+
else {
|
15566
|
+
sort = {
|
15567
|
+
key: "requestId",
|
15568
|
+
order: "DESC",
|
15569
|
+
};
|
15570
|
+
}
|
15571
|
+
if (ministryLevelFilter) {
|
15572
|
+
filterBy = {
|
15573
|
+
key: "ministryLevel",
|
15574
|
+
value: ministrySectoralScope,
|
15575
|
+
};
|
15576
|
+
}
|
15577
|
+
_a.label = 1;
|
15578
|
+
case 1:
|
15579
|
+
_a.trys.push([1, 3, , 4]);
|
15580
|
+
return [4 /*yield*/, post("national/programme/investmentQuery", {
|
15581
|
+
page: currentPage,
|
15582
|
+
size: pageSize,
|
15583
|
+
filterAnd: filter,
|
15584
|
+
filterOr: dataFilter,
|
15585
|
+
sort: sort,
|
15586
|
+
filterBy: filterBy,
|
15587
|
+
})];
|
15588
|
+
case 2:
|
15589
|
+
response = _a.sent();
|
15590
|
+
console.log(response);
|
15591
|
+
setTableData(response.data);
|
15592
|
+
setTotalProgramme(response.response.data.total);
|
15593
|
+
setLoading(false);
|
15594
|
+
return [3 /*break*/, 4];
|
15595
|
+
case 3:
|
15596
|
+
error_1 = _a.sent();
|
15597
|
+
console.log("Error in getting programme investment", error_1);
|
15598
|
+
message.open({
|
15599
|
+
type: "error",
|
15600
|
+
content: error_1.message,
|
15601
|
+
duration: 3,
|
15602
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
15603
|
+
});
|
15604
|
+
setLoading(false);
|
15605
|
+
return [3 /*break*/, 4];
|
15606
|
+
case 4: return [2 /*return*/];
|
15607
|
+
}
|
15608
|
+
});
|
15609
|
+
}); };
|
15610
|
+
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
15611
|
+
var response, error_2;
|
15612
|
+
var _a, _b, _c, _d, _e, _f;
|
15613
|
+
return __generator(this, function (_g) {
|
15614
|
+
switch (_g.label) {
|
15615
|
+
case 0:
|
15616
|
+
setLoading(true);
|
15617
|
+
_g.label = 1;
|
15618
|
+
case 1:
|
15619
|
+
_g.trys.push([1, 3, , 4]);
|
15620
|
+
return [4 /*yield*/, post("national/user/query", {
|
15621
|
+
page: 1,
|
15622
|
+
size: 10,
|
15623
|
+
filterAnd: [
|
15624
|
+
{
|
15625
|
+
key: "id",
|
15626
|
+
operation: "=",
|
15627
|
+
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
|
15628
|
+
},
|
15629
|
+
],
|
15630
|
+
})];
|
15631
|
+
case 2:
|
15632
|
+
response = _g.sent();
|
15633
|
+
if (response && response.data) {
|
15634
|
+
if (((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.companyRole) === CompanyRole.MINISTRY &&
|
15635
|
+
((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company) &&
|
15636
|
+
((_d = (_c = response === null || response === void 0 ? void 0 : response.data[0]) === null || _c === void 0 ? void 0 : _c.company) === null || _d === void 0 ? void 0 : _d.sectoralScope)) {
|
15637
|
+
setMinistrySectoralScope((_f = (_e = response === null || response === void 0 ? void 0 : response.data[0]) === null || _e === void 0 ? void 0 : _e.company) === null || _f === void 0 ? void 0 : _f.sectoralScope);
|
15638
|
+
}
|
15639
|
+
}
|
15640
|
+
setLoading(false);
|
15641
|
+
return [3 /*break*/, 4];
|
15642
|
+
case 3:
|
15643
|
+
error_2 = _g.sent();
|
15644
|
+
console.log("Error in getting users", error_2);
|
15645
|
+
setLoading(false);
|
15646
|
+
return [3 /*break*/, 4];
|
15647
|
+
case 4: return [2 /*return*/];
|
15648
|
+
}
|
15649
|
+
});
|
15650
|
+
}); };
|
15651
|
+
useEffect(function () {
|
15652
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
15653
|
+
getUserDetails();
|
15654
|
+
}
|
15655
|
+
}, []);
|
15656
|
+
useEffect(function () {
|
15657
|
+
if (currentPage !== 1) {
|
15658
|
+
setCurrentPage(1);
|
15659
|
+
}
|
15660
|
+
else {
|
15661
|
+
getInvestmentData();
|
15662
|
+
}
|
15663
|
+
}, [statusFilter, dataFilter]);
|
15664
|
+
useEffect(function () {
|
15665
|
+
getInvestmentData();
|
15666
|
+
}, [
|
15667
|
+
currentPage,
|
15668
|
+
pageSize,
|
15669
|
+
sortField,
|
15670
|
+
sortOrder,
|
15671
|
+
search,
|
15672
|
+
ministryLevelFilter,
|
15673
|
+
]);
|
15674
|
+
var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
|
15675
|
+
var response, successMsg, error_3;
|
15676
|
+
return __generator(this, function (_a) {
|
15677
|
+
switch (_a.label) {
|
15678
|
+
case 0:
|
15679
|
+
setLoading(true);
|
15680
|
+
_a.label = 1;
|
15681
|
+
case 1:
|
15682
|
+
_a.trys.push([1, 3, , 4]);
|
15683
|
+
return [4 /*yield*/, post("national/programme/" + endpoint, {
|
15684
|
+
requestId: reqId,
|
15685
|
+
comment: remarks,
|
15686
|
+
})];
|
15687
|
+
case 2:
|
15688
|
+
response = _a.sent();
|
15689
|
+
successMsg = response.message;
|
15690
|
+
if (isRetire) {
|
15691
|
+
successMsg = t("creditTransfer:internationalTransferReqCancelled");
|
15692
|
+
}
|
15693
|
+
console.log(response);
|
15694
|
+
message.open({
|
15695
|
+
type: "success",
|
15696
|
+
content: successText ? successText : successMsg,
|
15697
|
+
duration: 3,
|
15698
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
15699
|
+
});
|
15700
|
+
setLoading(false);
|
15701
|
+
getInvestmentData();
|
15702
|
+
setModalVisible(false);
|
15703
|
+
return [3 /*break*/, 4];
|
15704
|
+
case 3:
|
15705
|
+
error_3 = _a.sent();
|
15706
|
+
console.log("Error in Cancelling transfer request", error_3);
|
15707
|
+
setLoading(false);
|
15708
|
+
return [2 /*return*/, error_3.message];
|
15709
|
+
case 4: return [2 /*return*/];
|
15710
|
+
}
|
15711
|
+
});
|
15712
|
+
}); };
|
15713
|
+
var showModalOnAction = function (record, info) {
|
15714
|
+
setSelectedReq(record);
|
15715
|
+
setModalVisible(true);
|
15716
|
+
setPopupInfo(info);
|
15717
|
+
};
|
15718
|
+
var actionMenu = function (record) {
|
15719
|
+
var isRetire = false;
|
15720
|
+
if (record.isRetirement === true) {
|
15721
|
+
isRetire = true;
|
15722
|
+
}
|
15723
|
+
if (record.status === "Pending" &&
|
15724
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly) {
|
15725
|
+
return (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) === record.initiatorCompanyId ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
|
15726
|
+
{
|
15727
|
+
text: t("creditTransfer:cancel"),
|
15728
|
+
icon: React.createElement(Icon.ExclamationOctagon, null),
|
15729
|
+
click: function () {
|
15730
|
+
showModalOnAction(record, {
|
15731
|
+
title: t("creditTransfer:cancelTitle"),
|
15732
|
+
icon: React.createElement(Icon.ExclamationOctagon, null),
|
15733
|
+
actionBtnText: t("creditTransfer:proceed"),
|
15734
|
+
okAction: function (requestId, comment) {
|
15735
|
+
return handleRequestOk(requestId, comment, "investmentCancel", undefined, isRetire);
|
15736
|
+
},
|
15737
|
+
type: "danger",
|
15738
|
+
remarkRequired: true,
|
15739
|
+
});
|
15740
|
+
},
|
15741
|
+
},
|
15742
|
+
], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
|
15743
|
+
React.createElement(Typography.Text, { className: "action-icon color-error" }, item.icon),
|
15744
|
+
React.createElement("span", null, item.text))); } })) : record.fromCompanyId === (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId) ? (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
|
15745
|
+
{
|
15746
|
+
text: t("creditTransfer:accept"),
|
15747
|
+
icon: React.createElement(Icon.ClipboardCheck, null),
|
15748
|
+
style: "color-primary",
|
15749
|
+
click: function () {
|
15750
|
+
showModalOnAction(record, {
|
15751
|
+
title: t("creditTransfer:acceptTitle"),
|
15752
|
+
icon: React.createElement(Icon.ClipboardCheck, null),
|
15753
|
+
actionBtnText: t("creditTransfer:proceed"),
|
15754
|
+
okAction: function (requestId, comment) {
|
15755
|
+
return handleRequestOk(requestId, comment, "investmentApprove", "".concat(t("programme:investmentReqApproved")));
|
15756
|
+
},
|
15757
|
+
type: "primary",
|
15758
|
+
remarkRequired: false,
|
15759
|
+
});
|
15760
|
+
},
|
15761
|
+
},
|
15762
|
+
{
|
15763
|
+
text: t("creditTransfer:reject"),
|
15764
|
+
icon: React.createElement(Icon.XOctagon, null),
|
15765
|
+
style: "color-error",
|
15766
|
+
click: function () {
|
15767
|
+
showModalOnAction(record, {
|
15768
|
+
title: t("creditTransfer:rejectTitle"),
|
15769
|
+
icon: React.createElement(Icon.XOctagon, null),
|
15770
|
+
actionBtnText: t("creditTransfer:reject"),
|
15771
|
+
okAction: function (requestId, comment) {
|
15772
|
+
return handleRequestOk(requestId, comment, "investmentReject");
|
15773
|
+
},
|
15774
|
+
type: "danger",
|
15775
|
+
remarkRequired: true,
|
15776
|
+
});
|
15777
|
+
},
|
15778
|
+
},
|
15779
|
+
], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
|
15780
|
+
React.createElement(Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
|
15781
|
+
React.createElement("span", null, item.text))); } })) : null;
|
15782
|
+
}
|
15783
|
+
};
|
15784
|
+
var columns = [
|
15785
|
+
{
|
15786
|
+
title: t("programme:requestId"),
|
15787
|
+
dataIndex: "requestId",
|
15788
|
+
key: "requestId",
|
15789
|
+
sorter: true,
|
15790
|
+
},
|
15791
|
+
{
|
15792
|
+
title: t("programme:date"),
|
15793
|
+
key: "txTime",
|
15794
|
+
sorter: true,
|
15795
|
+
align: "left",
|
15796
|
+
render: function (item, itemObj) {
|
15797
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, DateTime.fromMillis(parseInt(itemObj.txTime)).toFormat("dd LLLL yyyy")));
|
15798
|
+
},
|
15799
|
+
},
|
15800
|
+
{
|
15801
|
+
title: t("programme:type"),
|
15802
|
+
key: "type",
|
15803
|
+
sorter: true,
|
15804
|
+
align: "center",
|
15805
|
+
render: function (item, Obj) {
|
15806
|
+
if (!Obj.type) {
|
15807
|
+
return React.createElement("span", null, "-");
|
15808
|
+
}
|
15809
|
+
return (React.createElement(Tooltip, { title: addSpaces(Obj.type), color: TooltipColor, key: TooltipColor },
|
15810
|
+
React.createElement("div", null,
|
15811
|
+
React.createElement(RoleIcon, { icon: Obj.type === InvestmentType.PUBLIC ? (React.createElement(Icon.Eye, null)) : (React.createElement(Icon.EyeSlash, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
|
15812
|
+
},
|
15813
|
+
},
|
15814
|
+
{
|
15815
|
+
title: t("programme:level"),
|
15816
|
+
key: "level",
|
15817
|
+
sorter: true,
|
15818
|
+
align: "center",
|
15819
|
+
render: function (item, Obj) {
|
15820
|
+
if (!Obj.level) {
|
15821
|
+
return React.createElement("span", null, "-");
|
15822
|
+
}
|
15823
|
+
return (React.createElement(Tooltip, { title: addSpaces(Obj.level), color: TooltipColor, key: TooltipColor },
|
15824
|
+
React.createElement("div", null,
|
15825
|
+
React.createElement(RoleIcon, { icon: Obj.level === InvestmentLevel.INTERNATIONAL ? (React.createElement(Icon.Globe2, null)) : (React.createElement(Icon.Flag, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
|
15826
|
+
},
|
15827
|
+
},
|
15828
|
+
{
|
15829
|
+
title: t("programme:stream"),
|
15830
|
+
key: "stream",
|
15831
|
+
sorter: true,
|
15832
|
+
align: "center",
|
15833
|
+
render: function (item, Obj) {
|
15834
|
+
if (!Obj.stream) {
|
15835
|
+
return React.createElement("span", null, "-");
|
15836
|
+
}
|
15837
|
+
return (React.createElement(Tooltip, { title: addSpaces(Obj.stream), color: TooltipColor, key: TooltipColor },
|
15838
|
+
React.createElement("div", null,
|
15839
|
+
React.createElement(RoleIcon, { icon: Obj.stream === InvestmentStream.CLIMATE_FINANCE ? (React.createElement(Icon.Bank, null)) : (React.createElement(Icon.GraphUpArrow, null)), bg: InvestmentBGColor, color: InvestmentColor }))));
|
15840
|
+
},
|
15841
|
+
},
|
15842
|
+
{
|
15843
|
+
title: t("programme:sector"),
|
15844
|
+
dataIndex: "programmeSector",
|
15845
|
+
key: "programmeSector",
|
15846
|
+
sorter: true,
|
15847
|
+
align: "left",
|
15848
|
+
},
|
15849
|
+
{
|
15850
|
+
title: t("programme:investor"),
|
15851
|
+
key: "toCompanyId",
|
15852
|
+
sorter: true,
|
15853
|
+
align: "left",
|
15854
|
+
render: function (item, itemObj) {
|
15855
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.receiver &&
|
15856
|
+
itemObj.receiver.map(function (v, i) {
|
15857
|
+
return (React.createElement(Tooltip, { title: v.name, color: TooltipColor, key: TooltipColor },
|
15858
|
+
React.createElement("div", null,
|
15859
|
+
React.createElement(ProfileIcon, { icon: v.logo, bg: getCompanyBgColor(v.companyRole), name: v.name }))));
|
15860
|
+
})));
|
15861
|
+
},
|
15862
|
+
},
|
15863
|
+
{
|
15864
|
+
title: t("programme:status"),
|
15865
|
+
key: "status",
|
15866
|
+
sorter: true,
|
15867
|
+
align: "center",
|
15868
|
+
render: function (item, Obj) {
|
15869
|
+
return (React.createElement(Tooltip, { title: Obj.serialNo, color: TooltipColor, key: TooltipColor },
|
15870
|
+
React.createElement(Tag, { className: "clickable", color: getStatusTagType(Obj.status) }, addSpaces(Obj.status))));
|
15871
|
+
},
|
15872
|
+
},
|
15873
|
+
{
|
15874
|
+
title: t("programme:amount"),
|
15875
|
+
dataIndex: "amount",
|
15876
|
+
key: "amount",
|
15877
|
+
sorter: true,
|
15878
|
+
align: "right",
|
15879
|
+
render: function (item) {
|
15880
|
+
return React.createElement("span", { className: "clickable" }, addCommSepRound(item));
|
15881
|
+
},
|
15882
|
+
},
|
15883
|
+
{
|
15884
|
+
align: "right",
|
15885
|
+
render: function (_, record) {
|
15886
|
+
var menu = actionMenu(record);
|
15887
|
+
return menu && !isTransferFrozen ? (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
|
15888
|
+
React.createElement(EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } }))) : (React.createElement("span", null));
|
15889
|
+
},
|
15890
|
+
},
|
15891
|
+
];
|
15892
|
+
var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
|
15893
|
+
return __generator(this, function (_a) {
|
15894
|
+
setSearch(searchText);
|
15895
|
+
return [2 /*return*/];
|
15896
|
+
});
|
15897
|
+
}); };
|
15898
|
+
var onChange = function (page, size) {
|
15899
|
+
setCurrentPage(page);
|
15900
|
+
setPageSize(size);
|
15901
|
+
};
|
15902
|
+
var handleTableChange = function (pag, sorter) {
|
15903
|
+
console.log(pag, sorter);
|
15904
|
+
setSortOrder(sorter.order === "ascend"
|
15905
|
+
? "ASC"
|
15906
|
+
: sorter.order === "descend"
|
15907
|
+
? "DESC"
|
15908
|
+
: undefined);
|
15909
|
+
setSortField(sorter.columnKey);
|
15910
|
+
// setCurrentPage(1);
|
15911
|
+
};
|
15912
|
+
return (React.createElement("div", { className: "investment-management content-container" },
|
15913
|
+
React.createElement("div", { className: "support-title-bar" },
|
15914
|
+
React.createElement("div", { className: "title-bar" },
|
15915
|
+
React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
|
15916
|
+
React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
|
15917
|
+
React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
|
15918
|
+
React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addSupportBtnText")))))),
|
15919
|
+
React.createElement("div", { className: "content-card" },
|
15920
|
+
React.createElement(Row, null,
|
15921
|
+
React.createElement(Col, { lg: { span: 15 }, md: { span: 14 } },
|
15922
|
+
React.createElement("div", { className: "action-bar" },
|
15923
|
+
React.createElement(Checkbox, { className: "all-check", indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, "All"),
|
15924
|
+
React.createElement(Checkbox.Group, { options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
|
15925
|
+
React.createElement(Col, { lg: { span: 9 }, md: { span: 10 } },
|
15926
|
+
React.createElement("div", { className: "filter-section" },
|
15927
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement("div", { className: "search-filter" },
|
15928
|
+
React.createElement(Checkbox, { className: "label", onChange: function (v) {
|
15929
|
+
if (userInfoState.companyRole === CompanyRole.MINISTRY) {
|
15930
|
+
if (v.target.checked) {
|
15931
|
+
setMinistryLevelFilter(true);
|
15932
|
+
}
|
15933
|
+
else {
|
15934
|
+
setMinistryLevelFilter(false);
|
15935
|
+
}
|
15936
|
+
}
|
15937
|
+
} }, t("programme:ministryLevel")))),
|
15938
|
+
React.createElement("div", { className: "search-bar" },
|
15939
|
+
React.createElement(Search, { onPressEnter: onSearch, placeholder: "Search", allowClear: true, onChange: function (e) {
|
15940
|
+
return e.target.value === ""
|
15941
|
+
? setSearch(e.target.value)
|
15942
|
+
: setSearchText(e.target.value);
|
15943
|
+
}, onSearch: setSearch, style: { width: 265 } }))))),
|
15944
|
+
React.createElement(Row, null,
|
15945
|
+
React.createElement(Col, { span: 24 },
|
15946
|
+
React.createElement("div", { className: "programmeManagement-table-container" },
|
15947
|
+
React.createElement(Table, { dataSource: tableData, columns: columns, className: "common-table-class", loading: loading, pagination: {
|
15948
|
+
current: currentPage,
|
15949
|
+
pageSize: pageSize,
|
15950
|
+
total: totalProgramme,
|
15951
|
+
showQuickJumper: true,
|
15952
|
+
showSizeChanger: true,
|
15953
|
+
onChange: onChange,
|
15954
|
+
}, onChange: function (val, filter, sorter) {
|
15955
|
+
return handleTableChange(val, sorter);
|
15956
|
+
}, locale: {
|
15957
|
+
emptyText: (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
|
15958
|
+
? t("creditTransfer:noTransfer")
|
15959
|
+
: null })),
|
15960
|
+
} }))))),
|
15961
|
+
popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
|
15962
|
+
setModalVisible(false);
|
15963
|
+
setSelectedReq(undefined);
|
15964
|
+
}, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
|
15965
|
+
};
|
15966
|
+
|
15967
|
+
var css_248z$h = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n";
|
15968
|
+
styleInject(css_248z$h);
|
15969
|
+
|
15970
|
+
var NdcActionManagementComponent = function (props) {
|
15971
|
+
var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
|
15972
|
+
var _a = useState(true), checkAll = _a[0], setCheckAll = _a[1];
|
15973
|
+
var _b = useState([]), tableData = _b[0], setTableData = _b[1];
|
15974
|
+
var _c = useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
|
15975
|
+
var _d = useState(), statusFilter = _d[0], setStatusFilter = _d[1];
|
15976
|
+
var _e = useState(), search = _e[0], setSearch = _e[1];
|
15977
|
+
var _f = useState(), searchText = _f[0], setSearchText = _f[1];
|
15978
|
+
var _g = useState(false), loading = _g[0], setLoading = _g[1];
|
15979
|
+
var _h = useState(1), currentPage = _h[0], setCurrentPage = _h[1];
|
15980
|
+
var _j = useState(10), pageSize = _j[0], setPageSize = _j[1];
|
15981
|
+
var _k = useState(), sortOrder = _k[0], setSortOrder = _k[1];
|
15982
|
+
var _l = useState(), sortField = _l[0], setSortField = _l[1];
|
15983
|
+
var _m = useState(), dataFilter = _m[0]; _m[1];
|
15984
|
+
var _o = useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
|
15985
|
+
var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
15986
|
+
var Search = Input.Search;
|
15987
|
+
var post = useConnection().post;
|
15988
|
+
var userInfoState = useUserContext().userInfoState;
|
15989
|
+
var statusOptions = Object.keys(NdcActionStatus).map(function (k, index) { return ({
|
15990
|
+
label: addSpaces(Object.values(NdcActionStatus)[index]),
|
15991
|
+
value: Object.values(NdcActionStatus)[index],
|
15992
|
+
}); });
|
15993
|
+
var _q = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
|
15994
|
+
var getNdcActionNames = function (action) {
|
15995
|
+
switch (action) {
|
15996
|
+
case NdcActionTypes.Adaptation:
|
15997
|
+
return t("ndcAction:adaptation");
|
15998
|
+
case NdcActionTypes.Mitigation:
|
15999
|
+
return t("ndcAction:mitigation");
|
16000
|
+
case NdcActionTypes.CrossCutting:
|
16001
|
+
return t("ndcAction:crossCutting");
|
16002
|
+
case NdcActionTypes.Enablement:
|
16003
|
+
return t("ndcAction:enablement");
|
16004
|
+
default:
|
16005
|
+
return "";
|
16006
|
+
}
|
16007
|
+
};
|
16008
|
+
var getCompanyLogos = function (companyId, itemObj) {
|
16009
|
+
if (companyId && itemObj.company.length > 0) {
|
16010
|
+
var selectedCompany = itemObj.company.find(function (c) { return c.companyId === parseInt(companyId); });
|
16011
|
+
if (selectedCompany) {
|
16012
|
+
return (React.createElement(Tooltip, { title: selectedCompany.name, color: TooltipColor, key: TooltipColor },
|
16013
|
+
React.createElement("div", null,
|
16014
|
+
React.createElement(ProfileIcon, { icon: selectedCompany.logo, bg: getCompanyBgColor(selectedCompany.companyRole), name: selectedCompany.name }))));
|
16015
|
+
}
|
16016
|
+
else {
|
16017
|
+
return React.createElement("div", null);
|
16018
|
+
}
|
16019
|
+
}
|
16020
|
+
};
|
16021
|
+
var columns = [
|
16022
|
+
{
|
16023
|
+
title: t("ndcAction:ndcColumnsActionId"),
|
16024
|
+
dataIndex: "id",
|
16025
|
+
key: "id",
|
16026
|
+
align: "left",
|
16027
|
+
sorter: true,
|
16028
|
+
render: function (item) {
|
16029
|
+
return React.createElement("span", { className: "clickable" }, item);
|
16030
|
+
},
|
16031
|
+
onCell: function (record, rowIndex) {
|
16032
|
+
return {
|
16033
|
+
onClick: function (ev) {
|
16034
|
+
onNavigateToNdcManagementView(record);
|
16035
|
+
},
|
16036
|
+
};
|
16037
|
+
},
|
16038
|
+
},
|
16039
|
+
{
|
16040
|
+
title: t("ndcAction:ndcColumnsDate"),
|
16041
|
+
key: "createdTime",
|
16042
|
+
sorter: true,
|
16043
|
+
align: "left",
|
16044
|
+
render: function (item, itemObj) {
|
16045
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, DateTime.fromMillis(parseInt(itemObj.createdTime)).toFormat("dd LLLL yyyy")));
|
16046
|
+
},
|
16047
|
+
},
|
16048
|
+
{
|
16049
|
+
title: t("ndcAction:ndcColumnsNdcAction"),
|
16050
|
+
dataIndex: "action",
|
16051
|
+
key: "action",
|
16052
|
+
sorter: true,
|
16053
|
+
align: "left",
|
16054
|
+
render: function (item) {
|
16055
|
+
return getNdcActionNames(item);
|
16056
|
+
},
|
16057
|
+
},
|
16058
|
+
{
|
16059
|
+
title: t("ndcAction:ndcColumnsProgrammeName"),
|
16060
|
+
dataIndex: "programmeName",
|
16061
|
+
key: "programmeName",
|
16062
|
+
sorter: true,
|
16063
|
+
align: "left",
|
16064
|
+
render: function (item) {
|
16065
|
+
return React.createElement("span", { className: "clickable" }, item);
|
16066
|
+
},
|
16067
|
+
onCell: function (record, rowIndex) {
|
16068
|
+
return {
|
16069
|
+
onClick: function (ev) {
|
16070
|
+
onNavigateToProgrammeManagementView(record.programmeId);
|
16071
|
+
},
|
16072
|
+
};
|
16073
|
+
},
|
16074
|
+
},
|
16075
|
+
{
|
16076
|
+
title: t("ndcAction:ndcColumnsSector"),
|
16077
|
+
dataIndex: "sector",
|
16078
|
+
key: "sector",
|
16079
|
+
align: "left",
|
16080
|
+
sorter: true,
|
16081
|
+
},
|
16082
|
+
{
|
16083
|
+
title: t("ndcAction:ndcColumnsOwners"),
|
16084
|
+
key: "companyId",
|
16085
|
+
sorter: true,
|
16086
|
+
align: "left",
|
16087
|
+
render: function (item, itemObj) {
|
16088
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, itemObj.companyId &&
|
16089
|
+
itemObj.companyId.map(function (v, i) {
|
16090
|
+
return getCompanyLogos(v, itemObj);
|
16091
|
+
})));
|
16092
|
+
},
|
16093
|
+
},
|
16094
|
+
{
|
16095
|
+
title: t("ndcAction:ndcColumnsStatus"),
|
16096
|
+
dataIndex: "status",
|
16097
|
+
align: "center",
|
16098
|
+
key: "status",
|
16099
|
+
sorter: true,
|
16100
|
+
render: function (item, Obj) {
|
16101
|
+
return (React.createElement(Tooltip, { title: Obj.status, color: TooltipColor, key: TooltipColor },
|
16102
|
+
React.createElement(Tag, { className: "clickable", color: getNdcStatusTagType(Obj.status) }, addSpaces(Obj.status))));
|
16103
|
+
},
|
16104
|
+
},
|
16105
|
+
];
|
16106
|
+
var getNdcActionData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
16107
|
+
var filter, interFilterOr, sort, filterBy, response, error_1;
|
16108
|
+
return __generator(this, function (_a) {
|
16109
|
+
switch (_a.label) {
|
16110
|
+
case 0:
|
16111
|
+
setLoading(true);
|
16112
|
+
filter = [];
|
16113
|
+
if (statusFilter) {
|
16114
|
+
filter.push(statusFilter);
|
16115
|
+
}
|
16116
|
+
if (dataFilter) {
|
16117
|
+
filter.push(dataFilter);
|
16118
|
+
}
|
16119
|
+
if (search && search !== "") {
|
16120
|
+
interFilterOr = [
|
16121
|
+
{
|
16122
|
+
key: "programmeName",
|
16123
|
+
operation: "like",
|
16124
|
+
value: "".concat(search, "%"),
|
16125
|
+
},
|
16126
|
+
];
|
16127
|
+
if (!isNaN(Number(search))) {
|
16128
|
+
interFilterOr.push({
|
16129
|
+
key: "id",
|
16130
|
+
operation: "like",
|
16131
|
+
value: "".concat(search),
|
16132
|
+
});
|
16133
|
+
}
|
16134
|
+
filter.push({
|
16135
|
+
value: {
|
16136
|
+
page: currentPage,
|
16137
|
+
size: pageSize,
|
16138
|
+
filterOr: interFilterOr,
|
16139
|
+
},
|
16140
|
+
});
|
16141
|
+
}
|
16142
|
+
if (sortOrder && sortField) {
|
16143
|
+
sort = {
|
16144
|
+
key: sortField,
|
16145
|
+
order: sortOrder,
|
16146
|
+
nullFirst: false,
|
16147
|
+
};
|
16148
|
+
}
|
16149
|
+
else {
|
16150
|
+
sort = {
|
16151
|
+
key: "txTime",
|
16152
|
+
order: "DESC",
|
16153
|
+
};
|
16154
|
+
}
|
16155
|
+
if (ministryLevelFilter) {
|
16156
|
+
filterBy = {
|
16157
|
+
key: "ministryLevel",
|
16158
|
+
value: ministrySectoralScope,
|
16159
|
+
};
|
16160
|
+
}
|
16161
|
+
_a.label = 1;
|
16162
|
+
case 1:
|
16163
|
+
_a.trys.push([1, 3, , 4]);
|
16164
|
+
return [4 /*yield*/, post("national/programme/queryNdcActions", {
|
15275
16165
|
page: currentPage,
|
15276
16166
|
size: pageSize,
|
15277
16167
|
filterAnd: filter,
|
@@ -23604,11 +24494,11 @@ var EditableCell = function (_a) {
|
|
23604
24494
|
return React.createElement("td", __assign({}, restProps), childNode);
|
23605
24495
|
};
|
23606
24496
|
|
23607
|
-
var css_248z$4 = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
|
24497
|
+
var css_248z$4 = ".ndc-steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .ndc-steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .ndc-steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .ndc-steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
|
23608
24498
|
styleInject(css_248z$4);
|
23609
24499
|
|
23610
24500
|
var NdcDetailsComponent = function (props) {
|
23611
|
-
var t = props.t; props.useConnection;
|
24501
|
+
var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
|
23612
24502
|
var RangePicker = DatePicker.RangePicker;
|
23613
24503
|
var _a = useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
|
23614
24504
|
var _b = useState(false), loading = _b[0]; _b[1];
|
@@ -23616,6 +24506,20 @@ var NdcDetailsComponent = function (props) {
|
|
23616
24506
|
var _c = useState([]), periodItems = _c[0], setPeriodItems = _c[1];
|
23617
24507
|
var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
|
23618
24508
|
var selectedPeriod = useRef({});
|
24509
|
+
var addedNdcDetailId = useRef(0);
|
24510
|
+
var userInfoState = useUserContext().userInfoState;
|
24511
|
+
var isAddRangeVisible = function () {
|
24512
|
+
return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
|
24513
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT) &&
|
24514
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
24515
|
+
};
|
24516
|
+
var isAddNdcActionVisible = function () {
|
24517
|
+
return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
24518
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
24519
|
+
};
|
24520
|
+
var inRange = function (num, min, max) {
|
24521
|
+
return num >= min && num <= max;
|
24522
|
+
};
|
23619
24523
|
var handleSave = function (row) {
|
23620
24524
|
var newData = __spreadArray([], ndcDetailsData, true);
|
23621
24525
|
var index = newData.findIndex(function (item) { return row.key === item.key; });
|
@@ -23623,6 +24527,18 @@ var NdcDetailsComponent = function (props) {
|
|
23623
24527
|
newData.splice(index, 1, __assign(__assign({}, item), row));
|
23624
24528
|
setNdcDetailsData(newData);
|
23625
24529
|
};
|
24530
|
+
var getNdcDetailsForPeriod = function () {
|
24531
|
+
var range = selectedTab.split("-");
|
24532
|
+
if (range.length > 1) {
|
24533
|
+
var filteredData = ndcDetailsData.filter(function (item) {
|
24534
|
+
return inRange(Number(moment(item.startDate).year()), Number(range[0]), Number(range[1]));
|
24535
|
+
});
|
24536
|
+
return filteredData;
|
24537
|
+
}
|
24538
|
+
else {
|
24539
|
+
return [];
|
24540
|
+
}
|
24541
|
+
};
|
23626
24542
|
var defaultColumns = [
|
23627
24543
|
{
|
23628
24544
|
title: t("ndc:ndcColumnsNationalPlanObj"),
|
@@ -23652,11 +24568,14 @@ var NdcDetailsComponent = function (props) {
|
|
23652
24568
|
}); } });
|
23653
24569
|
});
|
23654
24570
|
function onAddNewNdcDetail() {
|
24571
|
+
var range = selectedTab.split("-");
|
24572
|
+
addedNdcDetailId.current = addedNdcDetailId.current + 1;
|
23655
24573
|
var newData = {
|
23656
|
-
|
23657
|
-
|
23658
|
-
|
23659
|
-
|
24574
|
+
key: addedNdcDetailId.current,
|
24575
|
+
startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
|
24576
|
+
endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
|
24577
|
+
nationalPlanObj: t("ndc:enterNewPlanTxt"),
|
24578
|
+
kpi: 0,
|
23660
24579
|
};
|
23661
24580
|
setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
|
23662
24581
|
}
|
@@ -23699,7 +24618,10 @@ var NdcDetailsComponent = function (props) {
|
|
23699
24618
|
end: selectedPeriod.current.end,
|
23700
24619
|
children: ndcDetailsTableContent(),
|
23701
24620
|
};
|
23702
|
-
var existingIndex = periodItemsRef.current.findIndex(function (item) {
|
24621
|
+
var existingIndex = periodItemsRef.current.findIndex(function (item) {
|
24622
|
+
return inRange(newPeriodItem_1.start, item.start, item.end) ||
|
24623
|
+
inRange(newPeriodItem_1.end, item.start, item.end);
|
24624
|
+
});
|
23703
24625
|
if (existingIndex === -1) {
|
23704
24626
|
setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
|
23705
24627
|
periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
|
@@ -23715,7 +24637,7 @@ var NdcDetailsComponent = function (props) {
|
|
23715
24637
|
}
|
23716
24638
|
};
|
23717
24639
|
useEffect(function () {
|
23718
|
-
if (periodItems && periodItems.length >
|
24640
|
+
if (periodItems && periodItems.length > 2) {
|
23719
24641
|
setSelectedTab(periodItems[periodItems.length - 1].key);
|
23720
24642
|
}
|
23721
24643
|
}, [periodItems]);
|
@@ -23731,7 +24653,7 @@ var NdcDetailsComponent = function (props) {
|
|
23731
24653
|
React.createElement(Row, null,
|
23732
24654
|
React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
|
23733
24655
|
React.createElement(Row, { className: "mg-top-1" },
|
23734
|
-
React.createElement("div", { className: "steps-actions" },
|
24656
|
+
React.createElement("div", { className: "ndc-steps-actions" },
|
23735
24657
|
React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
|
23736
24658
|
React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
|
23737
24659
|
}
|
@@ -23741,31 +24663,69 @@ var NdcDetailsComponent = function (props) {
|
|
23741
24663
|
useEffect(function () {
|
23742
24664
|
var defaultNdcDetails = [
|
23743
24665
|
{
|
24666
|
+
key: 1,
|
24667
|
+
startDate: new Date("2019-03-25"),
|
24668
|
+
endDate: new Date("2020-03-25"),
|
24669
|
+
nationalPlanObj: "Enhance value addition in key growth opportunities",
|
24670
|
+
kpi: 25,
|
24671
|
+
},
|
24672
|
+
{
|
24673
|
+
key: 2,
|
24674
|
+
startDate: new Date("2019-03-25"),
|
24675
|
+
endDate: new Date("2019-08-25"),
|
24676
|
+
nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
|
24677
|
+
kpi: 10500,
|
24678
|
+
},
|
24679
|
+
{
|
24680
|
+
key: 3,
|
24681
|
+
startDate: new Date("2021-03-25"),
|
24682
|
+
endDate: new Date("2022-03-25"),
|
24683
|
+
nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
|
24684
|
+
kpi: 48,
|
24685
|
+
},
|
24686
|
+
{
|
24687
|
+
key: 4,
|
24688
|
+
startDate: new Date("2022-03-25"),
|
24689
|
+
endDate: new Date("2022-05-25"),
|
24690
|
+
nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
|
24691
|
+
kpi: 20,
|
24692
|
+
},
|
24693
|
+
{
|
24694
|
+
key: 5,
|
23744
24695
|
startDate: new Date("2022-03-25"),
|
23745
24696
|
endDate: new Date("2023-03-25"),
|
23746
|
-
nationalPlanObj: "
|
23747
|
-
kpi:
|
24697
|
+
nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
|
24698
|
+
kpi: 10,
|
23748
24699
|
},
|
24700
|
+
];
|
24701
|
+
var initialPeriods = [
|
23749
24702
|
{
|
23750
|
-
|
23751
|
-
|
23752
|
-
|
23753
|
-
|
24703
|
+
key: "2019-2020",
|
24704
|
+
label: "2019-2020",
|
24705
|
+
start: 2019,
|
24706
|
+
end: 2020,
|
24707
|
+
children: ndcDetailsTableContent(),
|
23754
24708
|
},
|
23755
24709
|
{
|
23756
|
-
|
23757
|
-
|
23758
|
-
|
23759
|
-
|
24710
|
+
key: "2021-2023",
|
24711
|
+
label: "2021-2023",
|
24712
|
+
start: 2021,
|
24713
|
+
end: 2021,
|
24714
|
+
children: ndcDetailsTableContent(),
|
23760
24715
|
},
|
23761
24716
|
];
|
23762
|
-
|
23763
|
-
|
23764
|
-
|
23765
|
-
|
23766
|
-
|
23767
|
-
|
23768
|
-
|
24717
|
+
if (isAddRangeVisible()) {
|
24718
|
+
initialPeriods.unshift({
|
24719
|
+
key: "add_new",
|
24720
|
+
label: "Add New",
|
24721
|
+
start: 0,
|
24722
|
+
end: 0,
|
24723
|
+
children: addNewPeriodContent(),
|
24724
|
+
});
|
24725
|
+
}
|
24726
|
+
addedNdcDetailId.current = 5;
|
24727
|
+
setPeriodItems(initialPeriods);
|
24728
|
+
periodItemsRef.current = initialPeriods;
|
23769
24729
|
setNdcDetailsData(defaultNdcDetails);
|
23770
24730
|
}, []);
|
23771
24731
|
return (React.createElement("div", { className: "ndc-management content-container" },
|
@@ -23778,11 +24738,13 @@ var NdcDetailsComponent = function (props) {
|
|
23778
24738
|
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
|
23779
24739
|
selectedTab !== "add_new" && (React.createElement("div", null,
|
23780
24740
|
React.createElement("div", null,
|
23781
|
-
React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource:
|
23782
|
-
React.createElement(
|
23783
|
-
|
23784
|
-
|
23785
|
-
|
24741
|
+
React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
|
24742
|
+
return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
|
24743
|
+
React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
|
24744
|
+
marginBottom: 16,
|
24745
|
+
width: "100%",
|
24746
|
+
} }, t("ndc:addNdcAction"))));
|
24747
|
+
} }))))));
|
23786
24748
|
};
|
23787
24749
|
|
23788
24750
|
var ImgWithFallback = function (_a) {
|
@@ -25218,5 +26180,5 @@ var TimelineBody = function (props) {
|
|
25218
26180
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
25219
26181
|
};
|
25220
26182
|
|
25221
|
-
export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
|
26183
|
+
export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
|
25222
26184
|
//# sourceMappingURL=index.js.map
|