@undp/carbon-library 1.0.281-CARBON-363.4 → 1.0.281-CARBON-306.0

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -147,15 +147,15 @@ function styleInject(css, ref) {
147
147
  }
148
148
  }
149
149
 
150
- 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";
150
+ 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";
151
+ styleInject(css_248z$y);
152
+
153
+ 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";
151
154
  styleInject(css_248z$x);
152
155
 
153
- 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";
156
+ 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";
154
157
  styleInject(css_248z$w);
155
158
 
156
- 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";
157
- styleInject(css_248z$v);
158
-
159
159
  var RoleIcon = function (props) {
160
160
  var icon = props.icon, bg = props.bg, color = props.color;
161
161
  return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
@@ -448,8 +448,8 @@ exports.CompanyManagementColumns = void 0;
448
448
  CompanyManagementColumns["companyState"] = "status";
449
449
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
450
450
 
451
- 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";
452
- styleInject(css_248z$u);
451
+ 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";
452
+ styleInject(css_248z$v);
453
453
 
454
454
  var isBase64 = function (str) {
455
455
  if (!str || str === '' || str.trim() === '') {
@@ -489,8 +489,8 @@ exports.CompanyRole = void 0;
489
489
  CompanyRole["API"] = "API";
490
490
  })(exports.CompanyRole || (exports.CompanyRole = {}));
491
491
 
492
- 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";
493
- styleInject(css_248z$t);
492
+ 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";
493
+ styleInject(css_248z$u);
494
494
 
495
495
  var OrganisationStatus = function (props) {
496
496
  var organisationStatus = props.organisationStatus, t = props.t;
@@ -854,11 +854,11 @@ var CompanyManagementComponent = function (props) {
854
854
  } })))))));
855
855
  };
856
856
 
857
- 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";
858
- styleInject(css_248z$s);
857
+ 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";
858
+ styleInject(css_248z$t);
859
859
 
860
- 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";
861
- styleInject(css_248z$r);
860
+ 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";
861
+ styleInject(css_248z$s);
862
862
 
863
863
  exports.UserManagementColumns = void 0;
864
864
  (function (UserManagementColumns) {
@@ -2047,7 +2047,7 @@ exports.NdcActionStatus = void 0;
2047
2047
  NdcActionStatus["PENDING"] = "Pending";
2048
2048
  NdcActionStatus["APPROVED"] = "Approved";
2049
2049
  })(exports.NdcActionStatus || (exports.NdcActionStatus = {}));
2050
- var getNdcActionStatusEnumVal$1 = function (value) {
2050
+ var getNdcActionStatusEnumVal = function (value) {
2051
2051
  var index = Object.keys(exports.NdcActionStatus).indexOf(value);
2052
2052
  if (index < 0) {
2053
2053
  return value;
@@ -2055,7 +2055,7 @@ var getNdcActionStatusEnumVal$1 = function (value) {
2055
2055
  return Object.values(exports.NdcActionStatus)[index];
2056
2056
  };
2057
2057
  var getNdcStatusTagType = function (status) {
2058
- switch (getNdcActionStatusEnumVal$1(status)) {
2058
+ switch (getNdcActionStatusEnumVal(status)) {
2059
2059
  case exports.NdcActionStatus.PENDING:
2060
2060
  return "processing";
2061
2061
  case exports.NdcActionStatus.APPROVED:
@@ -6508,13 +6508,6 @@ var AddNewCompanyComponent = function (props) {
6508
6508
  ] }))))));
6509
6509
  };
6510
6510
 
6511
- var CompanyRoleIcon = function (props) {
6512
- var role = props.role;
6513
- return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6514
- role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6515
- role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6516
- };
6517
-
6518
6511
  var TextArea$1 = antd.Input.TextArea;
6519
6512
  var UserActionConfirmationModel = function (props) {
6520
6513
  var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
@@ -6539,11 +6532,115 @@ var UserActionConfirmationModel = function (props) {
6539
6532
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
6540
6533
  };
6541
6534
 
6535
+ 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";
6536
+ styleInject(css_248z$r);
6537
+
6538
+ var CompanyRoleIcon = function (props) {
6539
+ var role = props.role;
6540
+ return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
6541
+ role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
6542
+ role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
6543
+ };
6544
+
6542
6545
  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";
6543
6546
  styleInject(css_248z$q);
6544
6547
 
6548
+ var CompanyDetailsComponent = function (props) {
6549
+ var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
6550
+ var getEnumKeysFromValues = function (values) {
6551
+ var enumKeys = [];
6552
+ for (var key in exports.SectoralScope) {
6553
+ if (values.includes(exports.SectoralScope[key])) {
6554
+ enumKeys.push(key);
6555
+ }
6556
+ }
6557
+ return enumKeys;
6558
+ };
6559
+ return (React.createElement(antd.Card, { className: "card-container" },
6560
+ React.createElement("div", { className: "info-view" },
6561
+ React.createElement("div", { className: "title" },
6562
+ React.createElement("span", { className: "title-icon" },
6563
+ React.createElement(icons.BankOutlined, null)),
6564
+ React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
6565
+ React.createElement(antd.Skeleton, { loading: isLoading, active: true },
6566
+ React.createElement(antd.Row, { className: "field" },
6567
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
6568
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
6569
+ React.createElement(antd.Row, { className: "field" },
6570
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
6571
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
6572
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
6573
+ ? companyDetails.taxId
6574
+ : "-")),
6575
+ React.createElement(antd.Row, { className: "field" },
6576
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
6577
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
6578
+ ? companyDetails.paymentId
6579
+ : "-")),
6580
+ React.createElement(antd.Row, { className: "field" },
6581
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
6582
+ React.createElement(antd.Col, { span: 12, className: "field-value" },
6583
+ React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
6584
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
6585
+ React.createElement(antd.Row, { className: "field" },
6586
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
6587
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
6588
+ ? companyDetails.nameOfMinister
6589
+ : "-")),
6590
+ React.createElement(antd.Row, { className: "field" },
6591
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
6592
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
6593
+ ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
6594
+ : "-")))),
6595
+ React.createElement(antd.Row, { className: "field" },
6596
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
6597
+ React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
6598
+ React.createElement(antd.Row, { className: "field" },
6599
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
6600
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
6601
+ React.createElement(antd.Row, { className: "field" },
6602
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
6603
+ React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
6604
+ React.createElement(antd.Row, { className: "field" },
6605
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
6606
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
6607
+ regionField && (React.createElement(antd.Row, { className: "field" },
6608
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
6609
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
6610
+ ? companyDetails.regions.join(", ")
6611
+ : "-"))),
6612
+ React.createElement(antd.Row, { className: "field" },
6613
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
6614
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
6615
+ ? companyDetails.programmeCount
6616
+ : "-")),
6617
+ React.createElement(antd.Row, { className: "field" },
6618
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
6619
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
6620
+ ? addCommSep(companyDetails.creditBalance)
6621
+ : "-")),
6622
+ parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
6623
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
6624
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
6625
+ ? companyDetails.remarks
6626
+ : "-"))) : (""),
6627
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
6628
+ systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
6629
+ React.createElement(antd.Row, { className: "field" },
6630
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
6631
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
6632
+ ? companyDetails.omgePercentage
6633
+ : "-")))),
6634
+ (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
6635
+ React.createElement(antd.Row, { className: "field" },
6636
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
6637
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
6638
+ ? companyDetails.nationalSopValue
6639
+ : "-"))))))));
6640
+ };
6641
+
6545
6642
  var CompanyProfileComponent = function (props) {
6546
- 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;
6643
+ 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;
6547
6644
  var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
6548
6645
  var _b = React.useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
6549
6646
  var _c = React.useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
@@ -6821,15 +6918,6 @@ var CompanyProfileComponent = function (props) {
6821
6918
  setErrorMsg("");
6822
6919
  setOpenRejectModal(true);
6823
6920
  };
6824
- var getEnumKeysFromValues = function (values) {
6825
- var enumKeys = [];
6826
- for (var key in exports.SectoralScope) {
6827
- if (values.includes(exports.SectoralScope[key])) {
6828
- enumKeys.push(key);
6829
- }
6830
- }
6831
- return enumKeys;
6832
- };
6833
6921
  return (React.createElement("div", { className: "content-container company-profile" },
6834
6922
  React.createElement("div", { className: "title-bar" },
6835
6923
  React.createElement("div", null,
@@ -6868,87 +6956,7 @@ var CompanyProfileComponent = function (props) {
6868
6956
  React.createElement(antd.Row, { justify: "center" },
6869
6957
  React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
6870
6958
  React.createElement(antd.Col, { md: 24, lg: 16 },
6871
- React.createElement(antd.Card, { className: "card-container" },
6872
- React.createElement("div", { className: "info-view" },
6873
- React.createElement("div", { className: "title" },
6874
- React.createElement("span", { className: "title-icon" },
6875
- React.createElement(icons.BankOutlined, null)),
6876
- React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
6877
- React.createElement(antd.Skeleton, { loading: isLoading, active: true },
6878
- React.createElement(antd.Row, { className: "field" },
6879
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
6880
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
6881
- React.createElement(antd.Row, { className: "field" },
6882
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
6883
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
6884
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
6885
- ? companyDetails.taxId
6886
- : "-")),
6887
- React.createElement(antd.Row, { className: "field" },
6888
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
6889
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
6890
- ? companyDetails.paymentId
6891
- : "-")),
6892
- React.createElement(antd.Row, { className: "field" },
6893
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
6894
- React.createElement(antd.Col, { span: 12, className: "field-value" },
6895
- React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
6896
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
6897
- React.createElement(antd.Row, { className: "field" },
6898
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
6899
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
6900
- ? companyDetails.nameOfMinister
6901
- : "-")),
6902
- React.createElement(antd.Row, { className: "field" },
6903
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
6904
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
6905
- ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
6906
- : "-")))),
6907
- React.createElement(antd.Row, { className: "field" },
6908
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
6909
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
6910
- React.createElement(antd.Row, { className: "field" },
6911
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
6912
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
6913
- React.createElement(antd.Row, { className: "field" },
6914
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
6915
- React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
6916
- React.createElement(antd.Row, { className: "field" },
6917
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
6918
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
6919
- regionField && (React.createElement(antd.Row, { className: "field" },
6920
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
6921
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
6922
- ? companyDetails.regions.join(", ")
6923
- : "-"))),
6924
- React.createElement(antd.Row, { className: "field" },
6925
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
6926
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
6927
- ? companyDetails.programmeCount
6928
- : "-")),
6929
- React.createElement(antd.Row, { className: "field" },
6930
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
6931
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
6932
- ? addCommSep(companyDetails.creditBalance)
6933
- : "-")),
6934
- parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
6935
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
6936
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
6937
- ? companyDetails.remarks
6938
- : "-"))) : (""),
6939
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
6940
- systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
6941
- React.createElement(antd.Row, { className: "field" },
6942
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
6943
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
6944
- ? companyDetails.omgePercentage
6945
- : "-")))),
6946
- (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
6947
- React.createElement(antd.Row, { className: "field" },
6948
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
6949
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
6950
- ? companyDetails.nationalSopValue
6951
- : "-"))))))),
6959
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
6952
6960
  ((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
6953
6961
  (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(antd.Card, { className: "card-container" },
6954
6962
  React.createElement("div", { className: "info-view" },
@@ -14677,15 +14685,6 @@ var UserProfileComponent = function (props) {
14677
14685
  }
14678
14686
  });
14679
14687
  }); };
