@undp/carbon-library 1.0.150-CARBON-343.7 → 1.0.150-CARBON-350.3

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -16976,7 +16976,7 @@ var NdcActionDetails = function (props) {
16976
16976
  var css_248z$f = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
16977
16977
  styleInject(css_248z$f);
16978
16978
 
16979
- var css_248z$e = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
16979
+ var css_248z$e = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-sub-header-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 16px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .unfcccSdTool-section-title {\n text-align: center;\n margin-bottom: 5px;\n margin-top: 10px;\n font-weight: 700;\n color: rgba(58, 53, 65, 0.5); }\n .co-benifits-container .benifits-tabs .unfccSdTool-section-wrapper {\n display: flex;\n justify-content: center;\n align-items: center; }\n .co-benifits-container .benifits-tabs .unfccSdTool-section-divider {\n border-bottom: 1px solid rgba(58, 53, 65, 0.5) !important;\n width: 100% !important; }\n .co-benifits-container .benifits-tabs .undpSesp-section-title {\n text-align: center;\n margin-bottom: 5px;\n margin-top: 5px;\n font-weight: 700;\n color: rgba(58, 53, 65, 0.5); }\n .co-benifits-container .benifits-tabs .undpSesp-section-wrapper {\n display: flex;\n justify-content: center;\n align-items: center; }\n .co-benifits-container .benifits-tabs .undpSesp-section-divider {\n border-bottom: 1px solid rgba(58, 53, 65, 0.5) !important;\n width: 100% !important;\n margin-bottom: 20px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view {\n margin-right: 2rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view-child {\n margin-right: 2rem;\n width: 28%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view-child .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view-child .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n";
16980
16980
  styleInject(css_248z$e);
16981
16981
 
16982
16982
  var GenderParity = function (props) {
@@ -18078,6 +18078,12 @@ var Safeguards = function (props) {
18078
18078
  return (React.createElement(React.Fragment, null,
18079
18079
  viewOnly && !safeGuardViewData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18080
18080
  ((viewOnly && safeGuardViewData) || !viewOnly) && (React.createElement("div", { className: "safeguard-tab-item" },
18081
+ React.createElement("div", { className: "undpSesp-section-wrapper" },
18082
+ React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
18083
+ React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18084
+ React.createElement("span", null, t("undpSespTitle"))),
18085
+ React.createElement(antd.Col, { span: 24 },
18086
+ React.createElement("div", { className: "undpSesp-section-divider" })))),
18081
18087
  React.createElement(antd.Form, { onValuesChange: onSafeguardValuesChanged, name: "safeguardDetails", labelWrap: true, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", form: form }, updatedFormElementList.map(function (sectionItem) {
18082
18088
  return (React.createElement(React.Fragment, null,
18083
18089
  (sectionItem.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
@@ -18144,7 +18150,7 @@ var Safeguards = function (props) {
18144
18150
 
18145
18151
  var Environmental = function (props) {
18146
18152
  var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
18147
- translator.setDefaultNamespace('environment');
18153
+ translator.setDefaultNamespace('unfcccSdTool');
18148
18154
  var t = translator.t;
18149
18155
  var environmentalDetailsInitial = [
18150
18156
  {
@@ -18429,39 +18435,50 @@ var Environmental = function (props) {
18429
18435
  }, []);
18430
18436
  return (React.createElement("div", { className: "co-benifits-tab-item" },
18431
18437
  React.createElement(antd.Form, { name: "environmental-details", className: "benifits-details-environmental", labelCol: { md: 16, lg: 19, xl: 17 }, wrapperCol: { md: 8, lg: 5, xl: 7 }, layout: "horizontal", requiredMark: true, form: formOne, onFieldsChange: onFieldsChange, onValuesChange: onEnvironmentalValuesChanged },
18432
- (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18433
- React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" }, environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.map(function (environmentalDetail) {
18434
- var _a;
18435
- return (React.createElement(React.Fragment, null,
18436
- React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
18437
- _a.map(function (field, index) {
18438
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(antd.Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
18439
- {
18440
- required: field === null || field === void 0 ? void 0 : field.required,
18441
- message: (field === null || field === void 0 ? void 0 : field.required) &&
18442
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18443
- },
18444
- ] },
18445
- React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
18446
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18447
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
18448
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18449
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
18450
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18451
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18452
- React.createElement("div", { className: "yes-no-radio-container" },
18453
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18454
- React.createElement("div", { className: "yes-no-radio-container" },
18455
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
18456
- React.createElement("div", { className: "yes-no-radio-container" },
18457
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
18458
- })));
18459
- })))));
18438
+ React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" },
18439
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18440
+ React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
18441
+ React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18442
+ React.createElement("span", null, t("unfcccSdToolTitle"))),
18443
+ React.createElement(antd.Col, { span: 24 },
18444
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
18445
+ React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18446
+ React.createElement("span", null, t("environmental"))),
18447
+ React.createElement(antd.Col, { span: 24 },
18448
+ React.createElement("div", { className: "unfccSdTool-section-divider", style: { marginBottom: '20px' } })))),
18449
+ (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })), environmentalDetails === null || environmentalDetails === void 0 ? void 0 :
18450
+ environmentalDetails.map(function (environmentalDetail) {
18451
+ var _a;
18452
+ return (React.createElement(React.Fragment, null,
18453
+ React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
18454
+ _a.map(function (field, index) {
18455
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(antd.Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
18456
+ {
18457
+ required: field === null || field === void 0 ? void 0 : field.required,
18458
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
18459
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18460
+ },
18461
+ ] },
18462
+ React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
18463
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18464
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
18465
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18466
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
18467
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18468
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18469
+ React.createElement("div", { className: "yes-no-radio-container" },
18470
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18471
+ React.createElement("div", { className: "yes-no-radio-container" },
18472
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
18473
+ React.createElement("div", { className: "yes-no-radio-container" },
18474
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
18475
+ })));
18476
+ })))));
18460
18477
  };
18461
18478
 
18462
18479
  var Economic = function (props) {
18463
18480
  var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
18464
- translator.setDefaultNamespace("economic");
18481
+ translator.setDefaultNamespace("unfcccSdTool");
18465
18482
  var t = translator.t;
18466
18483
  var economicDetailsInitial = [
18467
18484
  {
@@ -18714,39 +18731,46 @@ var Economic = function (props) {
18714
18731
  }, []);
18715
18732
  return (React.createElement("div", { className: "co-benifits-tab-item" },
18716
18733
  React.createElement(antd.Form, { name: "economic-details", className: "benifits-details-economic", labelCol: { md: 16, lg: 19, xl: 17 }, wrapperCol: { md: 8, lg: 5, xl: 7 }, layout: "horizontal", requiredMark: true, form: formOne, onFieldsChange: onFieldsChange, onValuesChange: onEconomicValuesChanged },
18717
- (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18718
- React.createElement("div", { className: economicViewData ? "section view-section" : "section" }, economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.map(function (environmentalDetail) {
18719
- var _a;
18720
- return (React.createElement(React.Fragment, null,
18721
- React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
18722
- _a.map(function (field, index) {
18723
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(antd.Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
18724
- {
18725
- required: field === null || field === void 0 ? void 0 : field.required,
18726
- message: (field === null || field === void 0 ? void 0 : field.required) &&
18727
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18728
- },
18729
- ] },
18730
- React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
18731
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18732
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
18733
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18734
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
18735
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18736
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18737
- React.createElement("div", { className: "yes-no-radio-container" },
18738
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18739
- React.createElement("div", { className: "yes-no-radio-container" },
18740
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
18741
- React.createElement("div", { className: "yes-no-radio-container" },
18742
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
18743
- })));
18744
- })))));
18734
+ React.createElement("div", { className: economicViewData ? "section view-section" : "section" },
18735
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18736
+ React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
18737
+ React.createElement(antd.Col, { span: 24 },
18738
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
18739
+ React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18740
+ React.createElement("span", null, t("economic"))))),
18741
+ (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })), economicDetails === null || economicDetails === void 0 ? void 0 :
18742
+ economicDetails.map(function (environmentalDetail) {
18743
+ var _a;
18744
+ return (React.createElement(React.Fragment, null,
18745
+ React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
18746
+ _a.map(function (field, index) {
18747
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(antd.Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
18748
+ {
18749
+ required: field === null || field === void 0 ? void 0 : field.required,
18750
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
18751
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18752
+ },
18753
+ ] },
18754
+ React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
18755
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18756
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
18757
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18758
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
18759
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18760
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18761
+ React.createElement("div", { className: "yes-no-radio-container" },
18762
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18763
+ React.createElement("div", { className: "yes-no-radio-container" },
18764
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
18765
+ React.createElement("div", { className: "yes-no-radio-container" },
18766
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
18767
+ })));
18768
+ })))));
18745
18769
  };
18746
18770
 
18747
18771
  var Social = function (props) {
18748
18772
  var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
18749
- translator.setDefaultNamespace("social");
18773
+ translator.setDefaultNamespace("unfcccSdTool");
18750
18774
  var t = translator.t;
18751
18775
  var form = antd.Form.useForm()[0];
18752
18776
  var _a = React.useState(0); _a[0]; var setRefreshCounter = _a[1];
@@ -18965,6 +18989,12 @@ var Social = function (props) {
18965
18989
  validateForm();
18966
18990
  });
18967
18991
  return (React.createElement("div", { className: "social-tab-item" },
18992
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18993
+ React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
18994
+ React.createElement(antd.Col, { span: 24 },
18995
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
18996
+ React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18997
+ React.createElement("span", null, t("social"))))),
18968
18998
  viewOnly && !socialViewData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18969
18999
  ((viewOnly && socialViewData) || !viewOnly) && (React.createElement(antd.Form, { name: "socialDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: onSocialValuesChanged }, SocialElementDetails.map(function (element) {
18970
19000
  return (React.createElement(React.Fragment, null,
@@ -19007,7 +19037,7 @@ var Social = function (props) {
19007
19037
  socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
19008
19038
  React.createElement(antd.Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
19009
19039
  React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
19010
- React.createElement("div", { className: "radio-container" },
19040
+ React.createElement("div", { className: "radio-container-view" },
19011
19041
  React.createElement(antd.Radio.Button, { className: "radio" }, socialViewData[element.name])))))),
19012
19042
  socialViewData[element.name] === exports.RadioButtonStatus.YES &&
19013
19043
  element.subItems.map(function (elementItem) {
@@ -19015,7 +19045,7 @@ var Social = function (props) {
19015
19045
  return (React.createElement(React.Fragment, null, socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name) && (React.createElement("div", { className: "view-section" },
19016
19046
  React.createElement(antd.Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4" },
19017
19047
  React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
19018
- React.createElement("div", { className: "radio-container" },
19048
+ React.createElement("div", { className: "radio-container-view-child" },
19019
19049
  React.createElement(antd.Radio.Button, { className: "radio" }, socialViewData[elementItem.name]))))))));
19020
19050
  }
19021
19051
  else if (elementItem.type === exports.FormElementType.Input) {
@@ -19030,12 +19060,460 @@ var Social = function (props) {
19030
19060
  })))));
19031
19061
  };
19032
19062
 
19063
+ var SocialEnvironmentalRisk = function (props) {
19064
+ var onFormSubmit = props.onFormSubmit, SocialEnvironmentalRiskData = props.SocialEnvironmentalRiskData, viewOnly = props.viewOnly, translator = props.translator;
19065
+ translator.setDefaultNamespace("socialEnvironmentalRisk");
19066
+ var t = translator.t;
19067
+ var form = antd.Form.useForm()[0];
19068
+ var _a = React.useState(), socialEnvironmentalFormDetails = _a[0], setSocialEnvironmentalFormDetails = _a[1];
19069
+ var _b = React.useState([
19070
+ {
19071
+ title: t("humanRightsSubHeader"),
19072
+ isTitleVisible: true,
19073
+ subItems: [
19074
+ {
19075
+ title: t("humanRights"),
19076
+ isTitleVisible: true,
19077
+ subItems: [
19078
+ {
19079
+ label: t("humanRightsQ1"),
19080
+ name: "humanRightsQ1",
19081
+ },
19082
+ {
19083
+ label: t("humanRightsQ2"),
19084
+ name: "humanRightsQ2",
19085
+ },
19086
+ {
19087
+ label: t("humanRightsQ3"),
19088
+ name: "humanRightsQ3",
19089
+ },
19090
+ {
19091
+ label: t("humanRightsQ4"),
19092
+ name: "humanRightsQ4",
19093
+ },
19094
+ {
19095
+ label: t("humanRightsQ5"),
19096
+ name: "humanRightsQ5",
19097
+ },
19098
+ {
19099
+ label: t("humanRightsQ6"),
19100
+ name: "humanRightsQ6",
19101
+ },
19102
+ {
19103
+ label: t("humanRightsQ7"),
19104
+ name: "humanRightsQ7",
19105
+ },
19106
+ ],
19107
+ },
19108
+ {
19109
+ title: t("genderEqalityWomenEmpower"),
19110
+ isTitleVisible: true,
19111
+ subItems: [
19112
+ {
19113
+ label: t("genderEqalityWomenEmpowerQ1"),
19114
+ name: "genderEqalityWomenEmpowerQ1",
19115
+ },
19116
+ {
19117
+ label: t("genderEqalityWomenEmpowerQ2"),
19118
+ name: "genderEqalityWomenEmpowerQ2",
19119
+ },
19120
+ {
19121
+ label: t("genderEqalityWomenEmpowerQ3"),
19122
+ name: "genderEqalityWomenEmpowerQ3",
19123
+ },
19124
+ {
19125
+ label: t("genderEqalityWomenEmpowerQ4"),
19126
+ name: "genderEqalityWomenEmpowerQ4",
19127
+ },
19128
+ {
19129
+ label: t("genderEqalityWomenEmpowerQ5"),
19130
+ name: "genderEqalityWomenEmpowerQ5",
19131
+ },
19132
+ ],
19133
+ },
19134
+ {
19135
+ title: t("accountability"),
19136
+ isTitleVisible: true,
19137
+ subItems: [
19138
+ {
19139
+ label: t("accountabilityQ1"),
19140
+ name: "accountabilityQ1",
19141
+ },
19142
+ {
19143
+ label: t("accountabilityQ2"),
19144
+ name: "AccountabilityQ2",
19145
+ },
19146
+ {
19147
+ label: t("accountabilityQ3"),
19148
+ name: "accountabilityQ3",
19149
+ },
19150
+ ],
19151
+ },
19152
+ ],
19153
+ },
19154
+ {
19155
+ title: t("standardSubHeader"),
19156
+ isTitleVisible: true,
19157
+ subItems: [
19158
+ {
19159
+ title: t("standard1"),
19160
+ isTitleVisible: true,
19161
+ subItems: [
19162
+ {
19163
+ label: t("standard1Q1"),
19164
+ name: "standard1Q1",
19165
+ },
19166
+ {
19167
+ label: t("standard1Q2"),
19168
+ name: "standard1Q2",
19169
+ },
19170
+ {
19171
+ label: t("standard1Q3"),
19172
+ name: "standard1Q3",
19173
+ },
19174
+ {
19175
+ label: t("standard1Q4"),
19176
+ name: "standard1Q4",
19177
+ },
19178
+ {
19179
+ label: t("standard1Q5"),
19180
+ name: "standard1Q5",
19181
+ },
19182
+ {
19183
+ label: t("standard1Q6"),
19184
+ name: "standard1Q6",
19185
+ },
19186
+ {
19187
+ label: t("standard1Q7"),
19188
+ name: "standard1Q7",
19189
+ },
19190
+ {
19191
+ label: t("standard1Q8"),
19192
+ name: "standard1Q8",
19193
+ },
19194
+ {
19195
+ label: t("standard1Q9"),
19196
+ name: "standard1Q9",
19197
+ },
19198
+ {
19199
+ label: t("standard1Q10"),
19200
+ name: "standard1Q10",
19201
+ },
19202
+ {
19203
+ label: t("standard1Q11"),
19204
+ name: "standard1Q11",
19205
+ },
19206
+ {
19207
+ label: t("standard1Q12"),
19208
+ name: "standard1Q12",
19209
+ },
19210
+ {
19211
+ label: t("standard1Q13"),
19212
+ name: "standard1Q13",
19213
+ },
19214
+ {
19215
+ label: t("standard1Q14"),
19216
+ name: "standard1Q14",
19217
+ },
19218
+ ],
19219
+ },
19220
+ {
19221
+ title: t("standard2"),
19222
+ isTitleVisible: true,
19223
+ subItems: [
19224
+ {
19225
+ label: t("standard2Q1"),
19226
+ name: "standard2Q1",
19227
+ },
19228
+ {
19229
+ label: t("standard2Q2"),
19230
+ name: "standard2Q2",
19231
+ },
19232
+ {
19233
+ label: t("standard2Q3"),
19234
+ name: "standard2Q3",
19235
+ },
19236
+ {
19237
+ label: t("standard2Q4"),
19238
+ name: "standard2Q4",
19239
+ },
19240
+ ],
19241
+ },
19242
+ {
19243
+ title: t("standard3"),
19244
+ isTitleVisible: true,
19245
+ subItems: [
19246
+ {
19247
+ label: t("standard3Q1"),
19248
+ name: "standard3Q1",
19249
+ },
19250
+ {
19251
+ label: t("standard3Q2"),
19252
+ name: "standard3Q2",
19253
+ },
19254
+ {
19255
+ label: t("standard3Q3"),
19256
+ name: "standard3Q3",
19257
+ },
19258
+ {
19259
+ label: t("standard3Q4"),
19260
+ name: "standard3Q4",
19261
+ },
19262
+ {
19263
+ label: t("standard3Q5"),
19264
+ name: "standard3Q5",
19265
+ },
19266
+ {
19267
+ label: t("standard3Q6"),
19268
+ name: "standard3Q6",
19269
+ },
19270
+ {
19271
+ label: t("standard3Q7"),
19272
+ name: "standard3Q7",
19273
+ },
19274
+ {
19275
+ label: t("standard3Q8"),
19276
+ name: "standard3Q8",
19277
+ },
19278
+ ],
19279
+ },
19280
+ {
19281
+ title: t("standard4"),
19282
+ isTitleVisible: true,
19283
+ subItems: [
19284
+ {
19285
+ label: t("standard4Q1"),
19286
+ name: "standard4Q1",
19287
+ },
19288
+ {
19289
+ label: t("standard4Q2"),
19290
+ name: "standard4Q2",
19291
+ },
19292
+ {
19293
+ label: t("standard4Q3"),
19294
+ name: "standard4Q3",
19295
+ },
19296
+ {
19297
+ label: t("standard4Q4"),
19298
+ name: "standard4Q4",
19299
+ },
19300
+ {
19301
+ label: t("standard4Q5"),
19302
+ name: "standard4Q5",
19303
+ },
19304
+ ],
19305
+ },
19306
+ {
19307
+ title: t("standard5"),
19308
+ isTitleVisible: true,
19309
+ subItems: [
19310
+ {
19311
+ label: t("standard5Q1"),
19312
+ name: "standard5Q1",
19313
+ },
19314
+ {
19315
+ label: t("standard5Q2"),
19316
+ name: "standard5Q2",
19317
+ },
19318
+ {
19319
+ label: t("standard5Q3"),
19320
+ name: "standard5Q3",
19321
+ },
19322
+ {
19323
+ label: t("standard5Q4"),
19324
+ name: "standard5Q4",
19325
+ },
19326
+ ],
19327
+ },
19328
+ {
19329
+ title: t("standard6"),
19330
+ isTitleVisible: true,
19331
+ subItems: [
19332
+ {
19333
+ label: t("standard6Q1"),
19334
+ name: "standard6Q1",
19335
+ },
19336
+ {
19337
+ label: t("standard6Q2"),
19338
+ name: "standard6Q2",
19339
+ },
19340
+ {
19341
+ label: t("standard6Q3"),
19342
+ name: "standard6Q3",
19343
+ },
19344
+ {
19345
+ label: t("standard6Q4"),
19346
+ name: "standard6Q4",
19347
+ },
19348
+ {
19349
+ label: t("standard6Q5"),
19350
+ name: "standard6Q5",
19351
+ },
19352
+ {
19353
+ label: t("standard6Q6"),
19354
+ name: "standard6Q6",
19355
+ },
19356
+ {
19357
+ label: t("standard6Q7"),
19358
+ name: "standard6Q7",
19359
+ },
19360
+ {
19361
+ label: t("standard6Q8"),
19362
+ name: "standard6Q8",
19363
+ },
19364
+ {
19365
+ label: t("standard6Q9"),
19366
+ name: "standard6Q9",
19367
+ },
19368
+ ],
19369
+ },
19370
+ {
19371
+ title: t("standard7"),
19372
+ isTitleVisible: true,
19373
+ subItems: [
19374
+ {
19375
+ label: t("standard7Q1"),
19376
+ name: "standard7Q1",
19377
+ },
19378
+ {
19379
+ label: t("standard7Q2"),
19380
+ name: "standard7Q2",
19381
+ },
19382
+ {
19383
+ label: t("standard7Q3"),
19384
+ name: "standard7Q3",
19385
+ },
19386
+ {
19387
+ label: t("standard7Q4"),
19388
+ name: "standard7Q4",
19389
+ },
19390
+ {
19391
+ label: t("standard7Q5"),
19392
+ name: "standard7Q5",
19393
+ },
19394
+ {
19395
+ label: t("standard7Q6"),
19396
+ name: "standard7Q6",
19397
+ },
19398
+ ],
19399
+ },
19400
+ {
19401
+ title: t("standard8"),
19402
+ isTitleVisible: true,
19403
+ subItems: [
19404
+ {
19405
+ label: t("standard8Q1"),
19406
+ name: "standard8Q1",
19407
+ },
19408
+ {
19409
+ label: t("standard8Q2"),
19410
+ name: "standard8Q2",
19411
+ },
19412
+ {
19413
+ label: t("standard8Q3"),
19414
+ name: "standard8Q3",
19415
+ },
19416
+ {
19417
+ label: t("standard8Q4"),
19418
+ name: "standard8Q4",
19419
+ },
19420
+ {
19421
+ label: t("standard8Q5"),
19422
+ name: "standard8Q5",
19423
+ },
19424
+ {
19425
+ label: t("standard8Q6"),
19426
+ name: "standard8Q6",
19427
+ },
19428
+ ],
19429
+ },
19430
+ ],
19431
+ },
19432
+ ]), socialEnvironmentalDetails = _b[0], setSocialEnvironmentalDetails = _b[1];
19433
+ React.useEffect(function () {
19434
+ onFormSubmit(socialEnvironmentalFormDetails);
19435
+ }, [socialEnvironmentalFormDetails]);
19436
+ React.useEffect(function () {
19437
+ if (SocialEnvironmentalRiskData && !viewOnly) {
19438
+ setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
19439
+ form.setFieldsValue(SocialEnvironmentalRiskData);
19440
+ }
19441
+ else if (SocialEnvironmentalRiskData && viewOnly) {
19442
+ checkHeaderAvailability();
19443
+ }
19444
+ }, [SocialEnvironmentalRiskData]);
19445
+ var checkHeaderAvailability = function () {
19446
+ socialEnvironmentalDetails.forEach(function (section) {
19447
+ section.isTitleVisible = false;
19448
+ section.subItems.forEach(function (subSection) {
19449
+ subSection.isTitleVisible = false;
19450
+ subSection.subItems.forEach(function (element) {
19451
+ if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
19452
+ subSection.isTitleVisible = true;
19453
+ }
19454
+ });
19455
+ if (subSection.isTitleVisible) {
19456
+ section.isTitleVisible = true;
19457
+ }
19458
+ });
19459
+ });
19460
+ setSocialEnvironmentalDetails(socialEnvironmentalDetails);
19461
+ };
19462
+ var SocialEnvironmentalDetailsChanged = function (changedValues) { return __awaiter(void 0, void 0, void 0, function () {
19463
+ return __generator(this, function (_a) {
19464
+ setSocialEnvironmentalFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
19465
+ return [2 /*return*/];
19466
+ });
19467
+ }); };
19468
+ return (React.createElement("div", { className: "social-environment-tab-item" },
19469
+ viewOnly && !SocialEnvironmentalRiskData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
19470
+ ((viewOnly && SocialEnvironmentalRiskData) || !viewOnly) && (React.createElement(antd.Form, { name: "SocialEnvironmentalDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: SocialEnvironmentalDetailsChanged },
19471
+ !viewOnly &&
19472
+ socialEnvironmentalDetails.map(function (section) {
19473
+ return (React.createElement(React.Fragment, null,
19474
+ React.createElement("div", { style: { marginBottom: "15px" } },
19475
+ React.createElement("label", { className: "co-sub-header-text" }, section.title)),
19476
+ section.subItems.map(function (subSection) {
19477
+ return (React.createElement(React.Fragment, null,
19478
+ React.createElement("div", { style: { marginBottom: "15px" } },
19479
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title)),
19480
+ subSection.subItems.map(function (element) {
19481
+ return (React.createElement(antd.Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
19482
+ React.createElement(antd.Radio.Group, { size: "middle" },
19483
+ React.createElement("div", { className: "radio-container" },
19484
+ React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
19485
+ React.createElement("div", { className: "radio-container" },
19486
+ React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("no"))))));
19487
+ })));
19488
+ })));
19489
+ }),
19490
+ viewOnly &&
19491
+ SocialEnvironmentalRiskData &&
19492
+ socialEnvironmentalDetails.map(function (section) {
19493
+ return (React.createElement(React.Fragment, null,
19494
+ section.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
19495
+ React.createElement("label", { className: "co-sub-header-text" }, section.title))),
19496
+ section.subItems.map(function (subSection) {
19497
+ return (React.createElement(React.Fragment, null,
19498
+ subSection.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
19499
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title))),
19500
+ subSection.subItems.map(function (element) {
19501
+ return (React.createElement(React.Fragment, null, SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
19502
+ React.createElement(antd.Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
19503
+ React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
19504
+ React.createElement("div", { className: "radio-container" },
19505
+ React.createElement(antd.Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name]))))))));
19506
+ })));
19507
+ })));
19508
+ })))));
19509
+ };
19510
+
19033
19511
  var CoBenifitsComponent = function (props) {
19034
19512
  var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator, useConnection = props.useConnection;
19035
19513
  var _b = React.useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
19036
19514
  var _c = React.useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
19037
19515
  var _d = React.useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
19038
- translator.setDefaultNamespace('coBenifits');
19516
+ translator.setDefaultNamespace("coBenifits");
19039
19517
  var t = translator.t;
19040
19518
  var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
19041
19519
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
@@ -19060,6 +19538,9 @@ var CoBenifitsComponent = function (props) {
19060
19538
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialValueDetails: socialValueDetails })); });
19061
19539
  setIsSocialFormValid(isFormValid);
