@undp/carbon-library 1.0.150-CARBON-350.2 → 1.0.150-CARBON-343.1

Sign up to get free protection for your applications and to get access to all the features.
package/dist/esm/index.js CHANGED
@@ -16956,7 +16956,7 @@ var NdcActionDetails = function (props) {
16956
16956
  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";
16957
16957
  styleInject(css_248z$f);
16958
16958
 
16959
- 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";
16959
+ 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";
16960
16960
  styleInject(css_248z$e);
16961
16961
 
16962
16962
  var GenderParity = function (props) {
@@ -18058,12 +18058,6 @@ var Safeguards = function (props) {
18058
18058
  return (React.createElement(React.Fragment, null,
18059
18059
  viewOnly && !safeGuardViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
18060
18060
  ((viewOnly && safeGuardViewData) || !viewOnly) && (React.createElement("div", { className: "safeguard-tab-item" },
18061
- React.createElement("div", { className: "undpSesp-section-wrapper" },
18062
- React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
18063
- React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18064
- React.createElement("span", null, t("undpSespTitle"))),
18065
- React.createElement(Col, { span: 24 },
18066
- React.createElement("div", { className: "undpSesp-section-divider" })))),
18067
18061
  React.createElement(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) {
18068
18062
  return (React.createElement(React.Fragment, null,
18069
18063
  (sectionItem.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
@@ -18130,7 +18124,7 @@ var Safeguards = function (props) {
18130
18124
 
18131
18125
  var Environmental = function (props) {
18132
18126
  var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
18133
- translator.setDefaultNamespace('unfcccSdTool');
18127
+ translator.setDefaultNamespace('environment');
18134
18128
  var t = translator.t;
18135
18129
  var environmentalDetailsInitial = [
18136
18130
  {
@@ -18415,50 +18409,39 @@ var Environmental = function (props) {
18415
18409
  }, []);
18416
18410
  return (React.createElement("div", { className: "co-benifits-tab-item" },
18417
18411
  React.createElement(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 },
18418
- React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" },
18419
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18420
- React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
18421
- React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18422
- React.createElement("span", null, t("unfcccSdToolTitle"))),
18423
- React.createElement(Col, { span: 24 },
18424
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
18425
- React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18426
- React.createElement("span", null, t("environmental"))),
18427
- React.createElement(Col, { span: 24 },
18428
- React.createElement("div", { className: "unfccSdTool-section-divider", style: { marginBottom: '20px' } })))),
18429
- (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })), environmentalDetails === null || environmentalDetails === void 0 ? void 0 :
18430
- environmentalDetails.map(function (environmentalDetail) {
18431
- var _a;
18432
- return (React.createElement(React.Fragment, null,
18433
- 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 :
18434
- _a.map(function (field, index) {
18435
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(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: [
18436
- {
18437
- required: field === null || field === void 0 ? void 0 : field.required,
18438
- message: (field === null || field === void 0 ? void 0 : field.required) &&
18439
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18440
- },
18441
- ] },
18442
- React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
18443
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18444
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
18445
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18446
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
18447
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18448
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18449
- React.createElement("div", { className: "yes-no-radio-container" },
18450
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
18451
- React.createElement("div", { className: "yes-no-radio-container" },
18452
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
18453
- React.createElement("div", { className: "yes-no-radio-container" },
18454
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
18455
- })));
18456
- })))));
18412
+ (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
18413
+ React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" }, environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.map(function (environmentalDetail) {
18414
+ var _a;
18415
+ return (React.createElement(React.Fragment, null,
18416
+ 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 :
18417
+ _a.map(function (field, index) {
18418
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(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: [
18419
+ {
18420
+ required: field === null || field === void 0 ? void 0 : field.required,
18421
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
18422
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18423
+ },
18424
+ ] },
18425
+ React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
18426
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18427
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
18428
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18429
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
18430
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18431
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18432
+ React.createElement("div", { className: "yes-no-radio-container" },
18433
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
18434
+ React.createElement("div", { className: "yes-no-radio-container" },
18435
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
18436
+ React.createElement("div", { className: "yes-no-radio-container" },
18437
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
18438
+ })));
18439
+ })))));
18457
18440
  };
18458
18441
 
18459
18442
  var Economic = function (props) {
18460
18443
  var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
18461
- translator.setDefaultNamespace("unfcccSdTool");
18444
+ translator.setDefaultNamespace("economic");
18462
18445
  var t = translator.t;
18463
18446
  var economicDetailsInitial = [
18464
18447
  {
@@ -18711,46 +18694,39 @@ var Economic = function (props) {
18711
18694
  }, []);
18712
18695
  return (React.createElement("div", { className: "co-benifits-tab-item" },
18713
18696
  React.createElement(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 },
18714
- React.createElement("div", { className: economicViewData ? "section view-section" : "section" },
18715
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18716
- React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
18717
- React.createElement(Col, { span: 24 },
18718
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
18719
- React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18720
- React.createElement("span", null, t("economic"))))),
18721
- (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })), economicDetails === null || economicDetails === void 0 ? void 0 :
18722
- economicDetails.map(function (environmentalDetail) {
18723
- var _a;
18724
- return (React.createElement(React.Fragment, null,
18725
- 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 :
18726
- _a.map(function (field, index) {
18727
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(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: [
18728
- {
18729
- required: field === null || field === void 0 ? void 0 : field.required,
18730
- message: (field === null || field === void 0 ? void 0 : field.required) &&
18731
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18732
- },
18733
- ] },
18734
- React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
18735
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18736
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
18737
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18738
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
18739
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18740
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18741
- React.createElement("div", { className: "yes-no-radio-container" },
18742
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
18743
- React.createElement("div", { className: "yes-no-radio-container" },
18744
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
18745
- React.createElement("div", { className: "yes-no-radio-container" },
18746
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
18747
- })));
18748
- })))));
18697
+ (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
18698
+ React.createElement("div", { className: economicViewData ? "section view-section" : "section" }, economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.map(function (environmentalDetail) {
18699
+ var _a;
18700
+ return (React.createElement(React.Fragment, null,
18701
+ 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 :
18702
+ _a.map(function (field, index) {
18703
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(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: [
18704
+ {
18705
+ required: field === null || field === void 0 ? void 0 : field.required,
18706
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
18707
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18708
+ },
18709
+ ] },
18710
+ React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
18711
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18712
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
18713
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18714
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
18715
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18716
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18717
+ React.createElement("div", { className: "yes-no-radio-container" },
18718
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
18719
+ React.createElement("div", { className: "yes-no-radio-container" },
18720
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
18721
+ React.createElement("div", { className: "yes-no-radio-container" },
18722
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
18723
+ })));
18724
+ })))));
18749
18725
  };
18750
18726
 
18751
18727
  var Social = function (props) {
18752
18728
  var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
18753
- translator.setDefaultNamespace("unfcccSdTool");
18729
+ translator.setDefaultNamespace("social");
18754
18730
  var t = translator.t;
18755
18731
  var form = Form.useForm()[0];
18756
18732
  var _a = useState(0); _a[0]; var setRefreshCounter = _a[1];
@@ -18969,12 +18945,6 @@ var Social = function (props) {
18969
18945
  validateForm();
18970
18946
  });
18971
18947
  return (React.createElement("div", { className: "social-tab-item" },
18972
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18973
- React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
18974
- React.createElement(Col, { span: 24 },
18975
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
18976
- React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18977
- React.createElement("span", null, t("social"))))),
18978
18948
  viewOnly && !socialViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
18979
18949
  ((viewOnly && socialViewData) || !viewOnly) && (React.createElement(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) {
18980
18950
  return (React.createElement(React.Fragment, null,
@@ -19017,7 +18987,7 @@ var Social = function (props) {
19017
18987
  socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
19018
18988
  React.createElement(Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
19019
18989
  React.createElement(Radio.Group, { size: "middle", disabled: true },
19020
- React.createElement("div", { className: "radio-container-view" },
18990
+ React.createElement("div", { className: "radio-container" },
19021
18991
  React.createElement(Radio.Button, { className: "radio" }, socialViewData[element.name])))))),
19022
18992
  socialViewData[element.name] === RadioButtonStatus.YES &&
19023
18993
  element.subItems.map(function (elementItem) {
@@ -19025,7 +18995,7 @@ var Social = function (props) {
19025
18995
  return (React.createElement(React.Fragment, null, socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name) && (React.createElement("div", { className: "view-section" },
19026
18996
  React.createElement(Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4" },
19027
18997
  React.createElement(Radio.Group, { size: "middle", disabled: true },
19028
- React.createElement("div", { className: "radio-container-view-child" },
18998
+ React.createElement("div", { className: "radio-container" },
19029
18999
  React.createElement(Radio.Button, { className: "radio" }, socialViewData[elementItem.name]))))))));
19030
19000
  }
19031
19001
  else if (elementItem.type === FormElementType.Input) {
@@ -19040,460 +19010,12 @@ var Social = function (props) {
19040
19010
  })))));
19041
19011
  };
19042
19012
 
19043
- var SocialEnvironmentalRisk = function (props) {
19044
- var onFormSubmit = props.onFormSubmit, SocialEnvironmentalRiskData = props.SocialEnvironmentalRiskData, viewOnly = props.viewOnly, translator = props.translator;
19045
- translator.setDefaultNamespace("socialEnvironmentalRisk");
19046
- var t = translator.t;
19047
- var form = Form.useForm()[0];
19048
- var _a = useState(), socialEnvironmentalFormDetails = _a[0], setSocialEnvironmentalFormDetails = _a[1];
19049
- var _b = useState([
19050
- {
19051
- title: t("humanRightsSubHeader"),
19052
- isTitleVisible: true,
19053
- subItems: [
19054
- {
19055
- title: t("humanRights"),
19056
- isTitleVisible: true,
19057
- subItems: [
19058
- {
19059
- label: t("humanRightsQ1"),
19060
- name: "humanRightsQ1",
19061
- },
19062
- {
19063
- label: t("humanRightsQ2"),
19064
- name: "humanRightsQ2",
19065
- },
19066
- {
19067
- label: t("humanRightsQ3"),
19068
- name: "humanRightsQ3",
19069
- },
19070
- {
19071
- label: t("humanRightsQ4"),
19072
- name: "humanRightsQ4",
19073
- },
19074
- {
19075
- label: t("humanRightsQ5"),
19076
- name: "humanRightsQ5",
19077
- },
19078
- {
19079
- label: t("humanRightsQ6"),
19080
- name: "humanRightsQ6",
19081
- },
19082
- {
19083
- label: t("humanRightsQ7"),
19084
- name: "humanRightsQ7",
19085
- },
19086
- ],
19087
- },
19088
- {
19089
- title: t("genderEqalityWomenEmpower"),
19090
- isTitleVisible: true,
19091
- subItems: [
19092
- {
19093
- label: t("genderEqalityWomenEmpowerQ1"),
19094
- name: "genderEqalityWomenEmpowerQ1",
19095
- },
19096
- {
19097
- label: t("genderEqalityWomenEmpowerQ2"),
19098
- name: "genderEqalityWomenEmpowerQ2",
19099
- },
19100
- {
19101
- label: t("genderEqalityWomenEmpowerQ3"),
19102
- name: "genderEqalityWomenEmpowerQ3",
19103
- },
19104
- {
19105
- label: t("genderEqalityWomenEmpowerQ4"),
19106
- name: "genderEqalityWomenEmpowerQ4",
19107
- },
19108
- {
19109
- label: t("genderEqalityWomenEmpowerQ5"),
19110
- name: "genderEqalityWomenEmpowerQ5",
19111
- },
19112
- ],
19113
- },
19114
- {
19115
- title: t("accountability"),
19116
- isTitleVisible: true,
19117
- subItems: [
19118
- {
19119
- label: t("accountabilityQ1"),
19120
- name: "accountabilityQ1",
19121
- },
19122
- {
19123
- label: t("accountabilityQ2"),
19124
- name: "AccountabilityQ2",
19125
- },
19126
- {
19127
- label: t("accountabilityQ3"),
19128
- name: "accountabilityQ3",
19129
- },
19130
- ],
19131
- },
19132
- ],
19133
- },
19134
- {
19135
- title: t("standardSubHeader"),
19136
- isTitleVisible: true,
19137
- subItems: [
19138
- {
19139
- title: t("standard1"),
19140
- isTitleVisible: true,
19141
- subItems: [
19142
- {
19143
- label: t("standard1Q1"),
19144
- name: "standard1Q1",
19145
- },
19146
- {
19147
- label: t("standard1Q2"),
19148
- name: "standard1Q2",
19149
- },
19150
- {
19151
- label: t("standard1Q3"),
19152
- name: "standard1Q3",
19153
- },
19154
- {
19155
- label: t("standard1Q4"),
19156
- name: "standard1Q4",
19157
- },
19158
- {
19159
- label: t("standard1Q5"),
19160
- name: "standard1Q5",
19161
- },
19162
- {
19163
- label: t("standard1Q6"),
19164
- name: "standard1Q6",
19165
- },
19166
- {
19167
- label: t("standard1Q7"),
19168
- name: "standard1Q7",
19169
- },
19170
- {
19171
- label: t("standard1Q8"),
19172
- name: "standard1Q8",
19173
- },
19174
- {
19175
- label: t("standard1Q9"),
19176
- name: "standard1Q9",
19177
- },
19178
- {
19179
- label: t("standard1Q10"),
19180
- name: "standard1Q10",
19181
- },
19182
- {
19183
- label: t("standard1Q11"),
19184
- name: "standard1Q11",
19185
- },
19186
- {
19187
- label: t("standard1Q12"),
19188
- name: "standard1Q12",
19189
- },
19190
- {
19191
- label: t("standard1Q13"),
19192
- name: "standard1Q13",
19193
- },
19194
- {
19195
- label: t("standard1Q14"),
19196
- name: "standard1Q14",
19197
- },
19198
- ],
19199
- },
19200
- {
19201
- title: t("standard2"),
19202
- isTitleVisible: true,
19203
- subItems: [
19204
- {
19205
- label: t("standard2Q1"),
19206
- name: "standard2Q1",
19207
- },
19208
- {
19209
- label: t("standard2Q2"),
19210
- name: "standard2Q2",
19211
- },
19212
- {
19213
- label: t("standard2Q3"),
19214
- name: "standard2Q3",
19215
- },
19216
- {
19217
- label: t("standard2Q4"),
19218
- name: "standard2Q4",
19219
- },
19220
- ],
19221
- },
19222
- {
19223
- title: t("standard3"),
19224
- isTitleVisible: true,
19225
- subItems: [
19226
- {
19227
- label: t("standard3Q1"),
19228
- name: "standard3Q1",
19229
- },
19230
- {
19231
- label: t("standard3Q2"),
19232
- name: "standard3Q2",
19233
- },
19234
- {
19235
- label: t("standard3Q3"),
19236
- name: "standard3Q3",
19237
- },
19238
- {
19239
- label: t("standard3Q4"),
19240
- name: "standard3Q4",
19241
- },
19242
- {
19243
- label: t("standard3Q5"),
19244
- name: "standard3Q5",
19245
- },
19246
- {
19247
- label: t("standard3Q6"),
19248
- name: "standard3Q6",
19249
- },
19250
- {
19251
- label: t("standard3Q7"),
19252
- name: "standard3Q7",
19253
- },
19254
- {
19255
- label: t("standard3Q8"),
19256
- name: "standard3Q8",
19257
- },
19258
- ],
19259
- },
19260
- {
19261
- title: t("standard4"),
19262
- isTitleVisible: true,
19263
- subItems: [
19264
- {
19265
- label: t("standard4Q1"),
19266
- name: "standard4Q1",
19267
- },
19268
- {
19269
- label: t("standard4Q2"),
19270
- name: "standard4Q2",
19271
- },
19272
- {
19273
- label: t("standard4Q3"),
19274
- name: "standard4Q3",
19275
- },
19276
- {
19277
- label: t("standard4Q4"),
19278
- name: "standard4Q4",
19279
- },
19280
- {
19281
- label: t("standard4Q5"),
19282
- name: "standard4Q5",
19283
- },
19284
- ],
19285
- },
19286
- {
19287
- title: t("standard5"),
19288
- isTitleVisible: true,
19289
- subItems: [
19290
- {
19291
- label: t("standard5Q1"),
19292
- name: "standard5Q1",
19293
- },
19294
- {
19295
- label: t("standard5Q2"),
19296
- name: "standard5Q2",
19297
- },
19298
- {
19299
- label: t("standard5Q3"),
19300
- name: "standard5Q3",
19301
- },
19302
- {
19303
- label: t("standard5Q4"),
19304
- name: "standard5Q4",
19305
- },
19306
- ],
19307
- },
19308
- {
19309
- title: t("standard6"),
19310
- isTitleVisible: true,
19311
- subItems: [
19312
- {
19313
- label: t("standard6Q1"),
19314
- name: "standard6Q1",
19315
- },
19316
- {
19317
- label: t("standard6Q2"),
19318
- name: "standard6Q2",
19319
- },
19320
- {
19321
- label: t("standard6Q3"),
19322
- name: "standard6Q3",
19323
- },
19324
- {
19325
- label: t("standard6Q4"),
19326
- name: "standard6Q4",
19327
- },
19328
- {
19329
- label: t("standard6Q5"),
19330
- name: "standard6Q5",
19331
- },
19332
- {
19333
- label: t("standard6Q6"),
19334
- name: "standard6Q6",
19335
- },
19336
- {
19337
- label: t("standard6Q7"),
19338
- name: "standard6Q7",
19339
- },
19340
- {
19341
- label: t("standard6Q8"),
19342
- name: "standard6Q8",
19343
- },
19344
- {
19345
- label: t("standard6Q9"),
19346
- name: "standard6Q9",
19347
- },
19348
- ],
19349
- },
19350
- {
19351
- title: t("standard7"),
19352
- isTitleVisible: true,
19353
- subItems: [
19354
- {
19355
- label: t("standard7Q1"),
19356
- name: "standard7Q1",
19357
- },
19358
- {
19359
- label: t("standard7Q2"),
19360
- name: "standard7Q2",
19361
- },
19362
- {
19363
- label: t("standard7Q3"),
19364
- name: "standard7Q3",
19365
- },
19366
- {
19367
- label: t("standard7Q4"),
19368
- name: "standard7Q4",
19369
- },
19370
- {
19371
- label: t("standard7Q5"),
19372
- name: "standard7Q5",
19373
- },
19374
- {
19375
- label: t("standard7Q6"),
19376
- name: "standard7Q6",
19377
- },
19378
- ],
19379
- },
19380
- {
19381
- title: t("standard8"),
19382
- isTitleVisible: true,
19383
- subItems: [
19384
- {
19385
- label: t("standard8Q1"),
19386
- name: "standard8Q1",
19387
- },
19388
- {
19389
- label: t("standard8Q2"),
19390
- name: "standard8Q2",
19391
- },
19392
- {
19393
- label: t("standard8Q3"),
19394
- name: "standard8Q3",
19395
- },
19396
- {
19397
- label: t("standard8Q4"),
19398
- name: "standard8Q4",
19399
- },
19400
- {
19401
- label: t("standard8Q5"),
19402
- name: "standard8Q5",
19403
- },
19404
- {
19405
- label: t("standard8Q6"),
19406
- name: "standard8Q6",
19407
- },
19408
- ],
19409
- },
19410
- ],
19411
- },
19412
- ]), socialEnvironmentalDetails = _b[0], setSocialEnvironmentalDetails = _b[1];
19413
- useEffect(function () {
19414
- onFormSubmit(socialEnvironmentalFormDetails);
19415
- }, [socialEnvironmentalFormDetails]);
19416
- useEffect(function () {
19417
- if (SocialEnvironmentalRiskData && !viewOnly) {
19418
- setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
19419
- form.setFieldsValue(SocialEnvironmentalRiskData);
19420
- }
19421
- else if (SocialEnvironmentalRiskData && viewOnly) {
19422
- checkHeaderAvailability();
19423
- }
19424
- }, [SocialEnvironmentalRiskData]);
19425
- var checkHeaderAvailability = function () {
19426
- socialEnvironmentalDetails.forEach(function (section) {
19427
- section.isTitleVisible = false;
19428
- section.subItems.forEach(function (subSection) {
19429
- subSection.isTitleVisible = false;
19430
- subSection.subItems.forEach(function (element) {
19431
- if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
19432
- subSection.isTitleVisible = true;
19433
- }
19434
- });
19435
- if (subSection.isTitleVisible) {
19436
- section.isTitleVisible = true;
19437
- }
19438
- });
19439
- });
19440
- setSocialEnvironmentalDetails(socialEnvironmentalDetails);
19441
- };
19442
- var SocialEnvironmentalDetailsChanged = function (changedValues) { return __awaiter(void 0, void 0, void 0, function () {
19443
- return __generator(this, function (_a) {
19444
- setSocialEnvironmentalFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
19445
- return [2 /*return*/];
19446
- });
19447
- }); };
19448
- return (React.createElement("div", { className: "social-environment-tab-item" },
19449
- viewOnly && !SocialEnvironmentalRiskData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
19450
- ((viewOnly && SocialEnvironmentalRiskData) || !viewOnly) && (React.createElement(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 },
19451
- !viewOnly &&
19452
- socialEnvironmentalDetails.map(function (section) {
19453
- return (React.createElement(React.Fragment, null,
19454
- React.createElement("div", { style: { marginBottom: "15px" } },
19455
- React.createElement("label", { className: "co-sub-header-text" }, section.title)),
19456
- section.subItems.map(function (subSection) {
19457
- return (React.createElement(React.Fragment, null,
19458
- React.createElement("div", { style: { marginBottom: "15px" } },
19459
- React.createElement("label", { className: "co-sub-title-text" }, subSection.title)),
19460
- subSection.subItems.map(function (element) {
19461
- return (React.createElement(Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
19462
- React.createElement(Radio.Group, { size: "middle" },
19463
- React.createElement("div", { className: "radio-container" },
19464
- React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
19465
- React.createElement("div", { className: "radio-container" },
19466
- React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NO }, t("no"))))));
19467
- })));
19468
- })));
19469
- }),
19470
- viewOnly &&
19471
- SocialEnvironmentalRiskData &&
19472
- socialEnvironmentalDetails.map(function (section) {
19473
- return (React.createElement(React.Fragment, null,
19474
- section.isTitleVisible && (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
- subSection.isTitleVisible && (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(React.Fragment, null, SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
19482
- React.createElement(Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
19483
- React.createElement(Radio.Group, { size: "middle", disabled: true },
19484
- React.createElement("div", { className: "radio-container" },
19485
- React.createElement(Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name]))))))));
19486
- })));
19487
- })));
19488
- })))));
19489
- };
19490
-
19491
19013
  var CoBenifitsComponent = function (props) {
19492
19014
  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;
19493
19015
  var _b = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
19494
19016
  var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
19495
19017
  var _d = useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
19496
- translator.setDefaultNamespace("coBenifits");
19018
+ translator.setDefaultNamespace('coBenifits');
19497
19019
  var t = translator.t;
19498
19020
  var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
19499
19021
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
@@ -19518,9 +19040,6 @@ var CoBenifitsComponent = function (props) {
19518
19040
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialValueDetails: socialValueDetails })); });
19519
19041
  setIsSocialFormValid(isFormValid);