14680
- var getEnumKeysFromValues = function (values) {
14681
- var enumKeys = [];
14682
- for (var key in exports.SectoralScope) {
14683
- if (values.includes(exports.SectoralScope[key])) {
14684
- enumKeys.push(key);
14685
- }
14686
- }
14687
- return enumKeys;
14688
- };
14689
14688
  React.useEffect(function () {
14690
14689
  getUserProfileDetails();
14691
14690
  }, []);
@@ -14735,74 +14734,7 @@ var UserProfileComponent = function (props) {
14735
14734
  React.createElement(antd.Row, { className: "field" },
14736
14735
  React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
14737
14736
  React.createElement(antd.Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
14738
- React.createElement(antd.Card, { className: "card-container" },
14739
- React.createElement("div", { className: "info-view" },
14740
- React.createElement("div", { className: "title" },
14741
- React.createElement("span", { className: "title-icon" },
14742
- React.createElement(icons.BankOutlined, null)),
14743
- React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
14744
- React.createElement(antd.Skeleton, { loading: isLoading, active: true },
14745
- React.createElement(antd.Row, { className: "field" },
14746
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:name")),
14747
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.name
14748
- ? organisationDetails.name
14749
- : "-")),
14750
- React.createElement(antd.Row, { className: "field" },
14751
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
14752
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
14753
- organisationDetails.companyRole !==
14754
- exports.CompanyRole.GOVERNMENT
14755
- ? organisationDetails.taxId
14756
- : "-")),
14757
- React.createElement(antd.Row, { className: "field" },
14758
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
14759
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
14760
- ? organisationDetails.paymentId
14761
- : "-")),
14762
- React.createElement(antd.Row, { className: "field" },
14763
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
14764
- React.createElement(antd.Col, { span: 12, className: "field-value" },
14765
- React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
14766
- (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
14767
- exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
14768
- React.createElement(antd.Row, { className: "field" },
14769
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
14770
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
14771
- ? organisationDetails.nameOfMinister
14772
- : "-")),
14773
- React.createElement(antd.Row, { className: "field" },
14774
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
14775
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
14776
- ? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
14777
- : "-")))),
14778
- React.createElement(antd.Row, { className: "field" },
14779
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:email")),
14780
- React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
14781
- ? organisationDetails.email
14782
- : "-")),
14783
- React.createElement(antd.Row, { className: "field" },
14784
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
14785
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
14786
- ? organisationDetails.phoneNo
14787
- : "-")),
14788
- React.createElement(antd.Row, { className: "field" },
14789
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:website")),
14790
- React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
14791
- React.createElement(antd.Row, { className: "field" },
14792
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:address")),
14793
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.address
14794
- ? organisationDetails.address
14795
- : "-")),
14796
- React.createElement(antd.Row, { className: "field" },
14797
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
14798
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
14799
- ? organisationDetails.programmeCount
14800
- : "-")),
14801
- React.createElement(antd.Row, { className: "field" },
14802
- React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
14803
- React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
14804
- ? addCommSep(organisationDetails.creditBalance)
14805
- : "-")))))))))));
14737
+ React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
14806
14738
  };
14807
14739
 
14808
14740
  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";
@@ -26675,891 +26607,622 @@ var RegistryDashboardComponent = function (props) {
26675
26607
  lastUpdateTransferLocations))))))))) : ("")));
26676
26608
  };
26677
26609
 
26678
- React.createContext(null);
26610
+ var EditableContext = React.createContext(null);
26611
+ var EditableRow = function (_a) {
26612
+ _a.index; var props = __rest(_a, ["index"]);
26613
+ var form = antd.Form.useForm()[0];
26614
+ return (React.createElement(antd.Form, { form: form, component: false },
26615
+ React.createElement(EditableContext.Provider, { value: form },
26616
+ React.createElement("tr", __assign({}, props)))));
26617
+ };
26679
26618
  var EditableCell = function (_a) {
26680
- 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"]);
26681
- return (React.createElement("td", __assign({}, restProps), editing && dataIndex === "nationalPlanObjective" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26682
- {
26683
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26684
- var trimValue;
26685
- return __generator(this, function (_a) {
26686
- trimValue = typeof value === "string" ? value.trim() : value;
26687
- if (!trimValue) {
26688
- throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
26689
- }
26690
- return [2 /*return*/];
26691
- });
26692
- }); },
26693
- },
26694
- ] },
26695
- React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26696
- {
26697
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26698
- var trimValue;
26699
- return __generator(this, function (_a) {
26700
- trimValue = typeof value === "string" ? value.trim() : value;
26701
- if (trimValue) {
26702
- if (isNaN(+trimValue)) {
26703
- throw new Error(t("ndc:kpiInvalidFormat"));
26704
- }
26705
- else if (+trimValue <= 0) {
26706
- throw new Error(t("ndc:kpiGreaterThanZero"));
26707
- }
26708
- else if (trimValue.toString().length > 7) {
26709
- throw new Error(t("ndc:kpiMaxLength"));
26710
- }
26711
- }
26712
- else {
26713
- throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
26714
- }
26715
- return [2 /*return*/];
26716
- });
26717
- }); },
26718
- },
26719
- ] },
26720
- React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiPlaceHolder") }))) : (children)));
26619
+ 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"]);
26620
+ var _b = React.useState(false), editing = _b[0], setEditing = _b[1];
26621
+ var inputRef = React.useRef(null);
26622
+ var form = React.useContext(EditableContext);
26623
+ React.useEffect(function () {
26624
+ if (editing) {
26625
+ inputRef.current.focus();
26626
+ }
26627
+ }, [editing]);
26628
+ var toggleEdit = function () {
26629
+ var _a;
26630
+ setEditing(!editing);
26631
+ form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
26632
+ };
26633
+ var save = function () { return __awaiter(void 0, void 0, void 0, function () {
26634
+ var values, errInfo_1;
26635
+ return __generator(this, function (_a) {
26636
+ switch (_a.label) {
26637
+ case 0:
26638
+ _a.trys.push([0, 2, , 3]);
26639
+ return [4 /*yield*/, form.validateFields()];
26640
+ case 1:
26641
+ values = _a.sent();
26642
+ toggleEdit();
26643
+ handleSave(__assign(__assign({}, record), values));
26644
+ return [3 /*break*/, 3];
26645
+ case 2:
26646
+ errInfo_1 = _a.sent();
26647
+ console.log("Save failed:", errInfo_1);
26648
+ return [3 /*break*/, 3];
26649
+ case 3: return [2 /*return*/];
26650
+ }
26651
+ });
26652
+ }); };
26653
+ var childNode = children;
26654
+ if (editable) {
26655
+ childNode = editing ? (React.createElement(antd.Form.Item, { style: { margin: 0 }, name: dataIndex, rules: [
26656
+ {
26657
+ required: true,
26658
+ message: "".concat(title, " is required."),
26659
+ },
26660
+ ] },
26661
+ React.createElement(antd.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));
26662
+ }
26663
+ return React.createElement("td", __assign({}, restProps), childNode);
26721
26664
  };