19062
19540
  };
19541
+ var onSocialEnvironmentalFormSubmit = function (socialEnvironmentDetails) {
19542
+ setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialEnvironmentDetails: socialEnvironmentDetails })); });
19543
+ };
19063
19544
  var tabItems = [
19064
19545
  {
19065
19546
  label: t("coBenifits:sdgGoals"),
@@ -19076,34 +19557,27 @@ var CoBenifitsComponent = function (props) {
19076
19557
  children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
19077
19558
  },
19078
19559
  {
19079
- label: t("coBenifits:safeguards"),
19560
+ label: t("coBenifits:undpSesp"),
19080
19561
  key: "3",
19081
19562
  children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
19082
19563
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
19083
19564
  },
19084
19565
  {
19085
- label: t("coBenifits:environmental"),
19566
+ label: t("coBenifits:unfcccSdTool"),
19086
19567
  key: "4",
19087
- children: (React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
19088
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
19089
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
19090
- : {}
19091
- : undefined, viewOnly: viewOnly || false, translator: translator })),
19092
- },
19093
- {
19094
- label: t("coBenifits:social"),
19095
- key: "5",
19096
- children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
19097
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator })),
19098
- },
19099
- {
19100
- label: t("coBenifits:economic"),
19101
- key: "6",
19102
- children: (React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
19103
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
19104
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
19105
- : {}
19106
- : undefined, viewOnly: viewOnly || false, translator: translator })),
19568
+ children: (React.createElement(React.Fragment, null,
19569
+ React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
19570
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
19571
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
19572
+ : {}
19573
+ : undefined, viewOnly: viewOnly || false, translator: translator }),
19574
+ React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
19575
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator }),
19576
+ React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
19577
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
19578
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
19579
+ : {}
19580
+ : undefined, viewOnly: viewOnly || false, translator: translator }))),
19107
19581
  },