19520
19042
  };
19521
- var onSocialEnvironmentalFormSubmit = function (socialEnvironmentDetails) {
19522
- setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialEnvironmentDetails: socialEnvironmentDetails })); });
19523
- };
19524
19043
  var tabItems = [
19525
19044
  {
19526
19045
  label: t("coBenifits:sdgGoals"),
@@ -19537,27 +19056,34 @@ var CoBenifitsComponent = function (props) {
19537
19056
  children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
19538
19057
  },
19539
19058
  {
19540
- label: t("coBenifits:undpSesp"),
19059
+ label: t("coBenifits:safeguards"),
19541
19060
  key: "3",
19542
19061
  children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
19543
19062
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
19544
19063
  },
19545
19064
  {
19546
- label: t("coBenifits:unfcccSdTool"),
19065
+ label: t("coBenifits:environmental"),
19547
19066
  key: "4",
19548
- children: (React.createElement(React.Fragment, null,
19549
- React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
19550
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
19551
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
19552
- : {}
19553
- : undefined, viewOnly: viewOnly || false, translator: translator }),
19554
- React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
19555
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator }),
19556
- React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
19557
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
19558
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
19559
- : {}
19560
- : undefined, viewOnly: viewOnly || false, translator: translator }))),
19067
+ children: (React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
19068
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
19069
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
19070
+ : {}
19071
+ : undefined, viewOnly: viewOnly || false, translator: translator })),
19072
+ },
19073
+ {
19074
+ label: t("coBenifits:social"),
19075
+ key: "5",
19076
+ children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
19077
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator })),
19078
+ },
19079
+ {
19080
+ label: t("coBenifits:economic"),
19081
+ key: "6",
19082
+ children: (React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
19083
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
19084
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
19085
+ : {}
19086
+ : undefined, viewOnly: viewOnly || false, translator: translator })),
19561
19087
  },