26722
26665
 
26723
- 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";
26666
+ 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";
26724
26667
  styleInject(css_248z$4);
26725
26668
 
26726
- var NdcDetailsActionType;
26727
- (function (NdcDetailsActionType) {
26728
- NdcDetailsActionType["MainAction"] = "MainAction";
26729
- NdcDetailsActionType["SubAction"] = "SubAction";
26730
- })(NdcDetailsActionType || (NdcDetailsActionType = {}));
26731
- var NdcDetailsActionStatus;
26732
- (function (NdcDetailsActionStatus) {
26733
- NdcDetailsActionStatus["New"] = "New";
26734
- NdcDetailsActionStatus["Pending"] = "Pending";
26735
- NdcDetailsActionStatus["Approved"] = "Approved";
26736
- NdcDetailsActionStatus["Rejected"] = "Rejected";
26737
- })(NdcDetailsActionStatus || (NdcDetailsActionStatus = {}));
26738
- var getNdcActionStatusEnumVal = function (value) {
26739
- var index = Object.keys(NdcDetailsActionStatus).indexOf(value);
26740
- if (index < 0) {
26741
- return value;
26742
- }
26743
- return Object.values(NdcDetailsActionStatus)[index];
26744
- };
26745
- var getNdcActionStatusTagType = function (status) {
26746
- switch (getNdcActionStatusEnumVal(status)) {
26747
- case NdcDetailsActionStatus.Rejected:
26748
- return "error";
26749
- case NdcDetailsActionStatus.Pending:
26750
- return "processing";
26751
- case NdcDetailsActionStatus.Approved:
26752
- return "success";
26753
- default:
26754
- return "default";
26755
- }
26756
- };
26757
-
26669
+ var NdcActionType;
26670
+ (function (NdcActionType) {
26671
+ NdcActionType[NdcActionType["main"] = 0] = "main";
26672
+ NdcActionType[NdcActionType["sub"] = 1] = "sub";
26673
+ })(NdcActionType || (NdcActionType = {}));
26758
26674
  var NdcDetailsComponent = function (props) {
26759
- var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext;
26675
+ var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
26760
26676
  var RangePicker = antd.DatePicker.RangePicker;
26761
- var _a = React.useState([]), ndcActionsList = _a[0], setNdcActionsList = _a[1];
26762
- var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
26677
+ var _a = React.useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
26678
+ var _b = React.useState(false), loading = _b[0]; _b[1];
26679
+ var periodItemsRef = React.useRef([]);
26763
26680
  var _c = React.useState([]), periodItems = _c[0], setPeriodItems = _c[1];
26764
- var _d = React.useState({}), selectedPeriod = _d[0], setSelectedPeriod = _d[1];
26765
- var selectedDateRangeRef = React.useRef({});
26681
+ var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
26682
+ var selectedPeriod = React.useRef({});
26683
+ var addedNdcDetailId = React.useRef(0);
26684
+ var selectedNdcDetail = React.useRef({});
26766
26685
  var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
26767
- var _f = useConnection(), get = _f.get, post = _f.post, put = _f.put;
26768
- var _g = React.useState([]), ministryOrgList = _g[0], setMinistryOrgList = _g[1];
26769
- var _h = React.useState({}), actionInfo = _h[0], setActionInfo = _h[1];
26770
- var _j = React.useState(false), openConfirmationModal = _j[0], setOpenConfirmationModal = _j[1];
26771
- var form = antd.Form.useForm()[0];
26772
- var _k = React.useState(null), editingKey = _k[0], setEditingKey = _k[1];
26773
- var _l = React.useState(0), nextAvailableActionId = _l[0], setNextAvailableActionId = _l[1];
26774
- var _m = React.useState([]), expandedRowKeys = _m[0], setExpandedRowKeys = _m[1];
26775
- var _o = React.useState([]), subNdcActionsForPeriod = _o[0], setSubNdcActionsForPeriod = _o[1];
26776
- var _p = React.useState(1), currentPage = _p[0], setCurrentPage = _p[1];
26777
- var _q = React.useState(10), pageSize = _q[0], setPageSize = _q[1];
26778
- var isEditing = function (record) { return record.id === editingKey; };
26779
- var isMainActionInEditMode = function () {
26780
- var unsavedMainActions = ndcMainDetailsForPeriod.filter(function (item) {
26781
- return item.status === NdcDetailsActionStatus.New &&
26782
- item.actionType === NdcDetailsActionType.MainAction;
26783
- });
26784
- return unsavedMainActions.length > 0 ? true : false;
26785
- };
26786
26686
  var userInfoState = useUserContext().userInfoState;
26787
- React.useEffect(function () {
26788
- if (expandedRowKeys && expandedRowKeys.length > 0) {
26789
- var expandedKey = expandedRowKeys[0];
26790
- setNdcSubActionsForMainAction(expandedKey);
26791
- }
26792
- }, ndcActionsList);
26793
- var loginMinistry = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT
26794
- ? process.env.REACT_APP_GOVERNMENT_MINISTRY
26795
- ? process.env.REACT_APP_GOVERNMENT_MINISTRY
26796
- : "Ministry Of Environment"
26797
- : (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY
26798
- ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName
26799
- : undefined;
26800
- var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
26801
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
26802
- var isMainNdcActionsEditable = !selectedPeriod.finalized &&
26803
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
26804
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
26805
- var isSubNdcActionsEditable = function (record) {
26806
- return (!selectedPeriod.finalized &&
26807
- record.status !== NdcDetailsActionStatus.Approved &&
26808
- ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
26809
- ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
26810
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName) === record.ministryName)) &&
26687
+ var isAddRangeVisible = function () {
26688
+ return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
26689
+ (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT) &&
26811
26690
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
26812
26691
  };
26813
- var checkSubNdcActionCreatePermission = function () {
26814
- return (!selectedPeriod.finalized &&
26815
- ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
26816
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) &&
26692
+ var isAddNdcActionVisible = function () {
26693
+ return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
26817
26694
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
26818
26695
  };
26819
- var isNdcActionEditable = function (record) {
26820
- if (record.actionType === NdcDetailsActionType.MainAction) {
26821
- return isMainNdcActionsEditable;
26822
- }
26823
- else if (record.actionType === NdcDetailsActionType.SubAction) {
26824
- return isSubNdcActionsEditable(record);
26825
- }
26826
- };
26827
- var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
26828
- ? ndcActionsList.filter(function (ndcDetail) {
26829
- return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
26830
- ndcDetail.actionType === NdcDetailsActionType.MainAction);
26831
- })
26832
- : [];
26833
- var setNdcSubActionsForMainAction = function (mainActionId) {
26834
- var subNdcDetails = ndcActionsList.filter(function (ndcDetail) {
26835
- return (ndcDetail.parentActionId === mainActionId &&
26836
- ndcDetail.actionType === NdcDetailsActionType.SubAction);
26837
- });
26838
- var emptySubNdcRow = {
26839
- id: nextAvailableActionId,
26840
- actionType: NdcDetailsActionType.SubAction,
26841
- nationalPlanObjective: "",
26842
- kpi: "",
26843
- ministryName: loginMinistry,
26844
- status: NdcDetailsActionStatus.New,
26845
- parentActionId: mainActionId,
26846
- };
26847
- if (checkSubNdcActionCreatePermission()) {
26848
- subNdcDetails = __spreadArray(__spreadArray([], subNdcDetails, true), [emptySubNdcRow], false);
26849
- setEditingKey(nextAvailableActionId);
26850
- setNextAvailableActionId(function (value) { return value + 1; });
26851
- form.setFieldsValue({
26852
- nationalPlanObjective: "",
26853
- kpi: "",
26854
- });
26855
- }
26856
- setSubNdcActionsForPeriod(subNdcDetails);
26857
- };
26858
26696
  var inRange = function (num, min, max) {
26859
26697
  return num >= min && num <= max;
26860
26698
  };
26861
- var ClearEditMode = function () {
26862
- var unsavedMainActions = ndcActionsList.filter(function (item) {
26863
- return item.status === NdcDetailsActionStatus.New &&
26864
- item.actionType === NdcDetailsActionType.MainAction;
26865
- });
26866
- if (unsavedMainActions && unsavedMainActions.length) {
26867
- var updatedActions = ndcActionsList.filter(function (item) { return !unsavedMainActions.includes(item); });
26868
- setNdcActionsList(updatedActions);
26869
- }
26870
- setEditingKey(null);
26871
- };
26872
- var handleSave = function (row) { return __awaiter(void 0, void 0, void 0, function () {
26873
- var updatedFields, updatedItem, exception_2;
26874
- return __generator(this, function (_a) {
26875
- switch (_a.label) {
26876
- case 0:
26877
- _a.trys.push([0, 9, , 10]);
26878
- updatedFields = void 0;
26879
- _a.label = 1;
26880
- case 1:
26881
- _a.trys.push([1, 3, , 4]);
26882
- return [4 /*yield*/, form.validateFields()];
26883
- case 2:
26884
- updatedFields = (_a.sent());
26885
- return [3 /*break*/, 4];
26886
- case 3:
26887
- _a.sent();
26888
- return [2 /*return*/];
26889
- case 4:
26890
- if (!updatedFields) {
26891
- ClearEditMode();
26892
- return [2 /*return*/];
26893
- }
26894
- else if (updatedFields.kpi === row.kpi &&
26895
- updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
26896
- ClearEditMode();
26897
- return [2 /*return*/];
26898
- }
26899
- updatedItem = __assign(__assign({}, row), updatedFields);
26900
- if (!(updatedItem.status === NdcDetailsActionStatus.New)) return [3 /*break*/, 6];
26901
- if (isGovernmentUser &&
26902
- updatedItem.actionType === NdcDetailsActionType.SubAction) {
26903
- updatedItem.status = NdcDetailsActionStatus.Approved;
26699
+ function onAddNewSubNdcDetail() {
26700
+ var range = selectedTab.split("-");
26701
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
26702
+ var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
26703
+ if (ndcDetail) {
26704
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
26705
+ var newData = {
26706
+ key: addedNdcDetailId.current,
26707
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
26708
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
26709
+ ndcActionId: ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.key,
26710
+ nationalPlanObj: "",
26711
+ kpi: "",
26712
+ ministry: "",
26713
+ };
26714
+ if (!ndcDetail.subNdcDetails) {
26715
+ ndcDetail.subNdcDetails = [];
26716
+ }
26717
+ ndcDetail.subNdcDetails.push(newData);
26718
+ }
26719
+ ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
26720
+ setNdcDetailsData(ndcDetailsData);
26721
+ setTableKey(function (key) { return key + 1; });
26722
+ }
26723
+ var handleSave = function (row) {
26724
+ setNdcDetailsData(function (prevData) {
26725
+ var newData = JSON.parse(JSON.stringify(prevData));
26726
+ if (row.type === NdcActionType.main) {
26727
+ var index = newData.findIndex(function (item) { return row.key === item.key; });
26728
+ if (index !== -1) {
26729
+ newData[index] = __assign(__assign({}, newData[index]), row);
26730
+ }
26731
+ }
26732
+ else {
26733
+ var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
26734
+ var parentItem = newData[parentIndex];
26735
+ if (parentItem) {
26736
+ if (parentItem.subNdcDetails) {
26737
+ var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
26738
+ if (itemIndex === -1) {
26739
+ parentItem.subNdcDetails.push(row);
26740
+ }
26741
+ else {
26742
+ parentItem.subNdcDetails[itemIndex] = __assign({}, row);
26743
+ }
26904
26744
  }
26905
26745
  else {
26906
- updatedItem.status = NdcDetailsActionStatus.Pending;
26746
+ parentItem.subNdcDetails = [row];
26907
26747
  }
26908
- return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
26909
- case 5:
26910
- _a.sent();
26911
- return [3 /*break*/, 8];
26912
- case 6:
26913
- updatedItem.status = NdcDetailsActionStatus.Pending;
26914
- return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
26915
- case 7:
26916
- _a.sent();
26917
- _a.label = 8;
26918
- case 8:
26919
- fetchNdcDetailActions();
26920
- ClearEditMode();
26921
- return [3 /*break*/, 10];
26922
- case 9:
26923
- exception_2 = _a.sent();
26924
- ClearEditMode();
26925
- antd.message.open({
26926
- type: "error",
26927
- content: exception_2.message,
26928
- duration: 3,
26929
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
26930
- });
26931
- return [3 /*break*/, 10];
26932
- case 10: return [2 /*return*/];
26748
+ }
26749
+ newData[parentIndex] = __assign({}, parentItem);
26750
+ setTableKey(function (key) { return key + 1; });
26933
26751
  }
26752
+ return newData;
26934
26753
  });
26935
- }); };
26936
- var actionMenu = function (record) {
26937
- if (record.status === NdcDetailsActionStatus.Pending &&
26938
- isGovernmentUser &&
26939
- !selectedPeriod.finalized) {
26940
- return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
26941
- {
26942
- text: t("ndc:approve"),
26943
- icon: React.createElement(Icon__namespace.BoxArrowInDown, null),
26944
- style: "color-primary",
26945
- click: function () {
26946
- setActionInfo({
26947
- action: "Approve",
26948
- headerText: t("ndc:actionApproveTitle"),
26949
- type: "primary",
26950
- icon: React.createElement(Icon__namespace.BoxArrowInDown, null),
26951
- recordId: record.id,
26952
- });
26953
- setOpenConfirmationModal(true);
26954
- },
26955
- },
26956
- {
26957
- text: t("ndc:reject"),
26958
- icon: React.createElement(Icon__namespace.XOctagon, null),
26959
- style: "color-error",
26960
- click: function () {
26961
- setActionInfo({
26962
- action: "Reject",
26963
- headerText: t("ndc:rejectApproveTitle"),
26964
- type: "danger",
26965
- icon: React.createElement(Icon__namespace.XOctagon, null),
26966
- recordId: record.id,
26967
- });
26968
- setOpenConfirmationModal(true);
26969
- },
26970
- },
26971
- ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
26972
- React.createElement(antd.Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
26973
- React.createElement("span", null, item.text))); } }));
26754
+ };
26755
+ var getNdcDetailsForPeriod = function () {
26756
+ var range = selectedTab.split("-");
26757
+ if (range.length > 1) {
26758
+ var filteredData = ndcDetailsData.filter(function (item) {
26759
+ return inRange(Number(moment(item.startDate).year()), Number(range[0]), Number(range[1]));
26760
+ });
26761
+ return filteredData;
26762
+ }
26763
+ else {
26764
+ return [];
26765
+ }
26766
+ };
26767
+ var getSubNdcDetails = function (key) {
26768
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
26769
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
26770
+ if (ndcDetail) {
26771
+ 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()) !== "" &&
26772
+ ((_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) &&
26773
+ ((_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()) !== "" &&
26774
+ ((_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) &&
26775
+ 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() !== "" &&
26776
+ 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)) {
26777
+ onAddNewSubNdcDetail();
26778
+ }
26779
+ return ndcDetail.subNdcDetails;
26974
26780
  }
26975
26781
  else {
26976
- return null;
26782
+ return [];
26977
26783
  }
26978
26784
  };
26979
26785
  var defaultColumns = [
26980
26786
  {
26981
26787
  title: t("ndc:ndcColumnsNationalPlanObj"),
26982
- dataIndex: "nationalPlanObjective",
26983
- key: "nationalPlanObjective",
26788
+ dataIndex: "nationalPlanObj",
26789
+ key: "nationalPlanObj",
26984
26790
  align: "left",
26985
- width: 400,
26986
26791
  editable: true,
26987
- render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.nationalPlanObjective ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
26988
- React.createElement("span", null, record.nationalPlanObjective))) : (React.createElement(antd.Input, { placeholder: t("ndc:nationalPlanObjectivePlaceHolder") })))); },
26792
+ width: "50%",
26793
+ render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
26794
+ React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add Programmes", className: "ant-input", type: "text" })))); },
26989
26795
  },