19108
19582
  {
19109
19583
  label: t("coBenifits:assessment"),
@@ -19111,6 +19585,12 @@ var CoBenifitsComponent = function (props) {
19111
19585
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
19112
19586
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
19113
19587
  },
19588
+ {
19589
+ label: t("coBenifits:socialEnvironmentalRisk"),
19590
+ key: "8",
19591
+ children: (React.createElement(SocialEnvironmentalRisk, { onFormSubmit: onSocialEnvironmentalFormSubmit, SocialEnvironmentalRiskData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialEnvironmentDetails)) ||
19592
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialEnvironmentDetails)), viewOnly: viewOnly || false, translator: translator })),
19593
+ },
19114
19594
  ];
19115
19595
  var onCoBenefitSubmit = function () {
19116
19596
  var economicOverallValidation = true;
@@ -19225,7 +19705,7 @@ var CoBenifitsComponent = function (props) {
19225
19705
  if (environmentalOverallValidation !== true) {
19226
19706
  antd.message.open({
19227
19707
  type: "error",
19228
- content: "Fill the required fields in Co-benifits Environmental section",
19708
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
19229
19709
  duration: 4,
19230
19710
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19231
19711
  });
@@ -19234,7 +19714,7 @@ var CoBenifitsComponent = function (props) {
19234
19714
  if (!isSocialFormValid) {
19235
19715
  antd.message.open({
19236
19716
  type: "error",
19237
- content: "Fill the required fields in Co-benifits Social section",
19717
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
19238
19718
  duration: 4,
19239
19719
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19240
19720
  });
@@ -19243,7 +19723,7 @@ var CoBenifitsComponent = function (props) {
19243
19723
  if (economicOverallValidation !== true) {
19244
19724
  antd.message.open({
19245
19725
  type: "error",
19246
- content: "Fill the required fields in Co-benifits Economic section",
19726
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
19247
19727
  duration: 4,
19248
19728
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19249
19729
  });
@@ -19252,7 +19732,7 @@ var CoBenifitsComponent = function (props) {
19252
19732
  if (!isAssessmentFormValid) {
19253
19733
  antd.message.open({
19254
19734
  type: "error",
19255
- content: "Fill the required fields in Co-benifits Assessment section",
19735
+ content: "Fill the required fields in Co-benefits Assessment section",
19256
19736
  duration: 4,
19257
19737
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19258
19738
  });
@@ -24495,7 +24975,7 @@ var EditableCell = function (_a) {
24495
24975
  return [3 /*break*/, 3];
24496
24976
  case 2:
24497
24977
  errInfo_1 = _a.sent();
24498
- console.log("Save failed:", errInfo_1);
24978
+ console.log('Save failed:', errInfo_1);
24499
24979
  return [3 /*break*/, 3];
24500
24980
  case 3: return [2 /*return*/];
24501
24981
  }
@@ -24509,7 +24989,7 @@ var EditableCell = function (_a) {
24509
24989
  message: "".concat(title, " is required."),
24510
24990
  },
24511
24991
  ] },
24512
- 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));
24992
+ React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
24513
24993
  }
24514
24994
  return React.createElement("td", __assign({}, restProps), childNode);
24515
24995
  };
@@ -24517,11 +24997,6 @@ var EditableCell = function (_a) {
24517
24997
  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";
24518
24998
  styleInject(css_248z$4);
24519
24999
 
24520
- var NdcActionType;
24521
- (function (NdcActionType) {
24522
- NdcActionType[NdcActionType["main"] = 0] = "main";
24523
- NdcActionType[NdcActionType["sub"] = 1] = "sub";
24524
- })(NdcActionType || (NdcActionType = {}));
24525
25000
  var NdcDetailsComponent = function (props) {
24526
25001
  var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
24527
25002
  var RangePicker = antd.DatePicker.RangePicker;
@@ -24532,8 +25007,6 @@ var NdcDetailsComponent = function (props) {
24532
25007
  var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
24533
25008
  var selectedPeriod = React.useRef({});
24534
25009
  var addedNdcDetailId = React.useRef(0);
24535
- var selectedNdcDetail = React.useRef({});
24536
- var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
24537
25010
  var userInfoState = useUserContext().userInfoState;
24538
25011
  var isAddRangeVisible = function () {
24539
25012
  return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
@@ -24548,35 +25021,11 @@ var NdcDetailsComponent = function (props) {
24548
25021
  return num >= min && num <= max;
24549
25022
  };
24550
25023
  var handleSave = function (row) {
24551
- if (row.type === NdcActionType.main) {
24552
- var newData = __spreadArray([], ndcDetailsData, true);
24553
- var index = newData.findIndex(function (item) { return row.key === item.key; });
24554
- var item = newData[index];
24555
- newData.splice(index, 1, __assign(__assign({}, item), row));
24556
- setNdcDetailsData(newData);
24557
- }
24558
- else {
24559
- var newData = __spreadArray([], ndcDetailsData, true);
24560
- var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
24561
- var parentItem = newData[parentIndex];
24562
- if (parentItem) {
24563
- if (parentItem.subNdcDetails) {
24564
- var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
24565
- if (itemIndex === -1) {
24566
- parentItem.subNdcDetails.push(row);
24567
- }
24568
- else {
24569
- parentItem.subNdcDetails.splice(itemIndex, 1, __assign({}, row));
24570
- }
24571
- }
24572
- else {
24573
- parentItem.subNdcDetails = [row];
24574
- }
24575
- }
24576
- newData.splice(parentIndex, 1, __assign({}, parentItem));
24577
- setNdcDetailsData(newData);
24578
- setTableKey(function (key) { return key + 1; });
24579
- }
25024
+ var newData = __spreadArray([], ndcDetailsData, true);
25025
+ var index = newData.findIndex(function (item) { return row.key === item.key; });
25026
+ var item = newData[index];
25027
+ newData.splice(index, 1, __assign(__assign({}, item), row));
25028
+ setNdcDetailsData(newData);
24580
25029
  };
24581
25030
  var getNdcDetailsForPeriod = function () {
24582
25031
  var range = selectedTab.split("-");
@@ -24590,15 +25039,6 @@ var NdcDetailsComponent = function (props) {
24590
25039
  return [];
24591
25040
  }
24592
25041
  };
24593
- var getSubNdcDetails = function (key) {
24594
- var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24595
- if (ndcDetail) {
24596
- return ndcDetail.subNdcDetails;
24597
- }
24598
- else {
24599
- return [];
24600
- }
24601
- };
24602
25042
  var defaultColumns = [
24603
25043
  {
24604
25044
  title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -24606,7 +25046,6 @@ var NdcDetailsComponent = function (props) {
24606
25046
  key: "nationalPlanObj",
24607
25047
  align: "left",
24608
25048
  editable: true,
24609
- width: 800,
24610
25049
  },
24611
25050
  {
24612
25051
  title: t("ndc:ndcColumnsKpi"),
@@ -24614,10 +25053,9 @@ var NdcDetailsComponent = function (props) {
24614
25053
  key: "kpi",
24615
25054
  align: "left",
24616
25055
  editable: true,
24617
- width: 100,
24618
25056
  },
24619
25057
  {
24620
- title: "Ministry",
25058
+ title: 'Ministry',
24621
25059
  dataIndex: "ministry",
24622
25060
  key: "ministry",
24623
25061
  align: "left",
@@ -24638,27 +25076,14 @@ var NdcDetailsComponent = function (props) {
24638
25076
  });
24639
25077
  function onAddNewNdcDetail() {
24640
25078
  var range = selectedTab.split("-");
24641
- var ndcActionId = ++addedNdcDetailId.current;
25079
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24642
25080
  var newData = {
24643
- key: ndcActionId,
24644
- type: NdcActionType.main,
25081
+ key: addedNdcDetailId.current,
24645
25082
  startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24646
25083
  endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24647
25084
  nationalPlanObj: t("ndc:enterNewPlanTxt"),
24648
25085
  kpi: 0,
24649
- ministry: "Please add the Ministry name",
24650
- subNdcDetails: [
24651
- {
24652
- key: ++addedNdcDetailId.current,
24653
- ndcActionId: ndcActionId,
24654
- type: NdcActionType.sub,
24655
- startDate: new Date("2019-03-25"),
24656
- endDate: new Date("2020-03-25"),
24657
- nationalPlanObj: "",
24658
- kpi: "",
24659
- ministry: "",
24660
- },
24661
- ],
25086
+ ministry: "Please add the Ministry name"
24662
25087
  };
24663
25088
  setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
24664
25089
  }
@@ -24740,10 +25165,6 @@ var NdcDetailsComponent = function (props) {
24740
25165
  React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
24741
25166
  React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
24742
25167
  }
24743
- function getSubNdcActionContent(record) {
24744
- selectedNdcDetail.current = record;
24745
- return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
24746
- }
24747
25168
  var onTabChange = function (key) {
24748
25169
  setSelectedTab(key);
24749
25170
  };
@@ -24751,160 +25172,43 @@ var NdcDetailsComponent = function (props) {
24751
25172
  var defaultNdcDetails = [
24752
25173
  {
24753
25174
  key: 1,
24754
- type: NdcActionType.main,
24755
25175
  startDate: new Date("2019-03-25"),
24756
25176
  endDate: new Date("2020-03-25"),
24757
25177
  nationalPlanObj: "Enhance value addition in key growth opportunities",
24758
25178
  kpi: 25,
24759
- ministry: "Ministry of Environment",
24760
- subNdcDetails: [
24761
- {
24762
- key: 6,
24763
- ndcActionId: 1,
24764
- type: NdcActionType.sub,
24765
- startDate: new Date("2019-03-25"),
24766
- endDate: new Date("2020-03-25"),
24767
- nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
24768
- kpi: 25,
24769
- ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24770
- },
24771
- {
24772
- key: 7,
24773
- ndcActionId: 1,
24774
- type: NdcActionType.sub,
24775
- startDate: new Date("2019-03-25"),
24776
- endDate: new Date("2020-03-25"),
24777
- nationalPlanObj: "",
24778
- kpi: "",
24779
- ministry: "",
24780
- },
24781
- ],
25179
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
24782
25180
  },
24783
25181
  {
24784
25182
  key: 2,
24785
- type: NdcActionType.main,
24786
25183
  startDate: new Date("2019-03-25"),
24787
25184
  endDate: new Date("2019-08-25"),
24788
25185
  nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
24789
25186
  kpi: 10500,
24790
- ministry: "Ministry of Environment",
24791
- subNdcDetails: [
24792
- {
24793
- key: 8,
24794
- ndcActionId: 2,
24795
- type: NdcActionType.sub,
24796
- startDate: new Date("2019-03-25"),
24797
- endDate: new Date("2020-03-25"),
24798
- nationalPlanObj: "",
24799
- kpi: "",
24800
- ministry: "",
24801
- },
24802
- ],
24803
- },
24804
- {
24805
- key: 12,
24806
- type: NdcActionType.main,
24807
- startDate: new Date("2019-03-25"),
24808
- endDate: new Date("2019-08-25"),
24809
- nationalPlanObj: "Other",
24810
- kpi: 10500,
24811
- ministry: "Ministry of Environment",
24812
- subNdcDetails: [
24813
- {
24814
- key: 8,
24815
- ndcActionId: 12,
24816
- type: NdcActionType.sub,
24817
- startDate: new Date("2019-03-25"),
24818
- endDate: new Date("2020-03-25"),
24819
- nationalPlanObj: "",
24820
- kpi: "",
24821
- ministry: "",
24822
- },
24823
- ],
25187
+ ministry: "Ministry of Tourism (MoT)"
24824
25188
  },
24825
25189
  {
24826
25190
  key: 3,
24827
- type: NdcActionType.main,
24828
25191
  startDate: new Date("2021-03-25"),
24829
25192
  endDate: new Date("2022-03-25"),
24830
25193
  nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
24831
25194
  kpi: 48,
24832
- ministry: "Ministry of Environment",
24833
- subNdcDetails: [
24834
- {
24835
- key: 9,
24836
- ndcActionId: 3,
24837
- type: NdcActionType.sub,
24838
- startDate: new Date("2019-03-25"),
24839
- endDate: new Date("2020-03-25"),
24840
- nationalPlanObj: "",
24841
- kpi: "",
24842
- ministry: "",
24843
- },
24844
- ],
25195
+ ministry: "Ministry of Education, Arts and Culture (MoE)"
24845
25196
  },
24846
25197
  {
24847
25198
  key: 4,
24848
- type: NdcActionType.main,
24849
25199
  startDate: new Date("2022-03-25"),
24850
25200
  endDate: new Date("2022-05-25"),
24851
25201
  nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
24852
25202
  kpi: 20,
24853
- ministry: "Ministry of Environment",
24854
- subNdcDetails: [
24855
- {
24856
- key: 10,
24857
- ndcActionId: 4,
24858
- type: NdcActionType.sub,
24859
- startDate: new Date("2019-03-25"),
24860
- endDate: new Date("2020-03-25"),
24861
- nationalPlanObj: "",
24862
- kpi: "",
24863
- ministry: "",
24864
- },
24865
- ],
25203
+ ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
24866
25204
  },
24867
25205
  {
24868
25206
  key: 5,
24869
- type: NdcActionType.main,
24870
25207
  startDate: new Date("2022-03-25"),
24871
25208
  endDate: new Date("2023-03-25"),
24872
25209
  nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
24873
25210
  kpi: 10,
24874
- ministry: "Ministry of Environment",
24875
- subNdcDetails: [
24876
- {
24877
- key: 11,
24878
- ndcActionId: 5,
24879
- type: NdcActionType.sub,
24880
- startDate: new Date("2019-03-25"),
24881
- endDate: new Date("2020-03-25"),
24882
- nationalPlanObj: "",
24883
- kpi: "",
24884
- ministry: "",
24885
- },
24886
- ],
24887
- },
24888
- {
24889
- key: 13,
24890
- type: NdcActionType.main,
24891
- startDate: new Date("2022-03-25"),
24892
- endDate: new Date("2023-03-25"),
24893
- nationalPlanObj: "Other",
24894
- kpi: 10,
24895
- ministry: "Ministry of Environment",
24896
- subNdcDetails: [
24897
- {
24898
- key: 11,
24899
- ndcActionId: 13,
24900
- type: NdcActionType.sub,
24901
- startDate: new Date("2019-03-25"),
24902
- endDate: new Date("2020-03-25"),
24903
- nationalPlanObj: "",
24904
- kpi: "",
24905
- ministry: "",
24906
- },
24907
- ],
25211
+ ministry: "Ministry of Tourism (MoT)"
24908
25212
  },
24909
25213
  ];
24910
25214
  var initialPeriods = [
@@ -24947,11 +25251,7 @@ var NdcDetailsComponent = function (props) {
24947
25251
  React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
24948
25252
  selectedTab !== "add_new" && (React.createElement("div", null,
24949
25253
  React.createElement("div", null,
24950
- React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
24951
- expandedRowRender: function (record) { return getSubNdcActionContent(record); },
24952
- indentSize: 0,
24953
- defaultExpandedRowKeys: [selectedNdcDetail.current.key],
24954
- }, footer: function () {
25254
+ React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
24955
25255
  return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
24956
25256
  React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
24957
25257
  marginBottom: 16,