@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/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, LockOutlined, 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, Skeleton, Card, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
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$x = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n";
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 = ".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";
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$u = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
432
- styleInject(css_248z$u);
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$t = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n background: #fff7e6;\n border-color: #ffd591; }\n";
473
- styleInject(css_248z$t);
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$s = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-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$s);
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$r);
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$1 = function (value) {
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$1(status)) {
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, regionField = props.regionField, systemType = props.systemType;
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(Card, { className: "card-container" },
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(Card, { className: "card-container" },
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 editing = _a.editing, dataIndex = _a.dataIndex, title = _a.title; _a.inputType; var record = _a.record; _a.index; var children = _a.children, onBlurHandler = _a.onBlurHandler, t = _a.t, restProps = __rest(_a, ["editing", "dataIndex", "title", "inputType", "record", "index", "children", "onBlurHandler", "t"]);
26661
- return (React.createElement("td", __assign({}, restProps), editing && dataIndex === "nationalPlanObjective" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26662
- {
26663
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26664
- var trimValue;
26665
- return __generator(this, function (_a) {
26666
- trimValue = typeof value === "string" ? value.trim() : value;
26667
- if (!trimValue) {
26668
- throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
26669
- }
26670
- return [2 /*return*/];
26671
- });
26672
- }); },
26673
- },
26674
- ] },
26675
- React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26676
- {
26677
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26678
- var trimValue;
26679
- return __generator(this, function (_a) {
26680
- trimValue = typeof value === "string" ? value.trim() : value;
26681
- if (trimValue) {
26682
- if (isNaN(+trimValue)) {
26683
- throw new Error(t("ndc:kpiInvalidFormat"));
26684
- }
26685
- else if (+trimValue <= 0) {
26686
- throw new Error(t("ndc:kpiGreaterThanZero"));
26687
- }
26688
- else if (trimValue.toString().length > 7) {
26689
- throw new Error(t("ndc:kpiMaxLength"));
26690
- }
26691
- }
26692
- else {
26693
- throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
26694
- }
26695
- return [2 /*return*/];
26696
- });
26697
- }); },
26698
- },
26699
- ] },
26700
- React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiPlaceHolder") }))) : (children)));
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\n.ndc-details .ant-input-number-input-wrap {\n margin-right: 10px; }\n\n.ndc-details tbody {\n vertical-align: top; }\n\n.ndc-details td .ant-space-item {\n margin-top: 5px; }\n\n.ndc-details .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\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 NdcDetailsActionType;
26707
- (function (NdcDetailsActionType) {
26708
- NdcDetailsActionType["MainAction"] = "MainAction";
26709
- NdcDetailsActionType["SubAction"] = "SubAction";
26710
- })(NdcDetailsActionType || (NdcDetailsActionType = {}));
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, useConnection = props.useConnection, useUserContext = props.useUserContext;
26655
+ var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
26740
26656
  var RangePicker = DatePicker.RangePicker;