26990
26796
  {
26991
26797
  title: t("ndc:ndcColumnsKpi"),
26992
26798
  dataIndex: "kpi",
26993
26799
  key: "kpi",
26994
26800
  align: "left",
26995
- width: 100,
26996
26801
  editable: true,
26997
- render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpi ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
26998
- React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: "Enter Kpi" })))); },
26999
- },
27000
- {
27001
- title: t("ndc:ndcColumnsMinistry"),
27002
- dataIndex: "ministryName",
27003
- key: "ministryName",
27004
- align: "left",
27005
- width: 300,
27006
- editable: false,
27007
- render: function (_, record) { return (React.createElement(antd.Tooltip, { title: isSubNdcActionsEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27008
- React.createElement(antd.Select, { disabled: !(isSubNdcActionsEditable(record) && isEditing(record)), defaultValue: record.ministryName ? record.ministryName : loginMinistry, style: { width: 220 }, onChange: function (value, option) {
27009
- record.ministryName = option.label;
27010
- handleSave(record);
27011
- }, options: ministryOrgList }))); },
26802
+ width: "10%",
26803
+ render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
26804
+ React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
27012
26805
  },
27013
26806
  {
27014
- title: t("ndc:ndcColumnsStatus"),
27015
- dataIndex: "status",
27016
- key: "status",
26807
+ title: "Government Department",
26808
+ dataIndex: "ministry",
26809
+ key: "ministry",
27017
26810
  align: "left",
27018
- width: 200,
27019
- editable: false,
27020
- render: function (_, record) {
27021
- var menu = actionMenu(record);
27022
- return (React.createElement("div", { onClick: function (event) { return event.stopPropagation(); } },
27023
- record.actionType === NdcDetailsActionType.SubAction &&
27024
- record.status !== NdcDetailsActionStatus.New ? (React.createElement(antd.Tooltip, { title: record.status, color: TooltipColor, key: TooltipColor },
27025
- React.createElement(antd.Tag, { className: "clickable", color: getNdcActionStatusTagType(record.status) }, addSpaces(record.status)))) : (""),
27026
- record.actionType === NdcDetailsActionType.SubAction && menu ? (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
27027
- React.createElement(icons.EllipsisOutlined, { rotate: 90, style: {
27028
- fontWeight: 600,
27029
- fontSize: "1rem",
27030
- cursor: "pointer",
27031
- } }))) : (React.createElement("span", null))));
27032
- },
26811
+ editable: true,
26812
+ width: "40%",
26813
+ render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
26814
+ React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Government Department", className: "ant-input", type: "text" })))); },
27033
26815
  },