19562
19088
  {
19563
19089
  label: t("coBenifits:assessment"),
@@ -19565,12 +19091,6 @@ var CoBenifitsComponent = function (props) {
19565
19091
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
19566
19092
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
19567
19093
  },
19568
- {
19569
- label: t("coBenifits:socialEnvironmentalRisk"),
19570
- key: "8",
19571
- children: (React.createElement(SocialEnvironmentalRisk, { onFormSubmit: onSocialEnvironmentalFormSubmit, SocialEnvironmentalRiskData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialEnvironmentDetails)) ||
19572
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialEnvironmentDetails)), viewOnly: viewOnly || false, translator: translator })),
19573
- },
19574
19094
  ];
19575
19095
  var onCoBenefitSubmit = function () {
19576
19096
  var economicOverallValidation = true;
@@ -19685,7 +19205,7 @@ var CoBenifitsComponent = function (props) {
19685
19205
  if (environmentalOverallValidation !== true) {
19686
19206
  message.open({
19687
19207
  type: "error",
19688
- content: "Fill the required fields in Co-benifits UNFCCC SD Tool section",
19208
+ content: "Fill the required fields in Co-benifits Environmental section",
19689
19209
  duration: 4,
19690
19210
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19691
19211
  });
@@ -19694,7 +19214,7 @@ var CoBenifitsComponent = function (props) {
19694
19214
  if (!isSocialFormValid) {
19695
19215
  message.open({
19696
19216
  type: "error",
19697
- content: "Fill the required fields in Co-benifits UNFCCC SD Tool section",
19217
+ content: "Fill the required fields in Co-benifits Social section",
19698
19218
  duration: 4,
19699
19219
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19700
19220
  });
@@ -19703,7 +19223,7 @@ var CoBenifitsComponent = function (props) {
19703
19223
  if (economicOverallValidation !== true) {
19704
19224
  message.open({
19705
19225
  type: "error",
19706
- content: "Fill the required fields in Co-benifits UNFCCC SD Tool section",
19226
+ content: "Fill the required fields in Co-benifits Economic section",
19707
19227
  duration: 4,
19708
19228
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19709
19229
  });
@@ -24987,6 +24507,7 @@ var NdcDetailsComponent = function (props) {
24987
24507
  var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
24988
24508
  var selectedPeriod = useRef({});
24989
24509
  var addedNdcDetailId = useRef(0);
24510
+ var selectedNdcDetail = useRef({});
24990
24511
  var userInfoState = useUserContext().userInfoState;
24991
24512
  var isAddRangeVisible = function () {
24992
24513
  return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
@@ -25019,6 +24540,15 @@ var NdcDetailsComponent = function (props) {
25019
24540
  return [];
25020
24541
  }
25021
24542
  };
24543
+ var getSubNdcDetails = function (key) {
24544
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24545
+ if (ndcDetail) {
24546
+ return ndcDetail.subNdcDetails;
24547
+ }
24548
+ else {
24549
+ return [];
24550
+ }
24551
+ };
25022
24552
  var defaultColumns = [
25023
24553
  {
25024
24554
  title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -25035,7 +24565,7 @@ var NdcDetailsComponent = function (props) {
25035
24565
  editable: true,
25036
24566
  },
25037
24567
  {
25038
- title: 'Ministry',
24568
+ title: "Ministry",
25039
24569
  dataIndex: "ministry",
25040
24570
  key: "ministry",
25041
24571
  align: "left",
@@ -25063,10 +24593,32 @@ var NdcDetailsComponent = function (props) {
25063
24593
  endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
25064
24594
  nationalPlanObj: t("ndc:enterNewPlanTxt"),
25065
24595
  kpi: 0,
25066
- ministry: "Please add the Ministry name"
24596
+ ministry: "Please add the Ministry name",
25067
24597
  };
25068
24598
  setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
25069
24599
  }
24600
+ function onAddNewSubNdcDetail() {
24601
+ var range = selectedTab.split("-");
24602
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
24603
+ var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
24604
+ if (ndcDetail) {
24605
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24606
+ var newData = {
24607
+ key: addedNdcDetailId.current,
24608
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24609
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24610
+ nationalPlanObj: t("ndc:enterNewPlanTxt"),
24611
+ kpi: 0,
24612
+ ministry: "Please add the Ministry name",
24613
+ };
24614
+ if (!ndcDetail.subNdcDetails) {
24615
+ ndcDetail.subNdcDetails = [];
24616
+ }
24617
+ ndcDetail.subNdcDetails.push(newData);
24618
+ }
24619
+ ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
24620
+ setNdcDetailsData(ndcDetailsData);
24621
+ }
25070
24622
  var components = {
25071
24623
  body: {
25072
24624
  row: EditableRow,
@@ -25145,6 +24697,16 @@ var NdcDetailsComponent = function (props) {
25145
24697
  React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
25146
24698
  React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
25147
24699
  }
24700
+ function getSubNdcActionContent(record) {
24701
+ selectedNdcDetail.current = record;
24702
+ return (React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false, footer: function () {
24703
+ return (React.createElement(Row, { justify: "center" },
24704
+ React.createElement(Button, { onClick: onAddNewSubNdcDetail, type: "default", style: {
24705
+ marginBottom: 16,
24706
+ width: "100%",
24707
+ } }, t("ndc:addSubNdcAction"))));
24708
+ } }));
24709
+ }
25148
24710
  var onTabChange = function (key) {
25149
24711
  setSelectedTab(key);
25150
24712
  };
@@ -25156,7 +24718,17 @@ var NdcDetailsComponent = function (props) {
25156
24718
  endDate: new Date("2020-03-25"),
25157
24719
  nationalPlanObj: "Enhance value addition in key growth opportunities",
25158
24720
  kpi: 25,
25159
- ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
24721
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24722
+ subNdcDetails: [
24723
+ {
24724
+ key: 6,
24725
+ startDate: new Date("2019-03-25"),
24726
+ endDate: new Date("2020-03-25"),
24727
+ nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
24728
+ kpi: 25,
24729
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24730
+ },
24731
+ ],
25160
24732
  },
25161
24733
  {
25162
24734
  key: 2,
@@ -25164,7 +24736,7 @@ var NdcDetailsComponent = function (props) {
25164
24736
  endDate: new Date("2019-08-25"),
25165
24737
  nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
25166
24738
  kpi: 10500,
25167
- ministry: "Ministry of Tourism (MoT)"
24739
+ ministry: "Ministry of Tourism (MoT)",
25168
24740
  },
25169
24741
  {
25170
24742
  key: 3,
@@ -25172,7 +24744,7 @@ var NdcDetailsComponent = function (props) {
25172
24744
  endDate: new Date("2022-03-25"),
25173
24745
  nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
25174
24746
  kpi: 48,
25175
- ministry: "Ministry of Education, Arts and Culture (MoE)"
24747
+ ministry: "Ministry of Education, Arts and Culture (MoE)",
25176
24748
  },
25177
24749
  {
25178
24750
  key: 4,
@@ -25180,7 +24752,7 @@ var NdcDetailsComponent = function (props) {
25180
24752
  endDate: new Date("2022-05-25"),
25181
24753
  nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
25182
24754
  kpi: 20,
25183
- ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
24755
+ ministry: "Ministry of Environment, Forestry and Tourism (MEFT)",
25184
24756
  },
25185
24757
  {
25186
24758
  key: 5,
@@ -25188,7 +24760,7 @@ var NdcDetailsComponent = function (props) {
25188
24760
  endDate: new Date("2023-03-25"),
25189
24761
  nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
25190
24762
  kpi: 10,
25191
- ministry: "Ministry of Tourism (MoT)"
24763
+ ministry: "Ministry of Tourism (MoT)",
25192
24764
  },
25193
24765
  ];
25194
24766
  var initialPeriods = [
@@ -25231,7 +24803,9 @@ var NdcDetailsComponent = function (props) {
25231
24803
  React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
25232
24804
  selectedTab !== "add_new" && (React.createElement("div", null,
25233
24805
  React.createElement("div", null,
25234
- React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
24806
+ React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
24807
+ expandedRowRender: function (record) { return getSubNdcActionContent(record); },
24808
+ }, footer: function () {
25235
24809
  return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
25236
24810
  React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
25237
24811
  marginBottom: 16,