26741
- var _a = useState([]), ndcActionsList = _a[0], setNdcActionsList = _a[1];
26742
- var _b = useState(false), loading = _b[0], setLoading = _b[1];
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({}), selectedPeriod = _d[0], setSelectedPeriod = _d[1];
26745
- var selectedDateRangeRef = useRef({});
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
- useEffect(function () {
26768
- if (expandedRowKeys && expandedRowKeys.length > 0) {
26769
- var expandedKey = expandedRowKeys[0];
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 checkSubNdcActionCreatePermission = function () {
26794
- return (!selectedPeriod.finalized &&
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
- var ClearEditMode = function () {
26842
- var unsavedMainActions = ndcActionsList.filter(function (item) {
26843
- return item.status === NdcDetailsActionStatus.New &&
26844
- item.actionType === NdcDetailsActionType.MainAction;
26845
- });
26846
- if (unsavedMainActions && unsavedMainActions.length) {
26847
- var updatedActions = ndcActionsList.filter(function (item) { return !unsavedMainActions.includes(item); });
26848
- setNdcActionsList(updatedActions);
26849
- }
26850
- setEditingKey(null);
26851
- };
26852
- var handleSave = function (row) { return __awaiter(void 0, void 0, void 0, function () {
26853
- var updatedFields, updatedItem, exception_2;
26854
- return __generator(this, function (_a) {
26855
- switch (_a.label) {
26856
- case 0:
26857
- _a.trys.push([0, 9, , 10]);
26858
- updatedFields = void 0;
26859
- _a.label = 1;
26860
- case 1:
26861
- _a.trys.push([1, 3, , 4]);
26862
- return [4 /*yield*/, form.validateFields()];
26863
- case 2:
26864
- updatedFields = (_a.sent());
26865
- return [3 /*break*/, 4];
26866
- case 3:
26867
- _a.sent();
26868
- return [2 /*return*/];
26869
- case 4:
26870
- if (!updatedFields) {
26871
- ClearEditMode();
26872
- return [2 /*return*/];
26873
- }
26874
- else if (updatedFields.kpi === row.kpi &&
26875
- updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
26876
- ClearEditMode();
26877
- return [2 /*return*/];
26878
- }
26879
- updatedItem = __assign(__assign({}, row), updatedFields);
26880
- if (!(updatedItem.status === NdcDetailsActionStatus.New)) return [3 /*break*/, 6];
26881
- if (isGovernmentUser &&
26882
- updatedItem.actionType === NdcDetailsActionType.SubAction) {
26883
- updatedItem.status = NdcDetailsActionStatus.Approved;
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
- updatedItem.status = NdcDetailsActionStatus.Pending;
26726
+ parentItem.subNdcDetails = [row];
26887
26727
  }
26888
- return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
26889
- case 5:
26890
- _a.sent();
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 actionMenu = function (record) {
26917
- if (record.status === NdcDetailsActionStatus.Pending &&
26918
- isGovernmentUser &&
26919
- !selectedPeriod.finalized) {
26920
- return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
26921
- {
26922
- text: t("ndc:approve"),
26923
- icon: React.createElement(Icon.BoxArrowInDown, null),
26924
- style: "color-primary",
26925
- click: function () {
26926
- setActionInfo({
26927
- action: "Approve",
26928
- headerText: t("ndc:actionApproveTitle"),
26929
- type: "primary",
26930
- icon: React.createElement(Icon.BoxArrowInDown, null),
26931
- recordId: record.id,
26932
- });
26933
- setOpenConfirmationModal(true);
26934
- },
26935
- },
26936
- {
26937
- text: t("ndc:reject"),
26938
- icon: React.createElement(Icon.XOctagon, null),
26939
- style: "color-error",
26940
- click: function () {
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 null;
26762
+ return [];
26957
26763
  }
26958
26764
  };
26959
26765
  var defaultColumns = [
26960
26766
  {
26961
26767
  title: t("ndc:ndcColumnsNationalPlanObj"),
26962
- dataIndex: "nationalPlanObjective",
26963
- key: "nationalPlanObjective",
26768
+ dataIndex: "nationalPlanObj",
26769
+ key: "nationalPlanObj",
26964
26770
  align: "left",
26965
- width: 400,
26966
26771
  editable: true,
26967
- render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.nationalPlanObjective ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
26968
- React.createElement("span", null, record.nationalPlanObjective))) : (React.createElement(Input, { placeholder: t("ndc:nationalPlanObjectivePlaceHolder") })))); },
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
- render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpi ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
26978
- React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: "Enter Kpi" })))); },
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: t("ndc:ndcColumnsStatus"),
26995
- dataIndex: "status",
26996
- key: "status",
26787
+ title: "Government Department",
26788
+ dataIndex: "ministry",
26789
+ key: "ministry",
26997
26790
  align: "left",
26998
- width: 200,
26999
- editable: false,
27000
- render: function (_, record) {
27001
- var menu = actionMenu(record);
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
- return {
27021
- record: record,
27022
- editing: isEditing(record),
27023
- dataIndex: col.dataIndex,
27024
- title: col.title,
27025
- onBlurHandler: function (record) {
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 onClickedAddNewNdcDetail() {
27035
- return __awaiter(this, void 0, void 0, function () {
27036
- var periodId, newData_1, lastPage;
27037
- return __generator(this, function (_a) {
27038
- if (selectedPeriod.key !== "add_new") {
27039
- form.setFieldsValue({
27040
- nationalPlanObjective: "",
27041
- kpi: "",
27042
- });
27043
- periodId = parseInt(selectedPeriod.key);
27044
- newData_1 = {
27045
- id: nextAvailableActionId,
27046
- actionType: NdcDetailsActionType.MainAction,
27047
- nationalPlanObjective: "",
27048
- kpi: "",
27049
- ministryName: loginMinistry,
27050
- periodId: periodId,
27051
- status: NdcDetailsActionStatus.New,
27052
- };
27053
- setEditingKey(nextAvailableActionId);
27054
- setNextAvailableActionId(function (value) { return value + 1; });
27055
- setNdcActionsList(function (ndcActionsList) { return __spreadArray(__spreadArray([], ndcActionsList, true), [
27056
- newData_1,
27057
- ], false); });
27058
- setTableKey(function (key) { return key + 1; });
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
- var onClickedDeletePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
27074
- return __generator(this, function (_a) {
27075
- setActionInfo({
27076
- action: "Delete",
27077
- headerText: t("ndc:periodDeleteConfirmTitle"),
27078
- type: "danger",
27079
- icon: React.createElement(Icon.XCircle, null),
27080
- recordId: selectedPeriod.key,
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
- setOpenConfirmationModal(true);
27083
- return [2 /*return*/];
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
- isPendingActionAvailable = false;
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:finalizeErrorText"),
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 addNewPeriodContent() {
27141
- return (React.createElement("div", null,
27142
- React.createElement(Row, { justify: "start", align: "middle", gutter: [16, 16] },
27143
- React.createElement(Col, { flex: "340px" },
27144
- React.createElement(RangePicker, { disabledDate: function (current) { return moment(current).year() < 1900; }, onChange: onDateRangeChanged, picker: "year" })),
27145
- React.createElement(Col, { flex: "auto" },
27146
- React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit"))))));
27147
- }
27148
- var onChange = function (page, size) {
27149
- setCurrentPage(page);
27150
- setPageSize(size);
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 mainNdcActionTableContent() {
26907
+ function addNewPeriodContent() {
27153
26908
  return (React.createElement("div", null,
27154
26909
  React.createElement(Row, null,
27155
- React.createElement(Col, { span: 24 },
27156
- React.createElement(Form, { form: form, component: false },
27157
- React.createElement(Table, { tableLayout: "fixed", key: tableKey, className: "common-table-class", rowKey: "id", pagination: {
27158
- current: currentPage,
27159
- pageSize: pageSize,
27160
- total: ndcMainDetailsForPeriod.length,
27161
- showQuickJumper: true,
27162
- showSizeChanger: true,
27163
- onChange: onChange,
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
- var selectedPeriod = periodItems.find(function (item) { return item.key === key; });
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
- fetchNdcDetailPeriods();
27528
- fetchNdcDetailActions();
27529
- fetchMinistries();
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-details content-container" },
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: selectedPeriod.key, onChange: onTabChange })),
27539
- React.createElement("div", null, selectedPeriod.key === "add_new"
27540
- ? addNewPeriodContent()
27541
- : mainNdcActionTableContent()),
27542
- React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
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$1 as getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
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