27034
26816
  ];
27035
26817
  var columns = defaultColumns.map(function (col) {
27036
26818
  if (!col.editable) {
27037
26819
  return col;
27038
26820
  }
27039
- return __assign(__assign({}, col), { onCell: function (record) {
27040
- return {
27041
- record: record,
27042
- editing: isEditing(record),
27043
- dataIndex: col.dataIndex,
27044
- title: col.title,
27045
- onBlurHandler: function (record) {
27046
- if (isEditing(record)) {
27047
- handleSave(record);
27048
- }
27049
- },
27050
- t: t,
27051
- };
27052
- } });
26821
+ return __assign(__assign({}, col), { onCell: function (record) { return ({
26822
+ record: record,
26823
+ editable: col.editable,
26824
+ dataIndex: col.dataIndex,
26825
+ title: col.title,
26826
+ handleSave: handleSave,
26827
+ }); } });
27053
26828
  });
27054
- function onClickedAddNewNdcDetail() {
27055
- return __awaiter(this, void 0, void 0, function () {
27056
- var periodId, newData_1, lastPage;
27057
- return __generator(this, function (_a) {
27058
- if (selectedPeriod.key !== "add_new") {
27059
- form.setFieldsValue({
27060
- nationalPlanObjective: "",
27061
- kpi: "",
27062
- });
27063
- periodId = parseInt(selectedPeriod.key);
27064
- newData_1 = {
27065
- id: nextAvailableActionId,
27066
- actionType: NdcDetailsActionType.MainAction,
27067
- nationalPlanObjective: "",
27068
- kpi: "",
27069
- ministryName: loginMinistry,
27070
- periodId: periodId,
27071
- status: NdcDetailsActionStatus.New,
27072
- };
27073
- setEditingKey(nextAvailableActionId);
27074
- setNextAvailableActionId(function (value) { return value + 1; });
27075
- setNdcActionsList(function (ndcActionsList) { return __spreadArray(__spreadArray([], ndcActionsList, true), [
27076
- newData_1,
27077
- ], false); });
27078
- setTableKey(function (key) { return key + 1; });
27079
- if (ndcMainDetailsForPeriod.length + 1 > pageSize) {
27080
- lastPage = Math.ceil(ndcMainDetailsForPeriod.length / pageSize);
27081
- setCurrentPage(lastPage);
27082
- }
27083
- }
27084
- return [2 /*return*/];
27085
- });
27086
- });
26829
+ function onAddNewNdcDetail() {
26830
+ var range = selectedTab.split("-");
26831
+ var ndcActionId = ++addedNdcDetailId.current;
26832
+ var newData = {
26833
+ key: ndcActionId,
26834
+ type: NdcActionType.main,
26835
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
26836
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
26837
+ nationalPlanObj: "",
26838
+ kpi: "",
26839
+ ministry: "",
26840
+ subNdcDetails: [
26841
+ {
26842
+ key: ++addedNdcDetailId.current,
26843
+ ndcActionId: ndcActionId,
26844
+ type: NdcActionType.sub,
26845
+ startDate: new Date("2019-03-25"),
26846
+ endDate: new Date("2020-03-25"),
26847
+ nationalPlanObj: "",
26848
+ kpi: "",
26849
+ ministry: "",
26850
+ },
26851
+ ],
26852
+ };
26853
+ setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
27087
26854
  }
27088
26855
  var components = {
27089
26856
  body: {
26857
+ row: EditableRow,
27090
26858
  cell: EditableCell,
27091
26859
  },
27092
26860
  };
27093
- var onClickedDeletePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
27094
- return __generator(this, function (_a) {
27095
- setActionInfo({
27096
- action: "Delete",
27097
- headerText: t("ndc:periodDeleteConfirmTitle"),
27098
- type: "danger",
27099
- icon: React.createElement(Icon__namespace.XCircle, null),
27100
- recordId: selectedPeriod.key,
26861
+ //commented because rendering issue
26862
+ function ndcDetailsTableContent() {
26863
+ return (React.createElement("div", null)
26864
+ // <div>
26865
+ // <Button
26866
+ // onClick={onAddNewNdcDetail}
26867
+ // type="primary"
26868
+ // style={{
26869
+ // marginBottom: 16,
26870
+ // }}
26871
+ // >
26872
+ // Add a row
26873
+ // </Button>
26874
+ // <Table
26875
+ // components={components}
26876
+ // rowClassName={() => 'editable-row'}
26877
+ // bordered
26878
+ // dataSource={ndcDetailsData}
26879
+ // columns={columns}
26880
+ // />
26881
+ // </div>
26882
+ );
26883
+ }
26884
+ var onCancelPeriod = function () { };
26885
+ var onAddNewPeriod = function () {
26886
+ if (selectedPeriod &&
26887
+ selectedPeriod.current &&
26888
+ selectedPeriod.current.start &&
26889
+ selectedPeriod.current.end) {
26890
+ var newPeriodItem_1 = {
26891
+ key: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
26892
+ label: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
26893
+ start: selectedPeriod.current.start,
26894
+ end: selectedPeriod.current.end,
26895
+ children: ndcDetailsTableContent(),
26896
+ };
26897
+ var existingIndex = periodItemsRef.current.findIndex(function (item) {
26898
+ return inRange(newPeriodItem_1.start, item.start, item.end) ||
26899
+ inRange(newPeriodItem_1.end, item.start, item.end);
27101
26900
  });
27102
- setOpenConfirmationModal(true);
27103
- return [2 /*return*/];
27104
- });
27105
- }); };
27106
- var onClickedFinalizePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
27107
- var isPendingActionAvailable;
27108
- return __generator(this, function (_a) {
27109
- if (ndcMainDetailsForPeriod.length === 0) {
27110
- antd.message.open({
27111
- type: "error",
27112
- content: t("ndc:finalizeNdcEmptyErrorText"),
27113
- duration: 3,
27114
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27115
- });
27116
- return [2 /*return*/];
26901
+ if (existingIndex === -1) {
26902
+ setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
26903
+ periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
27117
26904
  }
27118
- isPendingActionAvailable = false;
27119
- ndcMainDetailsForPeriod.forEach(function (mainAction) {
27120
- var pendingActions = ndcActionsList.filter(function (action) {
27121
- return (action.status === NdcDetailsActionStatus.Pending &&
27122
- action.actionType === NdcDetailsActionType.SubAction &&
27123
- action.parentActionId === mainAction.id);
27124
- });
27125
- if (pendingActions && pendingActions.length > 0) {
27126
- isPendingActionAvailable = true;
27127
- return;
27128
- }
27129
- });
27130
- if (isPendingActionAvailable) {
26905
+ else {
27131
26906
  antd.message.open({
27132
26907
  type: "error",
27133
- content: t("ndc:finalizeErrorText"),
26908
+ content: t("ndc:rangeAlreadyExists"),
27134
26909
  duration: 3,
27135
26910
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27136
26911
  });
27137
26912
  }
27138
- else {
27139
- setActionInfo({
27140
- action: "Finalize",
27141
- headerText: t("ndc:finalizeApproveTitle"),
27142
- text: t("ndc:finalizeApproveSubTitle"),
27143
- type: "primary",
27144
- icon: React.createElement(Icon__namespace.Clipboard2Check, null),
27145
- recordId: selectedPeriod.key,
27146
- });
27147
- setOpenConfirmationModal(true);
27148
- }
27149
- return [2 /*return*/];
27150
- });
27151
- }); };
27152
- var onMainTableRowExpand = function (expanded, record) {
27153
- var keys = [];
27154
- if (expanded) {
27155
- keys.push(record.id);
27156
26913
  }
27157
- setExpandedRowKeys(keys);
27158
- setNdcSubActionsForMainAction(record.id);
27159
26914
  };
27160
- function addNewPeriodContent() {
27161
- return (React.createElement("div", null,
27162
- React.createElement(antd.Row, { justify: "start", align: "middle", gutter: [16, 16] },
27163
- React.createElement(antd.Col, { flex: "340px" },
27164
- React.createElement(RangePicker, { disabledDate: function (current) { return moment(current).year() < 1900; }, onChange: onDateRangeChanged, picker: "year" })),
27165
- React.createElement(antd.Col, { flex: "auto" },
27166
- React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit"))))));
27167
- }
27168
- var onChange = function (page, size) {
27169
- setCurrentPage(page);
27170
- setPageSize(size);
26915
+ React.useEffect(function () {
26916
+ if (periodItems && periodItems.length > 3) {
26917
+ setSelectedTab(periodItems[periodItems.length - 1].key);
26918
+ }
26919
+ }, [periodItems]);
26920
+ var onDateRangeChanged = function (range) {
26921
+ var period = {
26922
+ start: Number(moment(range[0]).year()),
26923
+ end: Number(moment(range[1]).year()),
26924
+ };
26925
+ selectedPeriod.current = period;
27171
26926
  };
27172
- function mainNdcActionTableContent() {
26927
+ function addNewPeriodContent() {
27173
26928
  return (React.createElement("div", null,
27174
26929
  React.createElement(antd.Row, null,
27175
- React.createElement(antd.Col, { span: 24 },
27176
- React.createElement(antd.Form, { form: form, component: false },
27177
- React.createElement(antd.Table, { tableLayout: "fixed", key: tableKey, className: "common-table-class", rowKey: "id", pagination: {
27178
- current: currentPage,
27179
- pageSize: pageSize,
27180
- total: ndcMainDetailsForPeriod.length,
27181
- showQuickJumper: true,
27182
- showSizeChanger: true,
27183
- onChange: onChange,
27184
- }, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, loading: loading, dataSource: ndcMainDetailsForPeriod, columns: columns, expandedRowKeys: expandedRowKeys, onExpand: onMainTableRowExpand, expandable: {
27185
- expandedRowRender: function (record) {
27186
- return subNdcActionTableContent();
27187
- },
27188
- columnWidth: 40,
27189
- }, onRow: function (record, rowIndex) {
27190
- return {
27191
- onClick: function (event) {
27192
- if (record.id &&
27193
- isNdcActionEditable(record) &&
27194
- !isEditing(record)) {
27195
- form.setFieldsValue(__assign({}, record));
27196
- setEditingKey(record.id);
27197
- }
27198
- },
27199
- onMouseLeave: function () {
27200
- if (isEditing(record)) {
27201
- handleSave(record);
27202
- }
27203
- },
27204
- };
27205
- }, footer: function () {
27206
- return isGovernmentUser &&
27207
- !selectedPeriod.finalized && (React.createElement(antd.Row, { justify: "center" },
27208
- React.createElement(antd.Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
27209
- } })))),
27210
- isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
27211
- React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
27212
- React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
27213
- React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
27214
- React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onClickedFinalizePeriod, htmlType: "submit", loading: loading }, t("ndc:finalize")))))) : ("")));
27215
- }
27216
- function subNdcActionTableContent(record) {
27217
- return (React.createElement(antd.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) {
27218
- return {
27219
- onClick: function (event) {
27220
- if (record.id &&
27221
- isNdcActionEditable(record) &&
27222
- !isEditing(record)) {
27223
- form.setFieldsValue(__assign({}, record));
27224
- setEditingKey(record.id);
27225
- }
27226
- },
27227
- onMouseLeave: function () {
27228
- if (isEditing(record)) {
27229
- handleSave(record);
27230
- }
27231
- },
27232
- };
27233
- }, columns: columns, showHeader: false, pagination: false }));
26930
+ React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
26931
+ React.createElement(antd.Row, { className: "mg-top-1" },
26932
+ React.createElement("div", { className: "ndc-steps-actions" },
26933
+ React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
26934
+ React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
26935
+ }
26936
+ function getSubNdcActionContent(record) {
26937
+ selectedNdcDetail.current = record;
26938
+ return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
27234
26939
  }
27235
- var onAddNewPeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
27236
- var periodItem_1, existingIndex, response, addedPeriodItem, updatedPeriodItem_1, exception_3;
27237
- return __generator(this, function (_a) {
27238
- switch (_a.label) {
27239
- case 0:
27240
- _a.trys.push([0, 4, , 5]);
27241
- if (!(selectedDateRangeRef &&
27242
- selectedDateRangeRef.current &&
27243
- selectedDateRangeRef.current.startYear &&
27244
- selectedDateRangeRef.current.endYear)) return [3 /*break*/, 3];
27245
- periodItem_1 = {
27246
- startYear: selectedDateRangeRef.current.startYear,
27247
- endYear: selectedDateRangeRef.current.endYear,
27248
- finalized: false,
27249
- };
27250
- existingIndex = periodItems.findIndex(function (item) {
27251
- return inRange(periodItem_1.startYear, item.startYear, item.endYear) ||
27252
- inRange(periodItem_1.endYear, item.startYear, item.endYear);
27253
- });
27254
- if (!(existingIndex === -1)) return [3 /*break*/, 2];
27255
- return [4 /*yield*/, post("national/programme/addNdcDetailsPeriod", __assign({}, periodItem_1))];
27256
- case 1:
27257
- response = _a.sent();
27258
- if (response && response.data) {
27259
- addedPeriodItem = response.data;
27260
- updatedPeriodItem_1 = __assign(__assign({}, addedPeriodItem), { key: addedPeriodItem.id, label: "".concat(addedPeriodItem.startYear, "-").concat(addedPeriodItem.endYear) });
27261
- setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [updatedPeriodItem_1], false); });
27262
- setSelectedPeriod(updatedPeriodItem_1);
27263
- }
27264
- return [3 /*break*/, 3];
27265
- case 2:
27266
- antd.message.open({
27267
- type: "error",
27268
- content: t("ndc:rangeAlreadyExists"),
27269
- duration: 3,
27270
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27271
- });
27272
- _a.label = 3;
27273
- case 3: return [3 /*break*/, 5];
27274
- case 4:
27275
- exception_3 = _a.sent();
27276
- antd.message.open({
27277
- type: "error",
27278
- content: exception_3.message,
27279
- duration: 3,
27280
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27281
- });
27282
- return [3 /*break*/, 5];
27283
- case 5: return [2 /*return*/];
27284
- }
27285
- });
27286
- }); };
27287
- var onDateRangeChanged = function (range) {
27288
- if (range) {
27289
- var period = {
27290
- startYear: Number(moment(range[0]).year()),
27291
- endYear: Number(moment(range[1]).year()),
27292
- };
27293
- if (period.startYear === period.endYear) {
27294
- antd.message.open({
27295
- type: "error",
27296
- content: t("ndc:sameStartEndDates"),
27297
- duration: 3,
27298
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27299
- });
27300
- }
27301
- else {
27302
- selectedDateRangeRef.current = period;
27303
- }
27304
- }
27305
- };
27306
26940
  var onTabChange = function (key) {
27307
- var selectedPeriod = periodItems.find(function (item) { return item.key === key; });
27308
- if (selectedPeriod) {
27309
- setSelectedPeriod(selectedPeriod);
27310
- }
26941
+ setSelectedTab(key);
27311
26942
  };
