@undp/carbon-library 1.0.281-CARBON-363.4 → 1.0.281-CARBON-306.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +661 -998
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/Common/AntComponents/antTableComponents.d.ts +6 -9
- package/dist/cjs/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
- package/dist/esm/index.js +664 -1001
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/Common/AntComponents/antTableComponents.d.ts +6 -9
- package/dist/esm/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
- package/dist/locales/i18n/companyDetails/en.json +19 -0
- package/dist/locales/i18n/companyDetails/es.json +16 -0
- package/dist/locales/i18n/companyDetails/fr.json +16 -0
- package/dist/locales/i18n/companyProfile/en.json +1 -18
- package/dist/locales/i18n/companyProfile/es.json +0 -14
- package/dist/locales/i18n/companyProfile/fr.json +0 -13
- package/dist/locales/i18n/ndc/en.json +3 -28
- package/package.json +1 -1
- package/dist/cjs/types/Definitions/Definitions/ndcDetails.definitions.d.ts +0 -42
- package/dist/esm/types/Definitions/Definitions/ndcDetails.definitions.d.ts +0 -42
package/dist/esm/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined,
|
2
|
-
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert,
|
3
|
-
import React, { useState, useEffect, useRef } from 'react';
|
1
|
+
import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
|
2
|
+
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Card, Skeleton, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
|
3
|
+
import React, { useState, useEffect, useRef, useContext } from 'react';
|
4
4
|
import { DateTime } from 'luxon';
|
5
5
|
import { Buffer } from 'buffer';
|
6
6
|
import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
|
@@ -127,15 +127,15 @@ function styleInject(css, ref) {
|
|
127
127
|
}
|
128
128
|
}
|
129
129
|
|
130
|
-
var css_248z$
|
130
|
+
var css_248z$y = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
|
131
|
+
styleInject(css_248z$y);
|
132
|
+
|
133
|
+
var css_248z$x = ".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
134
|
styleInject(css_248z$x);
|
132
135
|
|
133
|
-
var css_248z$w = ".
|
136
|
+
var css_248z$w = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
|
134
137
|
styleInject(css_248z$w);
|
135
138
|
|
136
|
-
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";
|
137
|
-
styleInject(css_248z$v);
|
138
|
-
|
139
139
|
var RoleIcon = function (props) {
|
140
140
|
var icon = props.icon, bg = props.bg, color = props.color;
|
141
141
|
return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
|
@@ -428,8 +428,8 @@ var CompanyManagementColumns;
|
|
428
428
|
CompanyManagementColumns["companyState"] = "status";
|
429
429
|
})(CompanyManagementColumns || (CompanyManagementColumns = {}));
|
430
430
|
|
431
|
-
var css_248z$
|
432
|
-
styleInject(css_248z$
|
431
|
+
var css_248z$v = ".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";
|
432
|
+
styleInject(css_248z$v);
|
433
433
|
|
434
434
|
var isBase64 = function (str) {
|
435
435
|
if (!str || str === '' || str.trim() === '') {
|
@@ -469,8 +469,8 @@ var CompanyRole;
|
|
469
469
|
CompanyRole["API"] = "API";
|
470
470
|
})(CompanyRole || (CompanyRole = {}));
|
471
471
|
|
472
|
-
var css_248z$
|
473
|
-
styleInject(css_248z$
|
472
|
+
var css_248z$u = ".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";
|
473
|
+
styleInject(css_248z$u);
|
474
474
|
|
475
475
|
var OrganisationStatus = function (props) {
|
476
476
|
var organisationStatus = props.organisationStatus, t = props.t;
|
@@ -834,11 +834,11 @@ var CompanyManagementComponent = function (props) {
|
|
834
834
|
} })))))));
|
835
835
|
};
|
836
836
|
|
837
|
-
var css_248z$
|
838
|
-
styleInject(css_248z$
|
837
|
+
var css_248z$t = ".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-one .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\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 .company-details-form-container .company-details-form .row .details-part-two .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n width: 100%; }\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";
|
838
|
+
styleInject(css_248z$t);
|
839
839
|
|
840
|
-
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-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.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\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 .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\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$
|
840
|
+
var css_248z$s = "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-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.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\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 .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\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$s);
|
842
842
|
|
843
843
|
var UserManagementColumns;
|
844
844
|
(function (UserManagementColumns) {
|
@@ -2027,7 +2027,7 @@ var NdcActionStatus;
|
|
2027
2027
|
NdcActionStatus["PENDING"] = "Pending";
|
2028
2028
|
NdcActionStatus["APPROVED"] = "Approved";
|
2029
2029
|
})(NdcActionStatus || (NdcActionStatus = {}));
|
2030
|
-
var getNdcActionStatusEnumVal
|
2030
|
+
var getNdcActionStatusEnumVal = function (value) {
|
2031
2031
|
var index = Object.keys(NdcActionStatus).indexOf(value);
|
2032
2032
|
if (index < 0) {
|
2033
2033
|
return value;
|
@@ -2035,7 +2035,7 @@ var getNdcActionStatusEnumVal$1 = function (value) {
|
|
2035
2035
|
return Object.values(NdcActionStatus)[index];
|
2036
2036
|
};
|
2037
2037
|
var getNdcStatusTagType = function (status) {
|
2038
|
-
switch (getNdcActionStatusEnumVal
|
2038
|
+
switch (getNdcActionStatusEnumVal(status)) {
|
2039
2039
|
case NdcActionStatus.PENDING:
|
2040
2040
|
return "processing";
|
2041
2041
|
case NdcActionStatus.APPROVED:
|
@@ -6488,13 +6488,6 @@ var AddNewCompanyComponent = function (props) {
|
|
6488
6488
|
] }))))));
|
6489
6489
|
};
|
6490
6490
|
|
6491
|
-
var CompanyRoleIcon = function (props) {
|
6492
|
-
var role = props.role;
|
6493
|
-
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
6494
|
-
role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
6495
|
-
role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
|
6496
|
-
};
|
6497
|
-
|
6498
6491
|
var TextArea$1 = Input.TextArea;
|
6499
6492
|
var UserActionConfirmationModel = function (props) {
|
6500
6493
|
var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
|
@@ -6519,11 +6512,115 @@ var UserActionConfirmationModel = function (props) {
|
|
6519
6512
|
React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
|
6520
6513
|
};
|
6521
6514
|
|
6515
|
+
var css_248z$r = ".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";
|
6516
|
+
styleInject(css_248z$r);
|
6517
|
+
|
6518
|
+
var CompanyRoleIcon = function (props) {
|
6519
|
+
var role = props.role;
|
6520
|
+
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
6521
|
+
role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
6522
|
+
role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
|
6523
|
+
};
|
6524
|
+
|
6522
6525
|
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";
|
6523
6526
|
styleInject(css_248z$q);
|
6524
6527
|
|
6528
|
+
var CompanyDetailsComponent = function (props) {
|
6529
|
+
var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
|
6530
|
+
var getEnumKeysFromValues = function (values) {
|
6531
|
+
var enumKeys = [];
|
6532
|
+
for (var key in SectoralScope) {
|
6533
|
+
if (values.includes(SectoralScope[key])) {
|
6534
|
+
enumKeys.push(key);
|
6535
|
+
}
|
6536
|
+
}
|
6537
|
+
return enumKeys;
|
6538
|
+
};
|
6539
|
+
return (React.createElement(Card, { className: "card-container" },
|
6540
|
+
React.createElement("div", { className: "info-view" },
|
6541
|
+
React.createElement("div", { className: "title" },
|
6542
|
+
React.createElement("span", { className: "title-icon" },
|
6543
|
+
React.createElement(BankOutlined, null)),
|
6544
|
+
React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
|
6545
|
+
React.createElement(Skeleton, { loading: isLoading, active: true },
|
6546
|
+
React.createElement(Row, { className: "field" },
|
6547
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
|
6548
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
|
6549
|
+
React.createElement(Row, { className: "field" },
|
6550
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
|
6551
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
|
6552
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
|
6553
|
+
? companyDetails.taxId
|
6554
|
+
: "-")),
|
6555
|
+
React.createElement(Row, { className: "field" },
|
6556
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
|
6557
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
|
6558
|
+
? companyDetails.paymentId
|
6559
|
+
: "-")),
|
6560
|
+
React.createElement(Row, { className: "field" },
|
6561
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
|
6562
|
+
React.createElement(Col, { span: 12, className: "field-value" },
|
6563
|
+
React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
|
6564
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
6565
|
+
React.createElement(Row, { className: "field" },
|
6566
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
|
6567
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
|
6568
|
+
? companyDetails.nameOfMinister
|
6569
|
+
: "-")),
|
6570
|
+
React.createElement(Row, { className: "field" },
|
6571
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
|
6572
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
|
6573
|
+
? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
|
6574
|
+
: "-")))),
|
6575
|
+
React.createElement(Row, { className: "field" },
|
6576
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
|
6577
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
|
6578
|
+
React.createElement(Row, { className: "field" },
|
6579
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
|
6580
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
|
6581
|
+
React.createElement(Row, { className: "field" },
|
6582
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
|
6583
|
+
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
|
6584
|
+
React.createElement(Row, { className: "field" },
|
6585
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
|
6586
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
|
6587
|
+
regionField && (React.createElement(Row, { className: "field" },
|
6588
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
|
6589
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
|
6590
|
+
? companyDetails.regions.join(", ")
|
6591
|
+
: "-"))),
|
6592
|
+
React.createElement(Row, { className: "field" },
|
6593
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
|
6594
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
|
6595
|
+
? companyDetails.programmeCount
|
6596
|
+
: "-")),
|
6597
|
+
React.createElement(Row, { className: "field" },
|
6598
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
|
6599
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
6600
|
+
? addCommSep(companyDetails.creditBalance)
|
6601
|
+
: "-")),
|
6602
|
+
parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
|
6603
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
|
6604
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
|
6605
|
+
? companyDetails.remarks
|
6606
|
+
: "-"))) : (""),
|
6607
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
|
6608
|
+
systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
|
6609
|
+
React.createElement(Row, { className: "field" },
|
6610
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
|
6611
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
|
6612
|
+
? companyDetails.omgePercentage
|
6613
|
+
: "-")))),
|
6614
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
|
6615
|
+
React.createElement(Row, { className: "field" },
|
6616
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
|
6617
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
|
6618
|
+
? companyDetails.nationalSopValue
|
6619
|
+
: "-"))))))));
|
6620
|
+
};
|
6621
|
+
|
6525
6622
|
var CompanyProfileComponent = function (props) {
|
6526
|
-
var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit
|
6623
|
+
var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit; props.regionField; var systemType = props.systemType;
|
6527
6624
|
var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
|
6528
6625
|
var _b = useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
|
6529
6626
|
var _c = useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
|
@@ -6801,15 +6898,6 @@ var CompanyProfileComponent = function (props) {
|
|
6801
6898
|
setErrorMsg("");
|
6802
6899
|
setOpenRejectModal(true);
|
6803
6900
|
};
|
6804
|
-
var getEnumKeysFromValues = function (values) {
|
6805
|
-
var enumKeys = [];
|
6806
|
-
for (var key in SectoralScope) {
|
6807
|
-
if (values.includes(SectoralScope[key])) {
|
6808
|
-
enumKeys.push(key);
|
6809
|
-
}
|
6810
|
-
}
|
6811
|
-
return enumKeys;
|
6812
|
-
};
|
6813
6901
|
return (React.createElement("div", { className: "content-container company-profile" },
|
6814
6902
|
React.createElement("div", { className: "title-bar" },
|
6815
6903
|
React.createElement("div", null,
|
@@ -6848,87 +6936,7 @@ var CompanyProfileComponent = function (props) {
|
|
6848
6936
|
React.createElement(Row, { justify: "center" },
|
6849
6937
|
React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
|
6850
6938
|
React.createElement(Col, { md: 24, lg: 16 },
|
6851
|
-
React.createElement(
|
6852
|
-
React.createElement("div", { className: "info-view" },
|
6853
|
-
React.createElement("div", { className: "title" },
|
6854
|
-
React.createElement("span", { className: "title-icon" },
|
6855
|
-
React.createElement(BankOutlined, null)),
|
6856
|
-
React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
|
6857
|
-
React.createElement(Skeleton, { loading: isLoading, active: true },
|
6858
|
-
React.createElement(Row, { className: "field" },
|
6859
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
|
6860
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
|
6861
|
-
React.createElement(Row, { className: "field" },
|
6862
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
|
6863
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
|
6864
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
|
6865
|
-
? companyDetails.taxId
|
6866
|
-
: "-")),
|
6867
|
-
React.createElement(Row, { className: "field" },
|
6868
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
|
6869
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
|
6870
|
-
? companyDetails.paymentId
|
6871
|
-
: "-")),
|
6872
|
-
React.createElement(Row, { className: "field" },
|
6873
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
|
6874
|
-
React.createElement(Col, { span: 12, className: "field-value" },
|
6875
|
-
React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
|
6876
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
6877
|
-
React.createElement(Row, { className: "field" },
|
6878
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
|
6879
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
|
6880
|
-
? companyDetails.nameOfMinister
|
6881
|
-
: "-")),
|
6882
|
-
React.createElement(Row, { className: "field" },
|
6883
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
|
6884
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
|
6885
|
-
? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
|
6886
|
-
: "-")))),
|
6887
|
-
React.createElement(Row, { className: "field" },
|
6888
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
|
6889
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
|
6890
|
-
React.createElement(Row, { className: "field" },
|
6891
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
|
6892
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
|
6893
|
-
React.createElement(Row, { className: "field" },
|
6894
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
|
6895
|
-
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
|
6896
|
-
React.createElement(Row, { className: "field" },
|
6897
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
|
6898
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
|
6899
|
-
regionField && (React.createElement(Row, { className: "field" },
|
6900
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
|
6901
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
|
6902
|
-
? companyDetails.regions.join(", ")
|
6903
|
-
: "-"))),
|
6904
|
-
React.createElement(Row, { className: "field" },
|
6905
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
|
6906
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
|
6907
|
-
? companyDetails.programmeCount
|
6908
|
-
: "-")),
|
6909
|
-
React.createElement(Row, { className: "field" },
|
6910
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
|
6911
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
6912
|
-
? addCommSep(companyDetails.creditBalance)
|
6913
|
-
: "-")),
|
6914
|
-
parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
|
6915
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
|
6916
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
|
6917
|
-
? companyDetails.remarks
|
6918
|
-
: "-"))) : (""),
|
6919
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
|
6920
|
-
systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
|
6921
|
-
React.createElement(Row, { className: "field" },
|
6922
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
|
6923
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
|
6924
|
-
? companyDetails.omgePercentage
|
6925
|
-
: "-")))),
|
6926
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
|
6927
|
-
React.createElement(Row, { className: "field" },
|
6928
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
|
6929
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
|
6930
|
-
? companyDetails.nationalSopValue
|
6931
|
-
: "-"))))))),
|
6939
|
+
React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
|
6932
6940
|
((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
|
6933
6941
|
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(Card, { className: "card-container" },
|
6934
6942
|
React.createElement("div", { className: "info-view" },
|
@@ -14657,15 +14665,6 @@ var UserProfileComponent = function (props) {
|
|
14657
14665
|
}
|
14658
14666
|
});
|
14659
14667
|
}); };
|
14660
|
-
var getEnumKeysFromValues = function (values) {
|
14661
|
-
var enumKeys = [];
|
14662
|
-
for (var key in SectoralScope) {
|
14663
|
-
if (values.includes(SectoralScope[key])) {
|
14664
|
-
enumKeys.push(key);
|
14665
|
-
}
|
14666
|
-
}
|
14667
|
-
return enumKeys;
|
14668
|
-
};
|
14669
14668
|
useEffect(function () {
|
14670
14669
|
getUserProfileDetails();
|
14671
14670
|
}, []);
|
@@ -14715,74 +14714,7 @@ var UserProfileComponent = function (props) {
|
|
14715
14714
|
React.createElement(Row, { className: "field" },
|
14716
14715
|
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
|
14717
14716
|
React.createElement(Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
|
14718
|
-
React.createElement(
|
14719
|
-
React.createElement("div", { className: "info-view" },
|
14720
|
-
React.createElement("div", { className: "title" },
|
14721
|
-
React.createElement("span", { className: "title-icon" },
|
14722
|
-
React.createElement(BankOutlined, null)),
|
14723
|
-
React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
|
14724
|
-
React.createElement(Skeleton, { loading: isLoading, active: true },
|
14725
|
-
React.createElement(Row, { className: "field" },
|
14726
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:name")),
|
14727
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.name
|
14728
|
-
? organisationDetails.name
|
14729
|
-
: "-")),
|
14730
|
-
React.createElement(Row, { className: "field" },
|
14731
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
|
14732
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
|
14733
|
-
organisationDetails.companyRole !==
|
14734
|
-
CompanyRole.GOVERNMENT
|
14735
|
-
? organisationDetails.taxId
|
14736
|
-
: "-")),
|
14737
|
-
React.createElement(Row, { className: "field" },
|
14738
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
|
14739
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
|
14740
|
-
? organisationDetails.paymentId
|
14741
|
-
: "-")),
|
14742
|
-
React.createElement(Row, { className: "field" },
|
14743
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
|
14744
|
-
React.createElement(Col, { span: 12, className: "field-value" },
|
14745
|
-
React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
|
14746
|
-
(organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
|
14747
|
-
CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
14748
|
-
React.createElement(Row, { className: "field" },
|
14749
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
|
14750
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
|
14751
|
-
? organisationDetails.nameOfMinister
|
14752
|
-
: "-")),
|
14753
|
-
React.createElement(Row, { className: "field" },
|
14754
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
|
14755
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
|
14756
|
-
? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
|
14757
|
-
: "-")))),
|
14758
|
-
React.createElement(Row, { className: "field" },
|
14759
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:email")),
|
14760
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
|
14761
|
-
? organisationDetails.email
|
14762
|
-
: "-")),
|
14763
|
-
React.createElement(Row, { className: "field" },
|
14764
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
|
14765
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
|
14766
|
-
? organisationDetails.phoneNo
|
14767
|
-
: "-")),
|
14768
|
-
React.createElement(Row, { className: "field" },
|
14769
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:website")),
|
14770
|
-
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
|
14771
|
-
React.createElement(Row, { className: "field" },
|
14772
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:address")),
|
14773
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.address
|
14774
|
-
? organisationDetails.address
|
14775
|
-
: "-")),
|
14776
|
-
React.createElement(Row, { className: "field" },
|
14777
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
|
14778
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
|
14779
|
-
? organisationDetails.programmeCount
|
14780
|
-
: "-")),
|
14781
|
-
React.createElement(Row, { className: "field" },
|
14782
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
|
14783
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
|
14784
|
-
? addCommSep(organisationDetails.creditBalance)
|
14785
|
-
: "-")))))))))));
|
14717
|
+
React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
|
14786
14718
|
};
|
14787
14719
|
|
14788
14720
|
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";
|
@@ -26655,891 +26587,622 @@ var RegistryDashboardComponent = function (props) {
|
|
26655
26587
|
lastUpdateTransferLocations))))))))) : ("")));
|
26656
26588
|
};
|
26657
26589
|
|
26658
|
-
React.createContext(null);
|
26590
|
+
var EditableContext = React.createContext(null);
|
26591
|
+
var EditableRow = function (_a) {
|
26592
|
+
_a.index; var props = __rest(_a, ["index"]);
|
26593
|
+
var form = Form.useForm()[0];
|
26594
|
+
return (React.createElement(Form, { form: form, component: false },
|
26595
|
+
React.createElement(EditableContext.Provider, { value: form },
|
26596
|
+
React.createElement("tr", __assign({}, props)))));
|
26597
|
+
};
|
26659
26598
|
var EditableCell = function (_a) {
|
26660
|
-
var
|
26661
|
-
|
26662
|
-
|
26663
|
-
|
26664
|
-
|
26665
|
-
|
26666
|
-
|
26667
|
-
|
26668
|
-
|
26669
|
-
|
26670
|
-
|
26671
|
-
|
26672
|
-
|
26673
|
-
|
26674
|
-
|
26675
|
-
|
26676
|
-
|
26677
|
-
|
26678
|
-
|
26679
|
-
|
26680
|
-
|
26681
|
-
|
26682
|
-
|
26683
|
-
|
26684
|
-
|
26685
|
-
|
26686
|
-
|
26687
|
-
|
26688
|
-
|
26689
|
-
|
26690
|
-
|
26691
|
-
|
26692
|
-
|
26693
|
-
|
26694
|
-
|
26695
|
-
|
26696
|
-
|
26697
|
-
|
26698
|
-
|
26699
|
-
|
26700
|
-
|
26599
|
+
var title = _a.title, editable = _a.editable, children = _a.children, dataIndex = _a.dataIndex, record = _a.record, handleSave = _a.handleSave, restProps = __rest(_a, ["title", "editable", "children", "dataIndex", "record", "handleSave"]);
|
26600
|
+
var _b = useState(false), editing = _b[0], setEditing = _b[1];
|
26601
|
+
var inputRef = useRef(null);
|
26602
|
+
var form = useContext(EditableContext);
|
26603
|
+
useEffect(function () {
|
26604
|
+
if (editing) {
|
26605
|
+
inputRef.current.focus();
|
26606
|
+
}
|
26607
|
+
}, [editing]);
|
26608
|
+
var toggleEdit = function () {
|
26609
|
+
var _a;
|
26610
|
+
setEditing(!editing);
|
26611
|
+
form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
|
26612
|
+
};
|
26613
|
+
var save = function () { return __awaiter(void 0, void 0, void 0, function () {
|
26614
|
+
var values, errInfo_1;
|
26615
|
+
return __generator(this, function (_a) {
|
26616
|
+
switch (_a.label) {
|
26617
|
+
case 0:
|
26618
|
+
_a.trys.push([0, 2, , 3]);
|
26619
|
+
return [4 /*yield*/, form.validateFields()];
|
26620
|
+
case 1:
|
26621
|
+
values = _a.sent();
|
26622
|
+
toggleEdit();
|
26623
|
+
handleSave(__assign(__assign({}, record), values));
|
26624
|
+
return [3 /*break*/, 3];
|
26625
|
+
case 2:
|
26626
|
+
errInfo_1 = _a.sent();
|
26627
|
+
console.log("Save failed:", errInfo_1);
|
26628
|
+
return [3 /*break*/, 3];
|
26629
|
+
case 3: return [2 /*return*/];
|
26630
|
+
}
|
26631
|
+
});
|
26632
|
+
}); };
|
26633
|
+
var childNode = children;
|
26634
|
+
if (editable) {
|
26635
|
+
childNode = editing ? (React.createElement(Form.Item, { style: { margin: 0 }, name: dataIndex, rules: [
|
26636
|
+
{
|
26637
|
+
required: true,
|
26638
|
+
message: "".concat(title, " is required."),
|
26639
|
+
},
|
26640
|
+
] },
|
26641
|
+
React.createElement(Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24, minWidth: "100px", minHeight: "20px" }, onClick: toggleEdit }, children));
|
26642
|
+
}
|
26643
|
+
return React.createElement("td", __assign({}, restProps), childNode);
|
26701
26644
|
};
|
26702
26645
|
|
26703
|
-
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
|
26646
|
+
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";
|
26704
26647
|
styleInject(css_248z$4);
|
26705
26648
|
|
26706
|
-
var
|
26707
|
-
(function (
|
26708
|
-
|
26709
|
-
|
26710
|
-
})(
|
26711
|
-
var NdcDetailsActionStatus;
|
26712
|
-
(function (NdcDetailsActionStatus) {
|
26713
|
-
NdcDetailsActionStatus["New"] = "New";
|
26714
|
-
NdcDetailsActionStatus["Pending"] = "Pending";
|
26715
|
-
NdcDetailsActionStatus["Approved"] = "Approved";
|
26716
|
-
NdcDetailsActionStatus["Rejected"] = "Rejected";
|
26717
|
-
})(NdcDetailsActionStatus || (NdcDetailsActionStatus = {}));
|
26718
|
-
var getNdcActionStatusEnumVal = function (value) {
|
26719
|
-
var index = Object.keys(NdcDetailsActionStatus).indexOf(value);
|
26720
|
-
if (index < 0) {
|
26721
|
-
return value;
|
26722
|
-
}
|
26723
|
-
return Object.values(NdcDetailsActionStatus)[index];
|
26724
|
-
};
|
26725
|
-
var getNdcActionStatusTagType = function (status) {
|
26726
|
-
switch (getNdcActionStatusEnumVal(status)) {
|
26727
|
-
case NdcDetailsActionStatus.Rejected:
|
26728
|
-
return "error";
|
26729
|
-
case NdcDetailsActionStatus.Pending:
|
26730
|
-
return "processing";
|
26731
|
-
case NdcDetailsActionStatus.Approved:
|
26732
|
-
return "success";
|
26733
|
-
default:
|
26734
|
-
return "default";
|
26735
|
-
}
|
26736
|
-
};
|
26737
|
-
|
26649
|
+
var NdcActionType;
|
26650
|
+
(function (NdcActionType) {
|
26651
|
+
NdcActionType[NdcActionType["main"] = 0] = "main";
|
26652
|
+
NdcActionType[NdcActionType["sub"] = 1] = "sub";
|
26653
|
+
})(NdcActionType || (NdcActionType = {}));
|
26738
26654
|
var NdcDetailsComponent = function (props) {
|
26739
|
-
var t = props.t
|
26655
|
+
var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
|
26740
26656
|
var RangePicker = DatePicker.RangePicker;
|
26741
|
-
var _a = useState([]),
|
26742
|
-
var _b = useState(false), loading = _b[0]
|
26657
|
+
var _a = useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
|
26658
|
+
var _b = useState(false), loading = _b[0]; _b[1];
|
26659
|
+
var periodItemsRef = useRef([]);
|
26743
26660
|
var _c = useState([]), periodItems = _c[0], setPeriodItems = _c[1];
|
26744
|
-
var _d = useState(
|
26745
|
-
var
|
26661
|
+
var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
|
26662
|
+
var selectedPeriod = useRef({});
|
26663
|
+
var addedNdcDetailId = useRef(0);
|
26664
|
+
var selectedNdcDetail = useRef({});
|
26746
26665
|
var _e = useState(0), tableKey = _e[0], setTableKey = _e[1];
|
26747
|
-
var _f = useConnection(), get = _f.get, post = _f.post, put = _f.put;
|
26748
|
-
var _g = useState([]), ministryOrgList = _g[0], setMinistryOrgList = _g[1];
|
26749
|
-
var _h = useState({}), actionInfo = _h[0], setActionInfo = _h[1];
|
26750
|
-
var _j = useState(false), openConfirmationModal = _j[0], setOpenConfirmationModal = _j[1];
|
26751
|
-
var form = Form.useForm()[0];
|
26752
|
-
var _k = useState(null), editingKey = _k[0], setEditingKey = _k[1];
|
26753
|
-
var _l = useState(0), nextAvailableActionId = _l[0], setNextAvailableActionId = _l[1];
|
26754
|
-
var _m = useState([]), expandedRowKeys = _m[0], setExpandedRowKeys = _m[1];
|
26755
|
-
var _o = useState([]), subNdcActionsForPeriod = _o[0], setSubNdcActionsForPeriod = _o[1];
|
26756
|
-
var _p = useState(1), currentPage = _p[0], setCurrentPage = _p[1];
|
26757
|
-
var _q = useState(10), pageSize = _q[0], setPageSize = _q[1];
|
26758
|
-
var isEditing = function (record) { return record.id === editingKey; };
|
26759
|
-
var isMainActionInEditMode = function () {
|
26760
|
-
var unsavedMainActions = ndcMainDetailsForPeriod.filter(function (item) {
|
26761
|
-
return item.status === NdcDetailsActionStatus.New &&
|
26762
|
-
item.actionType === NdcDetailsActionType.MainAction;
|
26763
|
-
});
|
26764
|
-
return unsavedMainActions.length > 0 ? true : false;
|
26765
|
-
};
|
26766
26666
|
var userInfoState = useUserContext().userInfoState;
|
26767
|
-
|
26768
|
-
|
26769
|
-
|
26770
|
-
setNdcSubActionsForMainAction(expandedKey);
|
26771
|
-
}
|
26772
|
-
}, ndcActionsList);
|
26773
|
-
var loginMinistry = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT
|
26774
|
-
? process.env.REACT_APP_GOVERNMENT_MINISTRY
|
26775
|
-
? process.env.REACT_APP_GOVERNMENT_MINISTRY
|
26776
|
-
: "Ministry Of Environment"
|
26777
|
-
: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY
|
26778
|
-
? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName
|
26779
|
-
: undefined;
|
26780
|
-
var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
26781
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
|
26782
|
-
var isMainNdcActionsEditable = !selectedPeriod.finalized &&
|
26783
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
26784
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
|
26785
|
-
var isSubNdcActionsEditable = function (record) {
|
26786
|
-
return (!selectedPeriod.finalized &&
|
26787
|
-
record.status !== NdcDetailsActionStatus.Approved &&
|
26788
|
-
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
|
26789
|
-
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY &&
|
26790
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName) === record.ministryName)) &&
|
26667
|
+
var isAddRangeVisible = function () {
|
26668
|
+
return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
|
26669
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT) &&
|
26791
26670
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
26792
26671
|
};
|
26793
|
-
var
|
26794
|
-
return (
|
26795
|
-
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
|
26796
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
|
26672
|
+
var isAddNdcActionVisible = function () {
|
26673
|
+
return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
26797
26674
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
26798
26675
|
};
|
26799
|
-
var isNdcActionEditable = function (record) {
|
26800
|
-
if (record.actionType === NdcDetailsActionType.MainAction) {
|
26801
|
-
return isMainNdcActionsEditable;
|
26802
|
-
}
|
26803
|
-
else if (record.actionType === NdcDetailsActionType.SubAction) {
|
26804
|
-
return isSubNdcActionsEditable(record);
|
26805
|
-
}
|
26806
|
-
};
|
26807
|
-
var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
|
26808
|
-
? ndcActionsList.filter(function (ndcDetail) {
|
26809
|
-
return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
|
26810
|
-
ndcDetail.actionType === NdcDetailsActionType.MainAction);
|
26811
|
-
})
|
26812
|
-
: [];
|
26813
|
-
var setNdcSubActionsForMainAction = function (mainActionId) {
|
26814
|
-
var subNdcDetails = ndcActionsList.filter(function (ndcDetail) {
|
26815
|
-
return (ndcDetail.parentActionId === mainActionId &&
|
26816
|
-
ndcDetail.actionType === NdcDetailsActionType.SubAction);
|
26817
|
-
});
|
26818
|
-
var emptySubNdcRow = {
|
26819
|
-
id: nextAvailableActionId,
|
26820
|
-
actionType: NdcDetailsActionType.SubAction,
|
26821
|
-
nationalPlanObjective: "",
|
26822
|
-
kpi: "",
|
26823
|
-
ministryName: loginMinistry,
|
26824
|
-
status: NdcDetailsActionStatus.New,
|
26825
|
-
parentActionId: mainActionId,
|
26826
|
-
};
|
26827
|
-
if (checkSubNdcActionCreatePermission()) {
|
26828
|
-
subNdcDetails = __spreadArray(__spreadArray([], subNdcDetails, true), [emptySubNdcRow], false);
|
26829
|
-
setEditingKey(nextAvailableActionId);
|
26830
|
-
setNextAvailableActionId(function (value) { return value + 1; });
|
26831
|
-
form.setFieldsValue({
|
26832
|
-
nationalPlanObjective: "",
|
26833
|
-
kpi: "",
|
26834
|
-
});
|
26835
|
-
}
|
26836
|
-
setSubNdcActionsForPeriod(subNdcDetails);
|
26837
|
-
};
|
26838
26676
|
var inRange = function (num, min, max) {
|
26839
26677
|
return num >= min && num <= max;
|
26840
26678
|
};
|
26841
|
-
|
26842
|
-
var
|
26843
|
-
|
26844
|
-
|
26845
|
-
|
26846
|
-
|
26847
|
-
var
|
26848
|
-
|
26849
|
-
|
26850
|
-
|
26851
|
-
|
26852
|
-
|
26853
|
-
|
26854
|
-
|
26855
|
-
|
26856
|
-
|
26857
|
-
|
26858
|
-
|
26859
|
-
|
26860
|
-
|
26861
|
-
|
26862
|
-
|
26863
|
-
|
26864
|
-
|
26865
|
-
|
26866
|
-
|
26867
|
-
|
26868
|
-
|
26869
|
-
|
26870
|
-
|
26871
|
-
|
26872
|
-
|
26873
|
-
|
26874
|
-
|
26875
|
-
|
26876
|
-
|
26877
|
-
|
26878
|
-
|
26879
|
-
|
26880
|
-
|
26881
|
-
|
26882
|
-
|
26883
|
-
|
26679
|
+
function onAddNewSubNdcDetail() {
|
26680
|
+
var range = selectedTab.split("-");
|
26681
|
+
var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
|
26682
|
+
var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
|
26683
|
+
if (ndcDetail) {
|
26684
|
+
addedNdcDetailId.current = addedNdcDetailId.current + 1;
|
26685
|
+
var newData = {
|
26686
|
+
key: addedNdcDetailId.current,
|
26687
|
+
startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
|
26688
|
+
endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
|
26689
|
+
ndcActionId: ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.key,
|
26690
|
+
nationalPlanObj: "",
|
26691
|
+
kpi: "",
|
26692
|
+
ministry: "",
|
26693
|
+
};
|
26694
|
+
if (!ndcDetail.subNdcDetails) {
|
26695
|
+
ndcDetail.subNdcDetails = [];
|
26696
|
+
}
|
26697
|
+
ndcDetail.subNdcDetails.push(newData);
|
26698
|
+
}
|
26699
|
+
ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
|
26700
|
+
setNdcDetailsData(ndcDetailsData);
|
26701
|
+
setTableKey(function (key) { return key + 1; });
|
26702
|
+
}
|
26703
|
+
var handleSave = function (row) {
|
26704
|
+
setNdcDetailsData(function (prevData) {
|
26705
|
+
var newData = JSON.parse(JSON.stringify(prevData));
|
26706
|
+
if (row.type === NdcActionType.main) {
|
26707
|
+
var index = newData.findIndex(function (item) { return row.key === item.key; });
|
26708
|
+
if (index !== -1) {
|
26709
|
+
newData[index] = __assign(__assign({}, newData[index]), row);
|
26710
|
+
}
|
26711
|
+
}
|
26712
|
+
else {
|
26713
|
+
var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
|
26714
|
+
var parentItem = newData[parentIndex];
|
26715
|
+
if (parentItem) {
|
26716
|
+
if (parentItem.subNdcDetails) {
|
26717
|
+
var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
|
26718
|
+
if (itemIndex === -1) {
|
26719
|
+
parentItem.subNdcDetails.push(row);
|
26720
|
+
}
|
26721
|
+
else {
|
26722
|
+
parentItem.subNdcDetails[itemIndex] = __assign({}, row);
|
26723
|
+
}
|
26884
26724
|
}
|
26885
26725
|
else {
|
26886
|
-
|
26726
|
+
parentItem.subNdcDetails = [row];
|
26887
26727
|
}
|
26888
|
-
|
26889
|
-
|
26890
|
-
|
26891
|
-
return [3 /*break*/, 8];
|
26892
|
-
case 6:
|
26893
|
-
updatedItem.status = NdcDetailsActionStatus.Pending;
|
26894
|
-
return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
|
26895
|
-
case 7:
|
26896
|
-
_a.sent();
|
26897
|
-
_a.label = 8;
|
26898
|
-
case 8:
|
26899
|
-
fetchNdcDetailActions();
|
26900
|
-
ClearEditMode();
|
26901
|
-
return [3 /*break*/, 10];
|
26902
|
-
case 9:
|
26903
|
-
exception_2 = _a.sent();
|
26904
|
-
ClearEditMode();
|
26905
|
-
message.open({
|
26906
|
-
type: "error",
|
26907
|
-
content: exception_2.message,
|
26908
|
-
duration: 3,
|
26909
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
26910
|
-
});
|
26911
|
-
return [3 /*break*/, 10];
|
26912
|
-
case 10: return [2 /*return*/];
|
26728
|
+
}
|
26729
|
+
newData[parentIndex] = __assign({}, parentItem);
|
26730
|
+
setTableKey(function (key) { return key + 1; });
|
26913
26731
|
}
|
26732
|
+
return newData;
|
26914
26733
|
});
|
26915
|
-
}
|
26916
|
-
var
|
26917
|
-
|
26918
|
-
|
26919
|
-
|
26920
|
-
|
26921
|
-
|
26922
|
-
|
26923
|
-
|
26924
|
-
|
26925
|
-
|
26926
|
-
|
26927
|
-
|
26928
|
-
|
26929
|
-
|
26930
|
-
|
26931
|
-
|
26932
|
-
|
26933
|
-
|
26934
|
-
|
26935
|
-
|
26936
|
-
|
26937
|
-
|
26938
|
-
|
26939
|
-
|
26940
|
-
|
26941
|
-
setActionInfo({
|
26942
|
-
action: "Reject",
|
26943
|
-
headerText: t("ndc:rejectApproveTitle"),
|
26944
|
-
type: "danger",
|
26945
|
-
icon: React.createElement(Icon.XOctagon, null),
|
26946
|
-
recordId: record.id,
|
26947
|
-
});
|
26948
|
-
setOpenConfirmationModal(true);
|
26949
|
-
},
|
26950
|
-
},
|
26951
|
-
], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
|
26952
|
-
React.createElement(Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
|
26953
|
-
React.createElement("span", null, item.text))); } }));
|
26734
|
+
};
|
26735
|
+
var getNdcDetailsForPeriod = function () {
|
26736
|
+
var range = selectedTab.split("-");
|
26737
|
+
if (range.length > 1) {
|
26738
|
+
var filteredData = ndcDetailsData.filter(function (item) {
|
26739
|
+
return inRange(Number(moment(item.startDate).year()), Number(range[0]), Number(range[1]));
|
26740
|
+
});
|
26741
|
+
return filteredData;
|
26742
|
+
}
|
26743
|
+
else {
|
26744
|
+
return [];
|
26745
|
+
}
|
26746
|
+
};
|
26747
|
+
var getSubNdcDetails = function (key) {
|
26748
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
26749
|
+
var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
|
26750
|
+
if (ndcDetail) {
|
26751
|
+
if (((_b = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_a = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _a === void 0 ? void 0 : _a.length) - 1]) === null || _b === void 0 ? void 0 : _b.ministry.trim()) !== "" &&
|
26752
|
+
((_d = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_c = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.ministry) &&
|
26753
|
+
((_f = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_e = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _e === void 0 ? void 0 : _e.length) - 1]) === null || _f === void 0 ? void 0 : _f.nationalPlanObj.trim()) !== "" &&
|
26754
|
+
((_h = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_g = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _g === void 0 ? void 0 : _g.length) - 1]) === null || _h === void 0 ? void 0 : _h.nationalPlanObj) &&
|
26755
|
+
String((_k = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_j = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _j === void 0 ? void 0 : _j.length) - 1]) === null || _k === void 0 ? void 0 : _k.kpi).trim() !== "" &&
|
26756
|
+
String((_m = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_l = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _l === void 0 ? void 0 : _l.length) - 1]) === null || _m === void 0 ? void 0 : _m.kpi)) {
|
26757
|
+
onAddNewSubNdcDetail();
|
26758
|
+
}
|
26759
|
+
return ndcDetail.subNdcDetails;
|
26954
26760
|
}
|
26955
26761
|
else {
|
26956
|
-
return
|
26762
|
+
return [];
|
26957
26763
|
}
|
26958
26764
|
};
|
26959
26765
|
var defaultColumns = [
|
26960
26766
|
{
|
26961
26767
|
title: t("ndc:ndcColumnsNationalPlanObj"),
|
26962
|
-
dataIndex: "
|
26963
|
-
key: "
|
26768
|
+
dataIndex: "nationalPlanObj",
|
26769
|
+
key: "nationalPlanObj",
|
26964
26770
|
align: "left",
|
26965
|
-
width: 400,
|
26966
26771
|
editable: true,
|
26967
|
-
|
26968
|
-
|
26772
|
+
width: "50%",
|
26773
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
|
26774
|
+
React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add Programmes", className: "ant-input", type: "text" })))); },
|
26969
26775
|
},
|
26970
26776
|
{
|
26971
26777
|
title: t("ndc:ndcColumnsKpi"),
|
26972
26778
|
dataIndex: "kpi",
|
26973
26779
|
key: "kpi",
|
26974
26780
|
align: "left",
|
26975
|
-
width: 100,
|
26976
26781
|
editable: true,
|
26977
|
-
|
26978
|
-
|
26979
|
-
|
26980
|
-
{
|
26981
|
-
title: t("ndc:ndcColumnsMinistry"),
|
26982
|
-
dataIndex: "ministryName",
|
26983
|
-
key: "ministryName",
|
26984
|
-
align: "left",
|
26985
|
-
width: 300,
|
26986
|
-
editable: false,
|
26987
|
-
render: function (_, record) { return (React.createElement(Tooltip, { title: isSubNdcActionsEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
|
26988
|
-
React.createElement(Select, { disabled: !(isSubNdcActionsEditable(record) && isEditing(record)), defaultValue: record.ministryName ? record.ministryName : loginMinistry, style: { width: 220 }, onChange: function (value, option) {
|
26989
|
-
record.ministryName = option.label;
|
26990
|
-
handleSave(record);
|
26991
|
-
}, options: ministryOrgList }))); },
|
26782
|
+
width: "10%",
|
26783
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
|
26784
|
+
React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
|
26992
26785
|
},
|
26993
26786
|
{
|
26994
|
-
title:
|
26995
|
-
dataIndex: "
|
26996
|
-
key: "
|
26787
|
+
title: "Government Department",
|
26788
|
+
dataIndex: "ministry",
|
26789
|
+
key: "ministry",
|
26997
26790
|
align: "left",
|
26998
|
-
|
26999
|
-
|
27000
|
-
render: function (_, record) {
|
27001
|
-
|
27002
|
-
return (React.createElement("div", { onClick: function (event) { return event.stopPropagation(); } },
|
27003
|
-
record.actionType === NdcDetailsActionType.SubAction &&
|
27004
|
-
record.status !== NdcDetailsActionStatus.New ? (React.createElement(Tooltip, { title: record.status, color: TooltipColor, key: TooltipColor },
|
27005
|
-
React.createElement(Tag, { className: "clickable", color: getNdcActionStatusTagType(record.status) }, addSpaces(record.status)))) : (""),
|
27006
|
-
record.actionType === NdcDetailsActionType.SubAction && menu ? (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
|
27007
|
-
React.createElement(EllipsisOutlined, { rotate: 90, style: {
|
27008
|
-
fontWeight: 600,
|
27009
|
-
fontSize: "1rem",
|
27010
|
-
cursor: "pointer",
|
27011
|
-
} }))) : (React.createElement("span", null))));
|
27012
|
-
},
|
26791
|
+
editable: true,
|
26792
|
+
width: "40%",
|
26793
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
|
26794
|
+
React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Government Department", className: "ant-input", type: "text" })))); },
|
27013
26795
|
},
|
27014
26796
|
];
|
27015
26797
|
var columns = defaultColumns.map(function (col) {
|
27016
26798
|
if (!col.editable) {
|
27017
26799
|
return col;
|
27018
26800
|
}
|
27019
|
-
return __assign(__assign({}, col), { onCell: function (record) {
|
27020
|
-
|
27021
|
-
|
27022
|
-
|
27023
|
-
|
27024
|
-
|
27025
|
-
|
27026
|
-
if (isEditing(record)) {
|
27027
|
-
handleSave(record);
|
27028
|
-
}
|
27029
|
-
},
|
27030
|
-
t: t,
|
27031
|
-
};
|
27032
|
-
} });
|
26801
|
+
return __assign(__assign({}, col), { onCell: function (record) { return ({
|
26802
|
+
record: record,
|
26803
|
+
editable: col.editable,
|
26804
|
+
dataIndex: col.dataIndex,
|
26805
|
+
title: col.title,
|
26806
|
+
handleSave: handleSave,
|
26807
|
+
}); } });
|
27033
26808
|
});
|
27034
|
-
function
|
27035
|
-
|
27036
|
-
|
27037
|
-
|
27038
|
-
|
27039
|
-
|
27040
|
-
|
27041
|
-
|
27042
|
-
|
27043
|
-
|
27044
|
-
|
27045
|
-
|
27046
|
-
|
27047
|
-
|
27048
|
-
|
27049
|
-
|
27050
|
-
|
27051
|
-
|
27052
|
-
|
27053
|
-
|
27054
|
-
|
27055
|
-
|
27056
|
-
|
27057
|
-
|
27058
|
-
|
27059
|
-
if (ndcMainDetailsForPeriod.length + 1 > pageSize) {
|
27060
|
-
lastPage = Math.ceil(ndcMainDetailsForPeriod.length / pageSize);
|
27061
|
-
setCurrentPage(lastPage);
|
27062
|
-
}
|
27063
|
-
}
|
27064
|
-
return [2 /*return*/];
|
27065
|
-
});
|
27066
|
-
});
|
26809
|
+
function onAddNewNdcDetail() {
|
26810
|
+
var range = selectedTab.split("-");
|
26811
|
+
var ndcActionId = ++addedNdcDetailId.current;
|
26812
|
+
var newData = {
|
26813
|
+
key: ndcActionId,
|
26814
|
+
type: NdcActionType.main,
|
26815
|
+
startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
|
26816
|
+
endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
|
26817
|
+
nationalPlanObj: "",
|
26818
|
+
kpi: "",
|
26819
|
+
ministry: "",
|
26820
|
+
subNdcDetails: [
|
26821
|
+
{
|
26822
|
+
key: ++addedNdcDetailId.current,
|
26823
|
+
ndcActionId: ndcActionId,
|
26824
|
+
type: NdcActionType.sub,
|
26825
|
+
startDate: new Date("2019-03-25"),
|
26826
|
+
endDate: new Date("2020-03-25"),
|
26827
|
+
nationalPlanObj: "",
|
26828
|
+
kpi: "",
|
26829
|
+
ministry: "",
|
26830
|
+
},
|
26831
|
+
],
|
26832
|
+
};
|
26833
|
+
setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
|
27067
26834
|
}
|
27068
26835
|
var components = {
|
27069
26836
|
body: {
|
26837
|
+
row: EditableRow,
|
27070
26838
|
cell: EditableCell,
|
27071
26839
|
},
|
27072
26840
|
};
|
27073
|
-
|
27074
|
-
|
27075
|
-
|
27076
|
-
|
27077
|
-
|
27078
|
-
|
27079
|
-
|
27080
|
-
|
26841
|
+
//commented because rendering issue
|
26842
|
+
function ndcDetailsTableContent() {
|
26843
|
+
return (React.createElement("div", null)
|
26844
|
+
// <div>
|
26845
|
+
// <Button
|
26846
|
+
// onClick={onAddNewNdcDetail}
|
26847
|
+
// type="primary"
|
26848
|
+
// style={{
|
26849
|
+
// marginBottom: 16,
|
26850
|
+
// }}
|
26851
|
+
// >
|
26852
|
+
// Add a row
|
26853
|
+
// </Button>
|
26854
|
+
// <Table
|
26855
|
+
// components={components}
|
26856
|
+
// rowClassName={() => 'editable-row'}
|
26857
|
+
// bordered
|
26858
|
+
// dataSource={ndcDetailsData}
|
26859
|
+
// columns={columns}
|
26860
|
+
// />
|
26861
|
+
// </div>
|
26862
|
+
);
|
26863
|
+
}
|
26864
|
+
var onCancelPeriod = function () { };
|
26865
|
+
var onAddNewPeriod = function () {
|
26866
|
+
if (selectedPeriod &&
|
26867
|
+
selectedPeriod.current &&
|
26868
|
+
selectedPeriod.current.start &&
|
26869
|
+
selectedPeriod.current.end) {
|
26870
|
+
var newPeriodItem_1 = {
|
26871
|
+
key: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
|
26872
|
+
label: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
|
26873
|
+
start: selectedPeriod.current.start,
|
26874
|
+
end: selectedPeriod.current.end,
|
26875
|
+
children: ndcDetailsTableContent(),
|
26876
|
+
};
|
26877
|
+
var existingIndex = periodItemsRef.current.findIndex(function (item) {
|
26878
|
+
return inRange(newPeriodItem_1.start, item.start, item.end) ||
|
26879
|
+
inRange(newPeriodItem_1.end, item.start, item.end);
|
27081
26880
|
});
|
27082
|
-
|
27083
|
-
|
27084
|
-
|
27085
|
-
}); };
|
27086
|
-
var onClickedFinalizePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
|
27087
|
-
var isPendingActionAvailable;
|
27088
|
-
return __generator(this, function (_a) {
|
27089
|
-
if (ndcMainDetailsForPeriod.length === 0) {
|
27090
|
-
message.open({
|
27091
|
-
type: "error",
|
27092
|
-
content: t("ndc:finalizeNdcEmptyErrorText"),
|
27093
|
-
duration: 3,
|
27094
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27095
|
-
});
|
27096
|
-
return [2 /*return*/];
|
26881
|
+
if (existingIndex === -1) {
|
26882
|
+
setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
|
26883
|
+
periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
|
27097
26884
|
}
|
27098
|
-
|
27099
|
-
ndcMainDetailsForPeriod.forEach(function (mainAction) {
|
27100
|
-
var pendingActions = ndcActionsList.filter(function (action) {
|
27101
|
-
return (action.status === NdcDetailsActionStatus.Pending &&
|
27102
|
-
action.actionType === NdcDetailsActionType.SubAction &&
|
27103
|
-
action.parentActionId === mainAction.id);
|
27104
|
-
});
|
27105
|
-
if (pendingActions && pendingActions.length > 0) {
|
27106
|
-
isPendingActionAvailable = true;
|
27107
|
-
return;
|
27108
|
-
}
|
27109
|
-
});
|
27110
|
-
if (isPendingActionAvailable) {
|
26885
|
+
else {
|
27111
26886
|
message.open({
|
27112
26887
|
type: "error",
|
27113
|
-
content: t("ndc:
|
26888
|
+
content: t("ndc:rangeAlreadyExists"),
|
27114
26889
|
duration: 3,
|
27115
26890
|
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27116
26891
|
});
|
27117
26892
|
}
|
27118
|
-
else {
|
27119
|
-
setActionInfo({
|
27120
|
-
action: "Finalize",
|
27121
|
-
headerText: t("ndc:finalizeApproveTitle"),
|
27122
|
-
text: t("ndc:finalizeApproveSubTitle"),
|
27123
|
-
type: "primary",
|
27124
|
-
icon: React.createElement(Icon.Clipboard2Check, null),
|
27125
|
-
recordId: selectedPeriod.key,
|
27126
|
-
});
|
27127
|
-
setOpenConfirmationModal(true);
|
27128
|
-
}
|
27129
|
-
return [2 /*return*/];
|
27130
|
-
});
|
27131
|
-
}); };
|
27132
|
-
var onMainTableRowExpand = function (expanded, record) {
|
27133
|
-
var keys = [];
|
27134
|
-
if (expanded) {
|
27135
|
-
keys.push(record.id);
|
27136
26893
|
}
|
27137
|
-
setExpandedRowKeys(keys);
|
27138
|
-
setNdcSubActionsForMainAction(record.id);
|
27139
26894
|
};
|
27140
|
-
function
|
27141
|
-
|
27142
|
-
|
27143
|
-
|
27144
|
-
|
27145
|
-
|
27146
|
-
|
27147
|
-
|
27148
|
-
|
27149
|
-
|
27150
|
-
|
26895
|
+
useEffect(function () {
|
26896
|
+
if (periodItems && periodItems.length > 3) {
|
26897
|
+
setSelectedTab(periodItems[periodItems.length - 1].key);
|
26898
|
+
}
|
26899
|
+
}, [periodItems]);
|
26900
|
+
var onDateRangeChanged = function (range) {
|
26901
|
+
var period = {
|
26902
|
+
start: Number(moment(range[0]).year()),
|
26903
|
+
end: Number(moment(range[1]).year()),
|
26904
|
+
};
|
26905
|
+
selectedPeriod.current = period;
|
27151
26906
|
};
|
27152
|
-
function
|
26907
|
+
function addNewPeriodContent() {
|
27153
26908
|
return (React.createElement("div", null,
|
27154
26909
|
React.createElement(Row, null,
|
27155
|
-
React.createElement(
|
27156
|
-
|
27157
|
-
|
27158
|
-
|
27159
|
-
|
27160
|
-
|
27161
|
-
|
27162
|
-
|
27163
|
-
|
27164
|
-
}, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, loading: loading, dataSource: ndcMainDetailsForPeriod, columns: columns, expandedRowKeys: expandedRowKeys, onExpand: onMainTableRowExpand, expandable: {
|
27165
|
-
expandedRowRender: function (record) {
|
27166
|
-
return subNdcActionTableContent();
|
27167
|
-
},
|
27168
|
-
columnWidth: 40,
|
27169
|
-
}, onRow: function (record, rowIndex) {
|
27170
|
-
return {
|
27171
|
-
onClick: function (event) {
|
27172
|
-
if (record.id &&
|
27173
|
-
isNdcActionEditable(record) &&
|
27174
|
-
!isEditing(record)) {
|
27175
|
-
form.setFieldsValue(__assign({}, record));
|
27176
|
-
setEditingKey(record.id);
|
27177
|
-
}
|
27178
|
-
},
|
27179
|
-
onMouseLeave: function () {
|
27180
|
-
if (isEditing(record)) {
|
27181
|
-
handleSave(record);
|
27182
|
-
}
|
27183
|
-
},
|
27184
|
-
};
|
27185
|
-
}, footer: function () {
|
27186
|
-
return isGovernmentUser &&
|
27187
|
-
!selectedPeriod.finalized && (React.createElement(Row, { justify: "center" },
|
27188
|
-
React.createElement(Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
|
27189
|
-
} })))),
|
27190
|
-
isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
|
27191
|
-
React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
|
27192
|
-
React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
|
27193
|
-
React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
|
27194
|
-
React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: onClickedFinalizePeriod, htmlType: "submit", loading: loading }, t("ndc:finalize")))))) : ("")));
|
27195
|
-
}
|
27196
|
-
function subNdcActionTableContent(record) {
|
27197
|
-
return (React.createElement(Table, { tableLayout: "fixed", rowKey: "id", components: components, rowClassName: function () { return "editable-row"; }, className: "common-table-class", bordered: true, dataSource: subNdcActionsForPeriod, loading: loading, onRow: function (record, rowIndex) {
|
27198
|
-
return {
|
27199
|
-
onClick: function (event) {
|
27200
|
-
if (record.id &&
|
27201
|
-
isNdcActionEditable(record) &&
|
27202
|
-
!isEditing(record)) {
|
27203
|
-
form.setFieldsValue(__assign({}, record));
|
27204
|
-
setEditingKey(record.id);
|
27205
|
-
}
|
27206
|
-
},
|
27207
|
-
onMouseLeave: function () {
|
27208
|
-
if (isEditing(record)) {
|
27209
|
-
handleSave(record);
|
27210
|
-
}
|
27211
|
-
},
|
27212
|
-
};
|
27213
|
-
}, columns: columns, showHeader: false, pagination: false }));
|
26910
|
+
React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
|
26911
|
+
React.createElement(Row, { className: "mg-top-1" },
|
26912
|
+
React.createElement("div", { className: "ndc-steps-actions" },
|
26913
|
+
React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
|
26914
|
+
React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
|
26915
|
+
}
|
26916
|
+
function getSubNdcActionContent(record) {
|
26917
|
+
selectedNdcDetail.current = record;
|
26918
|
+
return (React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
|
27214
26919
|
}
|
27215
|
-
var onAddNewPeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
|
27216
|
-
var periodItem_1, existingIndex, response, addedPeriodItem, updatedPeriodItem_1, exception_3;
|
27217
|
-
return __generator(this, function (_a) {
|
27218
|
-
switch (_a.label) {
|
27219
|
-
case 0:
|
27220
|
-
_a.trys.push([0, 4, , 5]);
|
27221
|
-
if (!(selectedDateRangeRef &&
|
27222
|
-
selectedDateRangeRef.current &&
|
27223
|
-
selectedDateRangeRef.current.startYear &&
|
27224
|
-
selectedDateRangeRef.current.endYear)) return [3 /*break*/, 3];
|
27225
|
-
periodItem_1 = {
|
27226
|
-
startYear: selectedDateRangeRef.current.startYear,
|
27227
|
-
endYear: selectedDateRangeRef.current.endYear,
|
27228
|
-
finalized: false,
|
27229
|
-
};
|
27230
|
-
existingIndex = periodItems.findIndex(function (item) {
|
27231
|
-
return inRange(periodItem_1.startYear, item.startYear, item.endYear) ||
|
27232
|
-
inRange(periodItem_1.endYear, item.startYear, item.endYear);
|
27233
|
-
});
|
27234
|
-
if (!(existingIndex === -1)) return [3 /*break*/, 2];
|
27235
|
-
return [4 /*yield*/, post("national/programme/addNdcDetailsPeriod", __assign({}, periodItem_1))];
|
27236
|
-
case 1:
|
27237
|
-
response = _a.sent();
|
27238
|
-
if (response && response.data) {
|
27239
|
-
addedPeriodItem = response.data;
|
27240
|
-
updatedPeriodItem_1 = __assign(__assign({}, addedPeriodItem), { key: addedPeriodItem.id, label: "".concat(addedPeriodItem.startYear, "-").concat(addedPeriodItem.endYear) });
|
27241
|
-
setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [updatedPeriodItem_1], false); });
|
27242
|
-
setSelectedPeriod(updatedPeriodItem_1);
|
27243
|
-
}
|
27244
|
-
return [3 /*break*/, 3];
|
27245
|
-
case 2:
|
27246
|
-
message.open({
|
27247
|
-
type: "error",
|
27248
|
-
content: t("ndc:rangeAlreadyExists"),
|
27249
|
-
duration: 3,
|
27250
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27251
|
-
});
|
27252
|
-
_a.label = 3;
|
27253
|
-
case 3: return [3 /*break*/, 5];
|
27254
|
-
case 4:
|
27255
|
-
exception_3 = _a.sent();
|
27256
|
-
message.open({
|
27257
|
-
type: "error",
|
27258
|
-
content: exception_3.message,
|
27259
|
-
duration: 3,
|
27260
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27261
|
-
});
|
27262
|
-
return [3 /*break*/, 5];
|
27263
|
-
case 5: return [2 /*return*/];
|
27264
|
-
}
|
27265
|
-
});
|
27266
|
-
}); };
|
27267
|
-
var onDateRangeChanged = function (range) {
|
27268
|
-
if (range) {
|
27269
|
-
var period = {
|
27270
|
-
startYear: Number(moment(range[0]).year()),
|
27271
|
-
endYear: Number(moment(range[1]).year()),
|
27272
|
-
};
|
27273
|
-
if (period.startYear === period.endYear) {
|
27274
|
-
message.open({
|
27275
|
-
type: "error",
|
27276
|
-
content: t("ndc:sameStartEndDates"),
|
27277
|
-
duration: 3,
|
27278
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27279
|
-
});
|
27280
|
-
}
|
27281
|
-
else {
|
27282
|
-
selectedDateRangeRef.current = period;
|
27283
|
-
}
|
27284
|
-
}
|
27285
|
-
};
|
27286
26920
|
var onTabChange = function (key) {
|
27287
|
-
|
27288
|
-
if (selectedPeriod) {
|
27289
|
-
setSelectedPeriod(selectedPeriod);
|
27290
|
-
}
|
26921
|
+
setSelectedTab(key);
|
27291
26922
|
};
|
27292
|
-
var onActionConfirmed = function () { return __awaiter(void 0, void 0, void 0, function () {
|
27293
|
-
var actionResponse, exception_4;
|
27294
|
-
return __generator(this, function (_a) {
|
27295
|
-
switch (_a.label) {
|
27296
|
-
case 0:
|
27297
|
-
setLoading(true);
|
27298
|
-
_a.label = 1;
|
27299
|
-
case 1:
|
27300
|
-
_a.trys.push([1, 10, , 11]);
|
27301
|
-
if (!(actionInfo.action === "Approve")) return [3 /*break*/, 3];
|
27302
|
-
return [4 /*yield*/, post("national/programme/approveNdcDetailsAction", {
|
27303
|
-
id: actionInfo.recordId,
|
27304
|
-
})];
|
27305
|
-
case 2:
|
27306
|
-
actionResponse = _a.sent();
|
27307
|
-
return [3 /*break*/, 9];
|
27308
|
-
case 3:
|
27309
|
-
if (!(actionInfo.action === "Reject")) return [3 /*break*/, 5];
|
27310
|
-
return [4 /*yield*/, post("national/programme/rejectNdcDetailsAction", {
|
27311
|
-
id: actionInfo.recordId,
|
27312
|
-
})];
|
27313
|
-
case 4:
|
27314
|
-
actionResponse = _a.sent();
|
27315
|
-
return [3 /*break*/, 9];
|
27316
|
-
case 5:
|
27317
|
-
if (!(actionInfo.action === "Finalize")) return [3 /*break*/, 7];
|
27318
|
-
return [4 /*yield*/, post("national/programme/finalizeNdcDetailsPeriod", {
|
27319
|
-
id: selectedPeriod.key,
|
27320
|
-
})];
|
27321
|
-
case 6:
|
27322
|
-
actionResponse = _a.sent();
|
27323
|
-
return [3 /*break*/, 9];
|
27324
|
-
case 7:
|
27325
|
-
if (!(actionInfo.action === "Delete")) return [3 /*break*/, 9];
|
27326
|
-
return [4 /*yield*/, post("national/programme/deleteNdcDetailsPeriod", {
|
27327
|
-
id: selectedPeriod.key,
|
27328
|
-
})];
|
27329
|
-
case 8:
|
27330
|
-
actionResponse = _a.sent();
|
27331
|
-
_a.label = 9;
|
27332
|
-
case 9: return [3 /*break*/, 11];
|
27333
|
-
case 10:
|
27334
|
-
exception_4 = _a.sent();
|
27335
|
-
message.open({
|
27336
|
-
type: "error",
|
27337
|
-
content: exception_4.message,
|
27338
|
-
duration: 3,
|
27339
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27340
|
-
});
|
27341
|
-
return [3 /*break*/, 11];
|
27342
|
-
case 11:
|
27343
|
-
if (actionResponse) {
|
27344
|
-
if (actionInfo.action === "Delete") {
|
27345
|
-
message.open({
|
27346
|
-
type: "success",
|
27347
|
-
content: t("ndc:deletePeriodSuccessMsg"),
|
27348
|
-
duration: 3,
|
27349
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27350
|
-
});
|
27351
|
-
fetchNdcDetailPeriods();
|
27352
|
-
}
|
27353
|
-
else if (actionInfo.action === "Finalize") {
|
27354
|
-
message.open({
|
27355
|
-
type: "success",
|
27356
|
-
content: t("ndc:finalizeSuccessMsg"),
|
27357
|
-
duration: 3,
|
27358
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27359
|
-
});
|
27360
|
-
fetchNdcDetailPeriods();
|
27361
|
-
setExpandedRowKeys([]);
|
27362
|
-
ClearEditMode();
|
27363
|
-
}
|
27364
|
-
else if (actionInfo.action === "Approve") {
|
27365
|
-
message.open({
|
27366
|
-
type: "success",
|
27367
|
-
content: t("ndc:approveSuccessMsg"),
|
27368
|
-
duration: 3,
|
27369
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27370
|
-
});
|
27371
|
-
fetchNdcDetailActions();
|
27372
|
-
}
|
27373
|
-
else if (actionInfo.action === "Reject") {
|
27374
|
-
message.open({
|
27375
|
-
type: "success",
|
27376
|
-
content: t("ndc:rejectSuccessMsg"),
|
27377
|
-
duration: 3,
|
27378
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27379
|
-
});
|
27380
|
-
fetchNdcDetailActions();
|
27381
|
-
}
|
27382
|
-
}
|
27383
|
-
setOpenConfirmationModal(false);
|
27384
|
-
setLoading(false);
|
27385
|
-
return [2 /*return*/];
|
27386
|
-
}
|
27387
|
-
});
|
27388
|
-
}); };
|
27389
|
-
var onActionCanceled = function () {
|
27390
|
-
setOpenConfirmationModal(false);
|
27391
|
-
};
|
27392
|
-
var fetchNdcDetailPeriods = function () { return __awaiter(void 0, void 0, void 0, function () {
|
27393
|
-
var periods, addNewTab, response, exception_5;
|
27394
|
-
return __generator(this, function (_a) {
|
27395
|
-
switch (_a.label) {
|
27396
|
-
case 0:
|
27397
|
-
setLoading(true);
|
27398
|
-
_a.label = 1;
|
27399
|
-
case 1:
|
27400
|
-
_a.trys.push([1, 3, 4, 5]);
|
27401
|
-
periods = [];
|
27402
|
-
addNewTab = {
|
27403
|
-
key: "add_new",
|
27404
|
-
label: "Add New",
|
27405
|
-
startYear: 0,
|
27406
|
-
endYear: 0,
|
27407
|
-
finalized: false,
|
27408
|
-
deleted: false,
|
27409
|
-
};
|
27410
|
-
return [4 /*yield*/, get("national/programme/queryNdcDetailsPeriod")];
|
27411
|
-
case 2:
|
27412
|
-
response = _a.sent();
|
27413
|
-
if (response && response.data) {
|
27414
|
-
periods = response.data.map(function (period) {
|
27415
|
-
return __assign(__assign({}, period), { key: period.id, label: period.finalized ? (React.createElement("span", null,
|
27416
|
-
React.createElement(LockOutlined, null),
|
27417
|
-
" ",
|
27418
|
-
period.startYear,
|
27419
|
-
"-",
|
27420
|
-
period.endYear,
|
27421
|
-
" ")) : ("".concat(period.startYear, "-").concat(period.endYear)) });
|
27422
|
-
});
|
27423
|
-
}
|
27424
|
-
if (isGovernmentUser) {
|
27425
|
-
periods.unshift(addNewTab);
|
27426
|
-
}
|
27427
|
-
setPeriodItems(periods);
|
27428
|
-
if (isGovernmentUser) {
|
27429
|
-
setSelectedPeriod(addNewTab);
|
27430
|
-
}
|
27431
|
-
else {
|
27432
|
-
setSelectedPeriod(periods[0]);
|
27433
|
-
}
|
27434
|
-
setLoading(false);
|
27435
|
-
return [3 /*break*/, 5];
|
27436
|
-
case 3:
|
27437
|
-
exception_5 = _a.sent();
|
27438
|
-
message.open({
|
27439
|
-
type: "error",
|
27440
|
-
content: exception_5.message,
|
27441
|
-
duration: 3,
|
27442
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27443
|
-
});
|
27444
|
-
return [3 /*break*/, 5];
|
27445
|
-
case 4:
|
27446
|
-
setLoading(false);
|
27447
|
-
return [7 /*endfinally*/];
|
27448
|
-
case 5: return [2 /*return*/];
|
27449
|
-
}
|
27450
|
-
});
|
27451
|
-
}); };
|
27452
|
-
var fetchNdcDetailActions = function () { return __awaiter(void 0, void 0, void 0, function () {
|
27453
|
-
var response, maxActionId, exception_6;
|
27454
|
-
return __generator(this, function (_a) {
|
27455
|
-
switch (_a.label) {
|
27456
|
-
case 0:
|
27457
|
-
setLoading(true);
|
27458
|
-
_a.label = 1;
|
27459
|
-
case 1:
|
27460
|
-
_a.trys.push([1, 3, 4, 5]);
|
27461
|
-
return [4 /*yield*/, get("national/programme/queryNdcDetailsAction")];
|
27462
|
-
case 2:
|
27463
|
-
response = _a.sent();
|
27464
|
-
if (response && response.data) {
|
27465
|
-
maxActionId = Math.max.apply(Math, response.data.map(function (item) { return item.id; }));
|
27466
|
-
setNextAvailableActionId(maxActionId + 1);
|
27467
|
-
setNdcActionsList(response.data);
|
27468
|
-
}
|
27469
|
-
setLoading(false);
|
27470
|
-
return [3 /*break*/, 5];
|
27471
|
-
case 3:
|
27472
|
-
exception_6 = _a.sent();
|
27473
|
-
message.open({
|
27474
|
-
type: "error",
|
27475
|
-
content: exception_6.message,
|
27476
|
-
duration: 3,
|
27477
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27478
|
-
});
|
27479
|
-
return [3 /*break*/, 5];
|
27480
|
-
case 4:
|
27481
|
-
setLoading(false);
|
27482
|
-
return [7 /*endfinally*/];
|
27483
|
-
case 5: return [2 /*return*/];
|
27484
|
-
}
|
27485
|
-
});
|
27486
|
-
}); };
|
27487
|
-
var fetchMinistries = function () { return __awaiter(void 0, void 0, void 0, function () {
|
27488
|
-
var response, ministryOrgDetails, exception_7;
|
27489
|
-
return __generator(this, function (_a) {
|
27490
|
-
switch (_a.label) {
|
27491
|
-
case 0:
|
27492
|
-
setLoading(true);
|
27493
|
-
_a.label = 1;
|
27494
|
-
case 1:
|
27495
|
-
_a.trys.push([1, 3, 4, 5]);
|
27496
|
-
return [4 /*yield*/, get("national/organisation/getMinistries")];
|
27497
|
-
case 2:
|
27498
|
-
response = _a.sent();
|
27499
|
-
if (response && response.data) {
|
27500
|
-
ministryOrgDetails = response.data.map(function (value) {
|
27501
|
-
return {
|
27502
|
-
value: value.company_companyId,
|
27503
|
-
label: value.company_name,
|
27504
|
-
};
|
27505
|
-
});
|
27506
|
-
setMinistryOrgList(ministryOrgDetails);
|
27507
|
-
}
|
27508
|
-
setLoading(false);
|
27509
|
-
return [3 /*break*/, 5];
|
27510
|
-
case 3:
|
27511
|
-
exception_7 = _a.sent();
|
27512
|
-
message.open({
|
27513
|
-
type: "error",
|
27514
|
-
content: exception_7.message,
|
27515
|
-
duration: 3,
|
27516
|
-
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
27517
|
-
});
|
27518
|
-
return [3 /*break*/, 5];
|
27519
|
-
case 4:
|
27520
|
-
setLoading(false);
|
27521
|
-
return [7 /*endfinally*/];
|
27522
|
-
case 5: return [2 /*return*/];
|
27523
|
-
}
|
27524
|
-
});
|
27525
|
-
}); };
|
27526
26923
|
useEffect(function () {
|
27527
|
-
|
27528
|
-
|
27529
|
-
|
26924
|
+
var defaultNdcDetails = [
|
26925
|
+
{
|
26926
|
+
key: 1,
|
26927
|
+
type: NdcActionType.main,
|
26928
|
+
startDate: new Date("2019-03-25"),
|
26929
|
+
endDate: new Date("2020-03-25"),
|
26930
|
+
nationalPlanObj: "Enhance value addition in key growth opportunities",
|
26931
|
+
kpi: 25,
|
26932
|
+
ministry: "Ministry of Environment",
|
26933
|
+
subNdcDetails: [
|
26934
|
+
{
|
26935
|
+
key: 6,
|
26936
|
+
ndcActionId: 1,
|
26937
|
+
type: NdcActionType.sub,
|
26938
|
+
startDate: new Date("2019-03-25"),
|
26939
|
+
endDate: new Date("2020-03-25"),
|
26940
|
+
nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
|
26941
|
+
kpi: 25,
|
26942
|
+
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
26943
|
+
},
|
26944
|
+
{
|
26945
|
+
key: 7,
|
26946
|
+
ndcActionId: 1,
|
26947
|
+
type: NdcActionType.sub,
|
26948
|
+
startDate: new Date("2019-03-25"),
|
26949
|
+
endDate: new Date("2020-03-25"),
|
26950
|
+
nationalPlanObj: "",
|
26951
|
+
kpi: "",
|
26952
|
+
ministry: "",
|
26953
|
+
},
|
26954
|
+
],
|
26955
|
+
},
|
26956
|
+
{
|
26957
|
+
key: 2,
|
26958
|
+
type: NdcActionType.main,
|
26959
|
+
startDate: new Date("2019-03-25"),
|
26960
|
+
endDate: new Date("2019-08-25"),
|
26961
|
+
nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
|
26962
|
+
kpi: 10500,
|
26963
|
+
ministry: "Ministry of Environment",
|
26964
|
+
subNdcDetails: [
|
26965
|
+
{
|
26966
|
+
key: 8,
|
26967
|
+
ndcActionId: 2,
|
26968
|
+
type: NdcActionType.sub,
|
26969
|
+
startDate: new Date("2019-03-25"),
|
26970
|
+
endDate: new Date("2020-03-25"),
|
26971
|
+
nationalPlanObj: "",
|
26972
|
+
kpi: "",
|
26973
|
+
ministry: "",
|
26974
|
+
},
|
26975
|
+
],
|
26976
|
+
},
|
26977
|
+
{
|
26978
|
+
key: 12,
|
26979
|
+
type: NdcActionType.main,
|
26980
|
+
startDate: new Date("2019-03-25"),
|
26981
|
+
endDate: new Date("2019-08-25"),
|
26982
|
+
nationalPlanObj: "Other",
|
26983
|
+
kpi: 10500,
|
26984
|
+
ministry: "Ministry of Environment",
|
26985
|
+
subNdcDetails: [
|
26986
|
+
{
|
26987
|
+
key: 8,
|
26988
|
+
ndcActionId: 12,
|
26989
|
+
type: NdcActionType.sub,
|
26990
|
+
startDate: new Date("2019-03-25"),
|
26991
|
+
endDate: new Date("2020-03-25"),
|
26992
|
+
nationalPlanObj: "",
|
26993
|
+
kpi: "",
|
26994
|
+
ministry: "",
|
26995
|
+
},
|
26996
|
+
],
|
26997
|
+
},
|
26998
|
+
{
|
26999
|
+
key: 3,
|
27000
|
+
type: NdcActionType.main,
|
27001
|
+
startDate: new Date("2021-03-25"),
|
27002
|
+
endDate: new Date("2022-03-25"),
|
27003
|
+
nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
|
27004
|
+
kpi: 48,
|
27005
|
+
ministry: "Ministry of Environment",
|
27006
|
+
subNdcDetails: [
|
27007
|
+
{
|
27008
|
+
key: 9,
|
27009
|
+
ndcActionId: 3,
|
27010
|
+
type: NdcActionType.sub,
|
27011
|
+
startDate: new Date("2019-03-25"),
|
27012
|
+
endDate: new Date("2020-03-25"),
|
27013
|
+
nationalPlanObj: "",
|
27014
|
+
kpi: "",
|
27015
|
+
ministry: "",
|
27016
|
+
},
|
27017
|
+
],
|
27018
|
+
},
|
27019
|
+
{
|
27020
|
+
key: 4,
|
27021
|
+
type: NdcActionType.main,
|
27022
|
+
startDate: new Date("2022-03-25"),
|
27023
|
+
endDate: new Date("2022-05-25"),
|
27024
|
+
nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
|
27025
|
+
kpi: 20,
|
27026
|
+
ministry: "Ministry of Environment",
|
27027
|
+
subNdcDetails: [
|
27028
|
+
{
|
27029
|
+
key: 10,
|
27030
|
+
ndcActionId: 4,
|
27031
|
+
type: NdcActionType.sub,
|
27032
|
+
startDate: new Date("2019-03-25"),
|
27033
|
+
endDate: new Date("2020-03-25"),
|
27034
|
+
nationalPlanObj: "",
|
27035
|
+
kpi: "",
|
27036
|
+
ministry: "",
|
27037
|
+
},
|
27038
|
+
],
|
27039
|
+
},
|
27040
|
+
{
|
27041
|
+
key: 5,
|
27042
|
+
type: NdcActionType.main,
|
27043
|
+
startDate: new Date("2022-03-25"),
|
27044
|
+
endDate: new Date("2023-03-25"),
|
27045
|
+
nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
|
27046
|
+
kpi: 10,
|
27047
|
+
ministry: "Ministry of Environment",
|
27048
|
+
subNdcDetails: [
|
27049
|
+
{
|
27050
|
+
key: 11,
|
27051
|
+
ndcActionId: 5,
|
27052
|
+
type: NdcActionType.sub,
|
27053
|
+
startDate: new Date("2019-03-25"),
|
27054
|
+
endDate: new Date("2020-03-25"),
|
27055
|
+
nationalPlanObj: "",
|
27056
|
+
kpi: "",
|
27057
|
+
ministry: "",
|
27058
|
+
},
|
27059
|
+
],
|
27060
|
+
},
|
27061
|
+
{
|
27062
|
+
key: 13,
|
27063
|
+
type: NdcActionType.main,
|
27064
|
+
startDate: new Date("2022-03-25"),
|
27065
|
+
endDate: new Date("2023-03-25"),
|
27066
|
+
nationalPlanObj: "Convert to solar energy",
|
27067
|
+
kpi: 50000,
|
27068
|
+
ministry: "Ministry of Environment",
|
27069
|
+
subNdcDetails: [
|
27070
|
+
{
|
27071
|
+
key: 11,
|
27072
|
+
ndcActionId: 13,
|
27073
|
+
type: NdcActionType.sub,
|
27074
|
+
startDate: new Date("2019-03-25"),
|
27075
|
+
endDate: new Date("2020-03-25"),
|
27076
|
+
nationalPlanObj: "Convert to solar energy",
|
27077
|
+
kpi: "3000",
|
27078
|
+
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
27079
|
+
},
|
27080
|
+
{
|
27081
|
+
key: 14,
|
27082
|
+
ndcActionId: 13,
|
27083
|
+
type: NdcActionType.sub,
|
27084
|
+
startDate: new Date("2019-03-25"),
|
27085
|
+
endDate: new Date("2020-03-25"),
|
27086
|
+
nationalPlanObj: "",
|
27087
|
+
kpi: "",
|
27088
|
+
ministry: "",
|
27089
|
+
},
|
27090
|
+
],
|
27091
|
+
},
|
27092
|
+
{
|
27093
|
+
key: 15,
|
27094
|
+
type: NdcActionType.main,
|
27095
|
+
startDate: new Date("2022-03-25"),
|
27096
|
+
endDate: new Date("2023-03-25"),
|
27097
|
+
nationalPlanObj: "Strengthen the private sector to create jobs",
|
27098
|
+
kpi: 10000,
|
27099
|
+
ministry: "Ministry of Environment",
|
27100
|
+
subNdcDetails: [
|
27101
|
+
{
|
27102
|
+
key: 16,
|
27103
|
+
ndcActionId: 15,
|
27104
|
+
type: NdcActionType.sub,
|
27105
|
+
startDate: new Date("2019-03-25"),
|
27106
|
+
endDate: new Date("2020-03-25"),
|
27107
|
+
nationalPlanObj: "Strengthen the private sector to create jobs",
|
27108
|
+
kpi: "7200",
|
27109
|
+
ministry: "Ministry of Tourism (MoT)",
|
27110
|
+
},
|
27111
|
+
{
|
27112
|
+
key: 17,
|
27113
|
+
ndcActionId: 15,
|
27114
|
+
type: NdcActionType.sub,
|
27115
|
+
startDate: new Date("2019-03-25"),
|
27116
|
+
endDate: new Date("2020-03-25"),
|
27117
|
+
nationalPlanObj: "",
|
27118
|
+
kpi: "",
|
27119
|
+
ministry: "",
|
27120
|
+
},
|
27121
|
+
],
|
27122
|
+
},
|
27123
|
+
{
|
27124
|
+
key: 18,
|
27125
|
+
type: NdcActionType.main,
|
27126
|
+
startDate: new Date("2022-03-25"),
|
27127
|
+
endDate: new Date("2023-03-25"),
|
27128
|
+
nationalPlanObj: "Other",
|
27129
|
+
kpi: "",
|
27130
|
+
ministry: "Ministry of Environment",
|
27131
|
+
subNdcDetails: [
|
27132
|
+
{
|
27133
|
+
key: 19,
|
27134
|
+
ndcActionId: 18,
|
27135
|
+
type: NdcActionType.sub,
|
27136
|
+
startDate: new Date("2019-03-25"),
|
27137
|
+
endDate: new Date("2020-03-25"),
|
27138
|
+
nationalPlanObj: "Strengthen the private sector to create jobs",
|
27139
|
+
kpi: "",
|
27140
|
+
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
27141
|
+
},
|
27142
|
+
{
|
27143
|
+
key: 20,
|
27144
|
+
ndcActionId: 18,
|
27145
|
+
type: NdcActionType.sub,
|
27146
|
+
startDate: new Date("2019-03-25"),
|
27147
|
+
endDate: new Date("2020-03-25"),
|
27148
|
+
nationalPlanObj: "",
|
27149
|
+
kpi: "",
|
27150
|
+
ministry: "",
|
27151
|
+
},
|
27152
|
+
],
|
27153
|
+
},
|
27154
|
+
];
|
27155
|
+
var initialPeriods = [
|
27156
|
+
{
|
27157
|
+
key: "2019-2020",
|
27158
|
+
label: "2019-2020",
|
27159
|
+
start: 2019,
|
27160
|
+
end: 2020,
|
27161
|
+
children: ndcDetailsTableContent(),
|
27162
|
+
},
|
27163
|
+
{
|
27164
|
+
key: "2021-2023",
|
27165
|
+
label: "2021-2023",
|
27166
|
+
start: 2021,
|
27167
|
+
end: 2021,
|
27168
|
+
children: ndcDetailsTableContent(),
|
27169
|
+
},
|
27170
|
+
];
|
27171
|
+
if (isAddRangeVisible()) {
|
27172
|
+
initialPeriods.unshift({
|
27173
|
+
key: "add_new",
|
27174
|
+
label: "Add New",
|
27175
|
+
start: 0,
|
27176
|
+
end: 0,
|
27177
|
+
children: addNewPeriodContent(),
|
27178
|
+
});
|
27179
|
+
}
|
27180
|
+
addedNdcDetailId.current = 20;
|
27181
|
+
setPeriodItems(initialPeriods);
|
27182
|
+
periodItemsRef.current = initialPeriods;
|
27183
|
+
setNdcDetailsData(defaultNdcDetails);
|
27530
27184
|
}, []);
|
27531
|
-
return (React.createElement("div", { className: "ndc-
|
27185
|
+
return (React.createElement("div", { className: "ndc-management content-container" },
|
27532
27186
|
React.createElement("div", { className: "title-bar" },
|
27533
27187
|
React.createElement(Row, { justify: "space-between", align: "middle" },
|
27534
27188
|
React.createElement(Col, { span: 20 },
|
27535
27189
|
React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
|
27536
27190
|
React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
|
27537
27191
|
React.createElement("div", null,
|
27538
|
-
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey:
|
27539
|
-
React.createElement("div", null,
|
27540
|
-
|
27541
|
-
|
27542
|
-
|
27192
|
+
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
|
27193
|
+
selectedTab !== "add_new" && (React.createElement("div", null,
|
27194
|
+
React.createElement("div", null,
|
27195
|
+
React.createElement(Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
|
27196
|
+
expandedRowRender: function (record) { return getSubNdcActionContent(record); },
|
27197
|
+
indentSize: 0,
|
27198
|
+
defaultExpandedRowKeys: [selectedNdcDetail.current.key],
|
27199
|
+
}, footer: function () {
|
27200
|
+
return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
|
27201
|
+
React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
|
27202
|
+
marginBottom: 16,
|
27203
|
+
width: "100%",
|
27204
|
+
} }, t("ndc:addNdcAction"))));
|
27205
|
+
} }))))));
|
27543
27206
|
};
|
27544
27207
|
|
27545
27208
|
var ImgWithFallback = function (_a) {
|
@@ -29249,5 +28912,5 @@ var TimelineBody = function (props) {
|
|
29249
28912
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
29250
28913
|
};
|
29251
28914
|
|
29252
|
-
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, MitigationSubTypes, 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, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal
|
28915
|
+
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, MitigationSubTypes, 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, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
|
29253
28916
|
//# sourceMappingURL=index.js.map
|