27312
- var onActionConfirmed = function () { return __awaiter(void 0, void 0, void 0, function () {
27313
- var actionResponse, exception_4;
27314
- return __generator(this, function (_a) {
27315
- switch (_a.label) {
27316
- case 0:
27317
- setLoading(true);
27318
- _a.label = 1;
27319
- case 1:
27320
- _a.trys.push([1, 10, , 11]);
27321
- if (!(actionInfo.action === "Approve")) return [3 /*break*/, 3];
27322
- return [4 /*yield*/, post("national/programme/approveNdcDetailsAction", {
27323
- id: actionInfo.recordId,
27324
- })];
27325
- case 2:
27326
- actionResponse = _a.sent();
27327
- return [3 /*break*/, 9];
27328
- case 3:
27329
- if (!(actionInfo.action === "Reject")) return [3 /*break*/, 5];
27330
- return [4 /*yield*/, post("national/programme/rejectNdcDetailsAction", {
27331
- id: actionInfo.recordId,
27332
- })];
27333
- case 4:
27334
- actionResponse = _a.sent();
27335
- return [3 /*break*/, 9];
27336
- case 5:
27337
- if (!(actionInfo.action === "Finalize")) return [3 /*break*/, 7];
27338
- return [4 /*yield*/, post("national/programme/finalizeNdcDetailsPeriod", {
27339
- id: selectedPeriod.key,
27340
- })];
27341
- case 6:
27342
- actionResponse = _a.sent();
27343
- return [3 /*break*/, 9];
27344
- case 7:
27345
- if (!(actionInfo.action === "Delete")) return [3 /*break*/, 9];
27346
- return [4 /*yield*/, post("national/programme/deleteNdcDetailsPeriod", {
27347
- id: selectedPeriod.key,
27348
- })];
27349
- case 8:
27350
- actionResponse = _a.sent();
27351
- _a.label = 9;
27352
- case 9: return [3 /*break*/, 11];
27353
- case 10:
27354
- exception_4 = _a.sent();
27355
- antd.message.open({
27356
- type: "error",
27357
- content: exception_4.message,
27358
- duration: 3,
27359
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27360
- });
27361
- return [3 /*break*/, 11];
27362
- case 11:
27363
- if (actionResponse) {
27364
- if (actionInfo.action === "Delete") {
27365
- antd.message.open({
27366
- type: "success",
27367
- content: t("ndc:deletePeriodSuccessMsg"),
27368
- duration: 3,
27369
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27370
- });
27371
- fetchNdcDetailPeriods();
27372
- }
27373
- else if (actionInfo.action === "Finalize") {
27374
- antd.message.open({
27375
- type: "success",
27376
- content: t("ndc:finalizeSuccessMsg"),
27377
- duration: 3,
27378
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27379
- });
27380
- fetchNdcDetailPeriods();
27381
- setExpandedRowKeys([]);
27382
- ClearEditMode();
27383
- }
27384
- else if (actionInfo.action === "Approve") {
27385
- antd.message.open({
27386
- type: "success",
27387
- content: t("ndc:approveSuccessMsg"),
27388
- duration: 3,
27389
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27390
- });
27391
- fetchNdcDetailActions();
27392
- }
27393
- else if (actionInfo.action === "Reject") {
27394
- antd.message.open({
27395
- type: "success",
27396
- content: t("ndc:rejectSuccessMsg"),
27397
- duration: 3,
27398
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27399
- });
27400
- fetchNdcDetailActions();
27401
- }
27402
- }
27403
- setOpenConfirmationModal(false);
27404
- setLoading(false);
27405
- return [2 /*return*/];
27406
- }
27407
- });
27408
- }); };
27409
- var onActionCanceled = function () {
27410
- setOpenConfirmationModal(false);
27411
- };
27412
- var fetchNdcDetailPeriods = function () { return __awaiter(void 0, void 0, void 0, function () {
27413
- var periods, addNewTab, response, exception_5;
27414
- return __generator(this, function (_a) {
27415
- switch (_a.label) {
27416
- case 0:
27417
- setLoading(true);
27418
- _a.label = 1;
27419
- case 1:
27420
- _a.trys.push([1, 3, 4, 5]);
27421
- periods = [];
27422
- addNewTab = {
27423
- key: "add_new",
27424
- label: "Add New",
27425
- startYear: 0,
27426
- endYear: 0,
27427
- finalized: false,
27428
- deleted: false,
27429
- };
27430
- return [4 /*yield*/, get("national/programme/queryNdcDetailsPeriod")];
27431
- case 2:
27432
- response = _a.sent();
27433
- if (response && response.data) {
27434
- periods = response.data.map(function (period) {
27435
- return __assign(__assign({}, period), { key: period.id, label: period.finalized ? (React.createElement("span", null,
27436
- React.createElement(icons.LockOutlined, null),
27437
- " ",
27438
- period.startYear,
27439
- "-",
27440
- period.endYear,
27441
- " ")) : ("".concat(period.startYear, "-").concat(period.endYear)) });
27442
- });
27443
- }
27444
- if (isGovernmentUser) {
27445
- periods.unshift(addNewTab);
27446
- }
27447
- setPeriodItems(periods);
27448
- if (isGovernmentUser) {
27449
- setSelectedPeriod(addNewTab);
27450
- }
27451
- else {
27452
- setSelectedPeriod(periods[0]);
27453
- }
27454
- setLoading(false);
27455
- return [3 /*break*/, 5];
27456
- case 3:
27457
- exception_5 = _a.sent();
27458
- antd.message.open({
27459
- type: "error",
27460
- content: exception_5.message,
27461
- duration: 3,
27462
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27463
- });
27464
- return [3 /*break*/, 5];
27465
- case 4:
27466
- setLoading(false);
27467
- return [7 /*endfinally*/];
27468
- case 5: return [2 /*return*/];
27469
- }
27470
- });
27471
- }); };
27472
- var fetchNdcDetailActions = function () { return __awaiter(void 0, void 0, void 0, function () {
27473
- var response, maxActionId, exception_6;
27474
- return __generator(this, function (_a) {
27475
- switch (_a.label) {
27476
- case 0:
27477
- setLoading(true);
27478
- _a.label = 1;
27479
- case 1:
27480
- _a.trys.push([1, 3, 4, 5]);
27481
- return [4 /*yield*/, get("national/programme/queryNdcDetailsAction")];
27482
- case 2:
27483
- response = _a.sent();
27484
- if (response && response.data) {
27485
- maxActionId = Math.max.apply(Math, response.data.map(function (item) { return item.id; }));
27486
- setNextAvailableActionId(maxActionId + 1);
27487
- setNdcActionsList(response.data);
27488
- }
27489
- setLoading(false);
27490
- return [3 /*break*/, 5];
27491
- case 3:
27492
- exception_6 = _a.sent();
27493
- antd.message.open({
27494
- type: "error",
27495
- content: exception_6.message,
27496
- duration: 3,
27497
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27498
- });
27499
- return [3 /*break*/, 5];
27500
- case 4:
27501
- setLoading(false);
27502
- return [7 /*endfinally*/];
27503
- case 5: return [2 /*return*/];
27504
- }
27505
- });
27506
- }); };
27507
- var fetchMinistries = function () { return __awaiter(void 0, void 0, void 0, function () {
27508
- var response, ministryOrgDetails, exception_7;
27509
- return __generator(this, function (_a) {
27510
- switch (_a.label) {
27511
- case 0:
27512
- setLoading(true);
27513
- _a.label = 1;
27514
- case 1:
27515
- _a.trys.push([1, 3, 4, 5]);
27516
- return [4 /*yield*/, get("national/organisation/getMinistries")];
27517
- case 2:
27518
- response = _a.sent();
27519
- if (response && response.data) {
27520
- ministryOrgDetails = response.data.map(function (value) {
27521
- return {
27522
- value: value.company_companyId,
27523
- label: value.company_name,
27524
- };
27525
- });
27526
- setMinistryOrgList(ministryOrgDetails);
27527
- }
27528
- setLoading(false);
27529
- return [3 /*break*/, 5];
27530
- case 3:
27531
- exception_7 = _a.sent();
27532
- antd.message.open({
27533
- type: "error",
27534
- content: exception_7.message,
27535
- duration: 3,
27536
- style: { textAlign: "right", marginRight: 15, marginTop: 10 },
27537
- });
27538
- return [3 /*break*/, 5];
27539
- case 4:
27540
- setLoading(false);
27541
- return [7 /*endfinally*/];
27542
- case 5: return [2 /*return*/];
27543
- }
27544
- });
27545
- }); };
27546
26943
  React.useEffect(function () {
27547
- fetchNdcDetailPeriods();
27548
- fetchNdcDetailActions();
27549
- fetchMinistries();
26944
+ var defaultNdcDetails = [
26945
+ {
26946
+ key: 1,
26947
+ type: NdcActionType.main,
26948
+ startDate: new Date("2019-03-25"),
26949
+ endDate: new Date("2020-03-25"),
26950
+ nationalPlanObj: "Enhance value addition in key growth opportunities",
26951
+ kpi: 25,
26952
+ ministry: "Ministry of Environment",
26953
+ subNdcDetails: [
26954
+ {
26955
+ key: 6,
26956
+ ndcActionId: 1,
26957
+ type: NdcActionType.sub,
26958
+ startDate: new Date("2019-03-25"),
26959
+ endDate: new Date("2020-03-25"),
26960
+ nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
26961
+ kpi: 25,
26962
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
26963
+ },
26964
+ {
26965
+ key: 7,
26966
+ ndcActionId: 1,
26967
+ type: NdcActionType.sub,
26968
+ startDate: new Date("2019-03-25"),
26969
+ endDate: new Date("2020-03-25"),
26970
+ nationalPlanObj: "",
26971
+ kpi: "",
26972
+ ministry: "",
26973
+ },
26974
+ ],
26975
+ },
26976
+ {
26977
+ key: 2,
26978
+ type: NdcActionType.main,
26979
+ startDate: new Date("2019-03-25"),
26980
+ endDate: new Date("2019-08-25"),
26981
+ nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
26982
+ kpi: 10500,
26983
+ ministry: "Ministry of Environment",
26984
+ subNdcDetails: [
26985
+ {
26986
+ key: 8,
26987
+ ndcActionId: 2,
26988
+ type: NdcActionType.sub,
26989
+ startDate: new Date("2019-03-25"),
26990
+ endDate: new Date("2020-03-25"),
26991
+ nationalPlanObj: "",
26992
+ kpi: "",
26993
+ ministry: "",
26994
+ },
26995
+ ],
26996
+ },
26997
+ {
26998
+ key: 12,
26999
+ type: NdcActionType.main,
27000
+ startDate: new Date("2019-03-25"),
27001
+ endDate: new Date("2019-08-25"),
27002
+ nationalPlanObj: "Other",
27003
+ kpi: 10500,
27004
+ ministry: "Ministry of Environment",
27005
+ subNdcDetails: [
27006
+ {
27007
+ key: 8,
27008
+ ndcActionId: 12,
27009
+ type: NdcActionType.sub,
27010
+ startDate: new Date("2019-03-25"),
27011
+ endDate: new Date("2020-03-25"),
27012
+ nationalPlanObj: "",
27013
+ kpi: "",
27014
+ ministry: "",
27015
+ },
27016
+ ],
27017
+ },
27018
+ {
27019
+ key: 3,
27020
+ type: NdcActionType.main,
27021
+ startDate: new Date("2021-03-25"),
27022
+ endDate: new Date("2022-03-25"),
27023
+ nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
27024
+ kpi: 48,
27025
+ ministry: "Ministry of Environment",
27026
+ subNdcDetails: [
27027
+ {
27028
+ key: 9,
27029
+ ndcActionId: 3,
27030
+ type: NdcActionType.sub,
27031
+ startDate: new Date("2019-03-25"),
27032
+ endDate: new Date("2020-03-25"),
27033
+ nationalPlanObj: "",
27034
+ kpi: "",
27035
+ ministry: "",
27036
+ },
27037
+ ],
27038
+ },
27039
+ {
27040
+ key: 4,
27041
+ type: NdcActionType.main,
27042
+ startDate: new Date("2022-03-25"),
27043
+ endDate: new Date("2022-05-25"),
27044
+ nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
27045
+ kpi: 20,
27046
+ ministry: "Ministry of Environment",
27047
+ subNdcDetails: [
27048
+ {
27049
+ key: 10,
27050
+ ndcActionId: 4,
27051
+ type: NdcActionType.sub,
27052
+ startDate: new Date("2019-03-25"),
27053
+ endDate: new Date("2020-03-25"),
27054
+ nationalPlanObj: "",
27055
+ kpi: "",
27056
+ ministry: "",
27057
+ },
27058
+ ],
27059
+ },
27060
+ {
27061
+ key: 5,
27062
+ type: NdcActionType.main,
27063
+ startDate: new Date("2022-03-25"),
27064
+ endDate: new Date("2023-03-25"),
27065
+ nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
27066
+ kpi: 10,
27067
+ ministry: "Ministry of Environment",
27068
+ subNdcDetails: [
27069
+ {
27070
+ key: 11,
27071
+ ndcActionId: 5,
27072
+ type: NdcActionType.sub,
27073
+ startDate: new Date("2019-03-25"),
27074
+ endDate: new Date("2020-03-25"),
27075
+ nationalPlanObj: "",
27076
+ kpi: "",
27077
+ ministry: "",
27078
+ },
27079
+ ],
27080
+ },
27081
+ {
27082
+ key: 13,
27083
+ type: NdcActionType.main,
27084
+ startDate: new Date("2022-03-25"),
27085
+ endDate: new Date("2023-03-25"),
27086
+ nationalPlanObj: "Convert to solar energy",
27087
+ kpi: 50000,
27088
+ ministry: "Ministry of Environment",
27089
+ subNdcDetails: [
27090
+ {
27091
+ key: 11,
27092
+ ndcActionId: 13,
27093
+ type: NdcActionType.sub,
27094
+ startDate: new Date("2019-03-25"),
27095
+ endDate: new Date("2020-03-25"),
27096
+ nationalPlanObj: "Convert to solar energy",
27097
+ kpi: "3000",
27098
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
27099
+ },
27100
+ {
27101
+ key: 14,
27102
+ ndcActionId: 13,
27103
+ type: NdcActionType.sub,
27104
+ startDate: new Date("2019-03-25"),
27105
+ endDate: new Date("2020-03-25"),
27106
+ nationalPlanObj: "",
27107
+ kpi: "",
27108
+ ministry: "",
27109
+ },
27110
+ ],
27111
+ },
27112
+ {
27113
+ key: 15,
27114
+ type: NdcActionType.main,
27115
+ startDate: new Date("2022-03-25"),
27116
+ endDate: new Date("2023-03-25"),
27117
+ nationalPlanObj: "Strengthen the private sector to create jobs",
27118
+ kpi: 10000,
27119
+ ministry: "Ministry of Environment",
27120
+ subNdcDetails: [
27121
+ {
27122
+ key: 16,
27123
+ ndcActionId: 15,
27124
+ type: NdcActionType.sub,
27125
+ startDate: new Date("2019-03-25"),
27126
+ endDate: new Date("2020-03-25"),
27127
+ nationalPlanObj: "Strengthen the private sector to create jobs",
27128
+ kpi: "7200",
27129
+ ministry: "Ministry of Tourism (MoT)",
27130
+ },
27131
+ {
27132
+ key: 17,
27133
+ ndcActionId: 15,
27134
+ type: NdcActionType.sub,
27135
+ startDate: new Date("2019-03-25"),
27136
+ endDate: new Date("2020-03-25"),
27137
+ nationalPlanObj: "",
27138
+ kpi: "",
27139
+ ministry: "",
27140
+ },
27141
+ ],
27142
+ },
27143
+ {
27144
+ key: 18,
27145
+ type: NdcActionType.main,
27146
+ startDate: new Date("2022-03-25"),
27147
+ endDate: new Date("2023-03-25"),
27148
+ nationalPlanObj: "Other",
27149
+ kpi: "",
27150
+ ministry: "Ministry of Environment",
27151
+ subNdcDetails: [
27152
+ {
27153
+ key: 19,
27154
+ ndcActionId: 18,
27155
+ type: NdcActionType.sub,
27156
+ startDate: new Date("2019-03-25"),
27157
+ endDate: new Date("2020-03-25"),
27158
+ nationalPlanObj: "Strengthen the private sector to create jobs",
27159
+ kpi: "",
27160
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
27161
+ },
27162
+ {
27163
+ key: 20,
27164
+ ndcActionId: 18,
27165
+ type: NdcActionType.sub,
27166
+ startDate: new Date("2019-03-25"),
27167
+ endDate: new Date("2020-03-25"),
27168
+ nationalPlanObj: "",
27169
+ kpi: "",
27170
+ ministry: "",
27171
+ },
27172
+ ],
27173
+ },
27174
+ ];
27175
+ var initialPeriods = [
27176
+ {
27177
+ key: "2019-2020",
27178
+ label: "2019-2020",
27179
+ start: 2019,
27180
+ end: 2020,
27181
+ children: ndcDetailsTableContent(),
27182
+ },
27183
+ {
27184
+ key: "2021-2023",
27185
+ label: "2021-2023",
27186
+ start: 2021,
27187
+ end: 2021,
27188
+ children: ndcDetailsTableContent(),
27189
+ },
27190
+ ];
27191
+ if (isAddRangeVisible()) {
27192
+ initialPeriods.unshift({
27193
+ key: "add_new",
27194
+ label: "Add New",
27195
+ start: 0,
27196
+ end: 0,
27197
+ children: addNewPeriodContent(),
27198
+ });
27199
+ }
27200
+ addedNdcDetailId.current = 20;
27201
+ setPeriodItems(initialPeriods);
27202
+ periodItemsRef.current = initialPeriods;
27203
+ setNdcDetailsData(defaultNdcDetails);
27550
27204
  }, []);
27551
- return (React.createElement("div", { className: "ndc-details content-container" },
27205
+ return (React.createElement("div", { className: "ndc-management content-container" },
27552
27206
  React.createElement("div", { className: "title-bar" },
27553
27207
  React.createElement(antd.Row, { justify: "space-between", align: "middle" },
27554
27208
  React.createElement(antd.Col, { span: 20 },
27555
27209
  React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
27556
27210
  React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
27557
27211
  React.createElement("div", null,
27558
- React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
27559
- React.createElement("div", null, selectedPeriod.key === "add_new"
27560
- ? addNewPeriodContent()
27561
- : mainNdcActionTableContent()),
27562
- React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
27212
+ React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
27213
+ selectedTab !== "add_new" && (React.createElement("div", null,
27214
+ React.createElement("div", null,
27215
+ React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
27216
+ expandedRowRender: function (record) { return getSubNdcActionContent(record); },
27217
+ indentSize: 0,
27218
+ defaultExpandedRowKeys: [selectedNdcDetail.current.key],
27219
+ }, footer: function () {
27220
+ return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
27221
+ React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
27222
+ marginBottom: 16,
27223
+ width: "100%",
27224
+ } }, t("ndc:addNdcAction"))));
27225
+ } }))))));
27563
27226
  };
27564
27227
 
27565
27228
  var ImgWithFallback = function (_a) {
@@ -29352,7 +29015,7 @@ exports.getCreditStageVal = getCreditStageVal;
29352
29015
  exports.getFinancialFields = getFinancialFields;
29353
29016
  exports.getGeneralFields = getGeneralFields;
29354
29017
  exports.getInvestmentStatusEnumVal = getInvestmentStatusEnumVal;
29355
- exports.getNdcActionStatusEnumVal = getNdcActionStatusEnumVal$1;
29018
+ exports.getNdcActionStatusEnumVal = getNdcActionStatusEnumVal;
29356
29019
  exports.getNdcStatusTagType = getNdcStatusTagType;
29357
29020
  exports.getRetirementTypeString = getRetirementTypeString;
29358
29021
  exports.getStageEnumVal = getStageEnumVal;