@undp/carbon-library 1.0.262-CARBON-350.6 → 1.0.262

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -18596,7 +18596,7 @@ var NdcActionDetails = function (props) {
18596
18596
  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";
18597
18597
  styleInject(css_248z$f);
18598
18598
 
18599
- 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 .co-benifits-container .benifits-tabs .social-environment-tab-item .social-environment-risk-title-section {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 15px;\n margin-top: 5px; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .social-environment-risk-title-section:not(:first-child) {\n border-top: 1px solid rgba(58, 53, 65, 0.5) !important; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .social-environment-risk-title-section:first-child {\n border-bottom: 1px solid rgba(58, 53, 65, 0.5) !important; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .social-environment-risk-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";
18599
+ 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";
18600
18600
  styleInject(css_248z$e);
18601
18601
 
18602
18602
  var GenderParity = function (props) {
@@ -19698,13 +19698,6 @@ var Safeguards = function (props) {
19698
19698
  return (React.createElement(React.Fragment, null,
19699
19699
  viewOnly && !safeGuardViewData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
19700
19700
  ((viewOnly && safeGuardViewData) || !viewOnly) && (React.createElement("div", { className: "safeguard-tab-item" },
19701
- React.createElement("div", { className: "undpSesp-section-wrapper" },
19702
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: "100%" } },
19703
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
19704
- React.createElement("span", null,
19705
- React.createElement("a", { target: "_blank", href: "https://www4.unfccc.int/sites/sdcmicrosite/Pages/Create-a-report.aspx" }, t("undpSespTitle")))),
19706
- React.createElement(antd.Col, { span: 24 },
19707
- React.createElement("div", { className: "undpSesp-section-divider" })))),
19708
19701
  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) {
19709
19702
  return (React.createElement(React.Fragment, null,
19710
19703
  (sectionItem.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
@@ -19771,7 +19764,7 @@ var Safeguards = function (props) {
19771
19764
 
19772
19765
  var Environmental = function (props) {
19773
19766
  var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
19774
- translator.setDefaultNamespace("unfcccSdTool");
19767
+ translator.setDefaultNamespace('environment');
19775
19768
  var t = translator.t;
19776
19769
  var environmentalDetailsInitial = [
19777
19770
  {
@@ -20056,51 +20049,39 @@ var Environmental = function (props) {
20056
20049
  }, []);
20057
20050
  return (React.createElement("div", { className: "co-benifits-tab-item" },
20058
20051
  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 },
20059
- React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" },
20060
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
20061
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: "100%" } },
20062
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
20063
- React.createElement("span", null,
20064
- React.createElement("a", { target: "_blank", href: "https://www4.unfccc.int/sites/sdcmicrosite/Pages/Create-a-report.aspx" }, t("unfcccSdToolTitle")))),
20065
- React.createElement(antd.Col, { span: 24 },
20066
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
20067
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
20068
- React.createElement("span", null, t("environmental"))),
20069
- React.createElement(antd.Col, { span: 24 },
20070
- React.createElement("div", { className: "unfccSdTool-section-divider", style: { marginBottom: "20px" } })))),
20071
- (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 :
20072
- environmentalDetails.map(function (environmentalDetail) {
20073
- var _a;
20074
- return (React.createElement(React.Fragment, null,
20075
- 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 :
20076
- _a.map(function (field, index) {
20077
- 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: [
20078
- {
20079
- required: field === null || field === void 0 ? void 0 : field.required,
20080
- message: (field === null || field === void 0 ? void 0 : field.required) &&
20081
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
20082
- },
20083
- ] },
20084
- React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
20085
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
20086
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
20087
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
20088
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
20089
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
20090
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
20091
- React.createElement("div", { className: "yes-no-radio-container" },
20092
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
20093
- React.createElement("div", { className: "yes-no-radio-container" },
20094
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
20095
- React.createElement("div", { className: "yes-no-radio-container" },
20096
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
20097
- })));
20098
- })))));
20052
+ (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
20053
+ React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" }, environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.map(function (environmentalDetail) {
20054
+ var _a;
20055
+ return (React.createElement(React.Fragment, null,
20056
+ 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 :
20057
+ _a.map(function (field, index) {
20058
+ 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: [
20059
+ {
20060
+ required: field === null || field === void 0 ? void 0 : field.required,
20061
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
20062
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
20063
+ },
20064
+ ] },
20065
+ React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
20066
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
20067
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
20068
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
20069
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
20070
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
20071
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
20072
+ React.createElement("div", { className: "yes-no-radio-container" },
20073
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
20074
+ React.createElement("div", { className: "yes-no-radio-container" },
20075
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
20076
+ React.createElement("div", { className: "yes-no-radio-container" },
20077
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
20078
+ })));
20079
+ })))));
20099
20080
  };
20100
20081
 
20101
20082
  var Economic = function (props) {
20102
20083
  var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
20103
- translator.setDefaultNamespace("unfcccSdTool");
20084
+ translator.setDefaultNamespace("economic");
20104
20085
  var t = translator.t;
20105
20086
  var economicDetailsInitial = [
20106
20087
  {
@@ -20353,46 +20334,39 @@ var Economic = function (props) {
20353
20334
  }, []);
20354
20335
  return (React.createElement("div", { className: "co-benifits-tab-item" },
20355
20336
  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 },
20356
- React.createElement("div", { className: economicViewData ? "section view-section" : "section" },
20357
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
20358
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
20359
- React.createElement(antd.Col, { span: 24 },
20360
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
20361
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
20362
- React.createElement("span", null, t("economic"))))),
20363
- (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 :
20364
- economicDetails.map(function (environmentalDetail) {
20365
- var _a;
20366
- return (React.createElement(React.Fragment, null,
20367
- 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 :
20368
- _a.map(function (field, index) {
20369
- 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: [
20370
- {
20371
- required: field === null || field === void 0 ? void 0 : field.required,
20372
- message: (field === null || field === void 0 ? void 0 : field.required) &&
20373
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
20374
- },
20375
- ] },
20376
- React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
20377
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
20378
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
20379
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
20380
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
20381
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
20382
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
20383
- React.createElement("div", { className: "yes-no-radio-container" },
20384
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
20385
- React.createElement("div", { className: "yes-no-radio-container" },
20386
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
20387
- React.createElement("div", { className: "yes-no-radio-container" },
20388
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
20389
- })));
20390
- })))));
20337
+ (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
20338
+ React.createElement("div", { className: economicViewData ? "section view-section" : "section" }, economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.map(function (environmentalDetail) {
20339
+ var _a;
20340
+ return (React.createElement(React.Fragment, null,
20341
+ 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 :
20342
+ _a.map(function (field, index) {
20343
+ 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: [
20344
+ {
20345
+ required: field === null || field === void 0 ? void 0 : field.required,
20346
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
20347
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
20348
+ },
20349
+ ] },
20350
+ React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
20351
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
20352
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
20353
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
20354
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
20355
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
20356
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
20357
+ React.createElement("div", { className: "yes-no-radio-container" },
20358
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
20359
+ React.createElement("div", { className: "yes-no-radio-container" },
20360
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
20361
+ React.createElement("div", { className: "yes-no-radio-container" },
20362
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
20363
+ })));
20364
+ })))));
20391
20365
  };
20392
20366
 
20393
20367
  var Social = function (props) {
20394
20368
  var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
20395
- translator.setDefaultNamespace("unfcccSdTool");
20369
+ translator.setDefaultNamespace("social");
20396
20370
  var t = translator.t;
20397
20371
  var form = antd.Form.useForm()[0];
20398
20372
  var _a = React.useState(0); _a[0]; var setRefreshCounter = _a[1];
@@ -20611,12 +20585,6 @@ var Social = function (props) {
20611
20585
  validateForm();
20612
20586
  });
20613
20587
  return (React.createElement("div", { className: "social-tab-item" },
20614
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
20615
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
20616
- React.createElement(antd.Col, { span: 24 },
20617
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
20618
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
20619
- React.createElement("span", null, t("social"))))),
20620
20588
  viewOnly && !socialViewData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
20621
20589
  ((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) {
20622
20590
  return (React.createElement(React.Fragment, null,
@@ -20659,7 +20627,7 @@ var Social = function (props) {
20659
20627
  socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
20660
20628
  React.createElement(antd.Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
20661
20629
  React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
20662
- React.createElement("div", { className: "radio-container-view" },
20630
+ React.createElement("div", { className: "radio-container" },
20663
20631
  React.createElement(antd.Radio.Button, { className: "radio" }, socialViewData[element.name])))))),
20664
20632
  socialViewData[element.name] === exports.RadioButtonStatus.YES &&
20665
20633
  element.subItems.map(function (elementItem) {
@@ -20667,7 +20635,7 @@ var Social = function (props) {
20667
20635
  return (React.createElement(React.Fragment, null, socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name) && (React.createElement("div", { className: "view-section" },
20668
20636
  React.createElement(antd.Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4" },
20669
20637
  React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
20670
- React.createElement("div", { className: "radio-container-view-child" },
20638
+ React.createElement("div", { className: "radio-container" },
20671
20639
  React.createElement(antd.Radio.Button, { className: "radio" }, socialViewData[elementItem.name]))))))));
20672
20640
  }
20673
20641
  else if (elementItem.type === exports.FormElementType.Input) {
@@ -20682,464 +20650,12 @@ var Social = function (props) {
20682
20650
  })))));
20683
20651
  };
20684
20652
 
20685
- var SocialEnvironmentalRisk = function (props) {
20686
- var onFormSubmit = props.onFormSubmit, SocialEnvironmentalRiskData = props.SocialEnvironmentalRiskData, viewOnly = props.viewOnly, translator = props.translator;
20687
- translator.setDefaultNamespace("socialEnvironmentalRisk");
20688
- var t = translator.t;
20689
- var form = antd.Form.useForm()[0];
20690
- var _a = React.useState(), socialEnvironmentalFormDetails = _a[0], setSocialEnvironmentalFormDetails = _a[1];
20691
- var _b = React.useState([
20692
- {
20693
- title: t("humanRightsSubHeader"),
20694
- isTitleVisible: true,
20695
- subItems: [
20696
- {
20697
- title: t("humanRights"),
20698
- isTitleVisible: true,
20699
- subItems: [
20700
- {
20701
- label: t("humanRightsQ1"),
20702
- name: "humanRightsQ1",
20703
- },
20704
- {
20705
- label: t("humanRightsQ2"),
20706
- name: "humanRightsQ2",
20707
- },
20708
- {
20709
- label: t("humanRightsQ3"),
20710
- name: "humanRightsQ3",
20711
- },
20712
- {
20713
- label: t("humanRightsQ4"),
20714
- name: "humanRightsQ4",
20715
- },
20716
- {
20717
- label: t("humanRightsQ5"),
20718
- name: "humanRightsQ5",
20719
- },
20720
- {
20721
- label: t("humanRightsQ6"),
20722
- name: "humanRightsQ6",
20723
- },
20724
- {
20725
- label: t("humanRightsQ7"),
20726
- name: "humanRightsQ7",
20727
- },
20728
- ],
20729
- },
20730
- {
20731
- title: t("genderEqalityWomenEmpower"),
20732
- isTitleVisible: true,
20733
- subItems: [
20734
- {
20735
- label: t("genderEqalityWomenEmpowerQ1"),
20736
- name: "genderEqalityWomenEmpowerQ1",
20737
- },
20738
- {
20739
- label: t("genderEqalityWomenEmpowerQ2"),
20740
- name: "genderEqalityWomenEmpowerQ2",
20741
- },
20742
- {
20743
- label: t("genderEqalityWomenEmpowerQ3"),
20744
- name: "genderEqalityWomenEmpowerQ3",
20745
- },
20746
- {
20747
- label: t("genderEqalityWomenEmpowerQ4"),
20748
- name: "genderEqalityWomenEmpowerQ4",
20749
- },
20750
- {
20751
- label: t("genderEqalityWomenEmpowerQ5"),
20752
- name: "genderEqalityWomenEmpowerQ5",
20753
- },
20754
- ],
20755
- },
20756
- {
20757
- title: t("accountability"),
20758
- isTitleVisible: true,
20759
- subItems: [
20760
- {
20761
- label: t("accountabilityQ1"),
20762
- name: "accountabilityQ1",
20763
- },
20764
- {
20765
- label: t("accountabilityQ2"),
20766
- name: "AccountabilityQ2",
20767
- },
20768
- {
20769
- label: t("accountabilityQ3"),
20770
- name: "accountabilityQ3",
20771
- },
20772
- ],
20773
- },
20774
- ],
20775
- },
20776
- {
20777
- title: t("standardSubHeader"),
20778
- isTitleVisible: true,
20779
- subItems: [
20780
- {
20781
- title: t("standard1"),
20782
- isTitleVisible: true,
20783
- subItems: [
20784
- {
20785
- label: t("standard1Q1"),
20786
- name: "standard1Q1",
20787
- },
20788
- {
20789
- label: t("standard1Q2"),
20790
- name: "standard1Q2",
20791
- },
20792
- {
20793
- label: t("standard1Q3"),
20794
- name: "standard1Q3",
20795
- },
20796
- {
20797
- label: t("standard1Q4"),
20798
- name: "standard1Q4",
20799
- },
20800
- {
20801
- label: t("standard1Q5"),
20802
- name: "standard1Q5",
20803
- },
20804
- {
20805
- label: t("standard1Q6"),
20806
- name: "standard1Q6",
20807
- },
20808
- {
20809
- label: t("standard1Q7"),
20810
- name: "standard1Q7",
20811
- },
20812
- {
20813
- label: t("standard1Q8"),
20814
- name: "standard1Q8",
20815
- },
20816
- {
20817
- label: t("standard1Q9"),
20818
- name: "standard1Q9",
20819
- },
20820
- {
20821
- label: t("standard1Q10"),
20822
- name: "standard1Q10",
20823
- },
20824
- {
20825
- label: t("standard1Q11"),
20826
- name: "standard1Q11",
20827
- },
20828
- {
20829
- label: t("standard1Q12"),
20830
- name: "standard1Q12",
20831
- },
20832
- {
20833
- label: t("standard1Q13"),
20834
- name: "standard1Q13",
20835
- },
20836
- {
20837
- label: t("standard1Q14"),
20838
- name: "standard1Q14",
20839
- },
20840
- ],
20841
- },
20842
- {
20843
- title: t("standard2"),
20844
- isTitleVisible: true,
20845
- subItems: [
20846
- {
20847
- label: t("standard2Q1"),
20848
- name: "standard2Q1",
20849
- },
20850
- {
20851
- label: t("standard2Q2"),
20852
- name: "standard2Q2",
20853
- },
20854
- {
20855
- label: t("standard2Q3"),
20856
- name: "standard2Q3",
20857
- },
20858
- {
20859
- label: t("standard2Q4"),
20860
- name: "standard2Q4",
20861
- },
20862
- ],
20863
- },
20864
- {
20865
- title: t("standard3"),
20866
- isTitleVisible: true,
20867
- subItems: [
20868
- {
20869
- label: t("standard3Q1"),
20870
- name: "standard3Q1",
20871
- },
20872
- {
20873
- label: t("standard3Q2"),
20874
- name: "standard3Q2",
20875
- },
20876
- {
20877
- label: t("standard3Q3"),
20878
- name: "standard3Q3",
20879
- },
20880
- {
20881
- label: t("standard3Q4"),
20882
- name: "standard3Q4",
20883
- },
20884
- {
20885
- label: t("standard3Q5"),
20886
- name: "standard3Q5",
20887
- },
20888
- {
20889
- label: t("standard3Q6"),
20890
- name: "standard3Q6",
20891
- },
20892
- {
20893
- label: t("standard3Q7"),
20894
- name: "standard3Q7",
20895
- },
20896
- {
20897
- label: t("standard3Q8"),
20898
- name: "standard3Q8",
20899
- },
20900
- ],
20901
- },
20902
- {
20903
- title: t("standard4"),
20904
- isTitleVisible: true,
20905
- subItems: [
20906
- {
20907
- label: t("standard4Q1"),
20908
- name: "standard4Q1",
20909
- },
20910
- {
20911
- label: t("standard4Q2"),
20912
- name: "standard4Q2",
20913
- },
20914
- {
20915
- label: t("standard4Q3"),
20916
- name: "standard4Q3",
20917
- },
20918
- {
20919
- label: t("standard4Q4"),
20920
- name: "standard4Q4",
20921
- },
20922
- {
20923
- label: t("standard4Q5"),
20924
- name: "standard4Q5",
20925
- },
20926
- ],
20927
- },
20928
- {
20929
- title: t("standard5"),
20930
- isTitleVisible: true,
20931
- subItems: [
20932
- {
20933
- label: t("standard5Q1"),
20934
- name: "standard5Q1",
20935
- },
20936
- {
20937
- label: t("standard5Q2"),
20938
- name: "standard5Q2",
20939
- },
20940
- {
20941
- label: t("standard5Q3"),
20942
- name: "standard5Q3",
20943
- },
20944
- {
20945
- label: t("standard5Q4"),
20946
- name: "standard5Q4",
20947
- },
20948
- ],
20949
- },
20950
- {
20951
- title: t("standard6"),
20952
- isTitleVisible: true,
20953
- subItems: [
20954
- {
20955
- label: t("standard6Q1"),
20956
- name: "standard6Q1",
20957
- },
20958
- {
20959
- label: t("standard6Q2"),
20960
- name: "standard6Q2",
20961
- },
20962
- {
20963
- label: t("standard6Q3"),
20964
- name: "standard6Q3",
20965
- },
20966
- {
20967
- label: t("standard6Q4"),
20968
- name: "standard6Q4",
20969
- },
20970
- {
20971
- label: t("standard6Q5"),
20972
- name: "standard6Q5",
20973
- },
20974
- {
20975
- label: t("standard6Q6"),
20976
- name: "standard6Q6",
20977
- },
20978
- {
20979
- label: t("standard6Q7"),
20980
- name: "standard6Q7",
20981
- },
20982
- {
20983
- label: t("standard6Q8"),
20984
- name: "standard6Q8",
20985
- },
20986
- {
20987
- label: t("standard6Q9"),
20988
- name: "standard6Q9",
20989
- },
20990
- ],
20991
- },
20992
- {
20993
- title: t("standard7"),
20994
- isTitleVisible: true,
20995
- subItems: [
20996
- {
20997
- label: t("standard7Q1"),
20998
- name: "standard7Q1",
20999
- },
21000
- {
21001
- label: t("standard7Q2"),
21002
- name: "standard7Q2",
21003
- },
21004
- {
21005
- label: t("standard7Q3"),
21006
- name: "standard7Q3",
21007
- },
21008
- {
21009
- label: t("standard7Q4"),
21010
- name: "standard7Q4",
21011
- },
21012
- {
21013
- label: t("standard7Q5"),
21014
- name: "standard7Q5",
21015
- },
21016
- {
21017
- label: t("standard7Q6"),
21018
- name: "standard7Q6",
21019
- },
21020
- ],
21021
- },
21022
- {
21023
- title: t("standard8"),
21024
- isTitleVisible: true,
21025
- subItems: [
21026
- {
21027
- label: t("standard8Q1"),
21028
- name: "standard8Q1",
21029
- },
21030
- {
21031
- label: t("standard8Q2"),
21032
- name: "standard8Q2",
21033
- },
21034
- {
21035
- label: t("standard8Q3"),
21036
- name: "standard8Q3",
21037
- },
21038
- {
21039
- label: t("standard8Q4"),
21040
- name: "standard8Q4",
21041
- },
21042
- {
21043
- label: t("standard8Q5"),
21044
- name: "standard8Q5",
21045
- },
21046
- {
21047
- label: t("standard8Q6"),
21048
- name: "standard8Q6",
21049
- },
21050
- ],
21051
- },
21052
- ],
21053
- },
21054
- ]), socialEnvironmentalDetails = _b[0], setSocialEnvironmentalDetails = _b[1];
21055
- React.useEffect(function () {
21056
- onFormSubmit(socialEnvironmentalFormDetails);
21057
- }, [socialEnvironmentalFormDetails]);
21058
- React.useEffect(function () {
21059
- if (SocialEnvironmentalRiskData && !viewOnly) {
21060
- setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
21061
- form.setFieldsValue(SocialEnvironmentalRiskData);
21062
- }
21063
- else if (SocialEnvironmentalRiskData && viewOnly) {
21064
- checkHeaderAvailability();
21065
- }
21066
- }, [SocialEnvironmentalRiskData]);
21067
- var checkHeaderAvailability = function () {
21068
- socialEnvironmentalDetails.forEach(function (section) {
21069
- section.isTitleVisible = false;
21070
- section.subItems.forEach(function (subSection) {
21071
- subSection.isTitleVisible = false;
21072
- subSection.subItems.forEach(function (element) {
21073
- if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
21074
- subSection.isTitleVisible = true;
21075
- }
21076
- });
21077
- if (subSection.isTitleVisible) {
21078
- section.isTitleVisible = true;
21079
- }
21080
- });
21081
- });
21082
- setSocialEnvironmentalDetails(socialEnvironmentalDetails);
21083
- };
21084
- var SocialEnvironmentalDetailsChanged = function (changedValues) { return __awaiter(void 0, void 0, void 0, function () {
21085
- return __generator(this, function (_a) {
21086
- setSocialEnvironmentalFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
21087
- return [2 /*return*/];
21088
- });
21089
- }); };
21090
- return (React.createElement("div", { className: "social-environment-tab-item" },
21091
- viewOnly && !SocialEnvironmentalRiskData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
21092
- ((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 },
21093
- !viewOnly &&
21094
- socialEnvironmentalDetails.map(function (section) {
21095
- return (React.createElement(React.Fragment, null,
21096
- React.createElement("div", { className: "social-environment-risk-title-section" },
21097
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: "100%" } },
21098
- React.createElement(antd.Col, { span: 24, className: "social-environment-risk-title" },
21099
- React.createElement("span", null, section.title)))),
21100
- section.subItems.map(function (subSection) {
21101
- return (React.createElement(React.Fragment, null,
21102
- React.createElement("div", { style: { marginBottom: "15px" } },
21103
- React.createElement("label", { className: "co-sub-title-text" }, subSection.title)),
21104
- subSection.subItems.map(function (element) {
21105
- return (React.createElement(antd.Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
21106
- React.createElement(antd.Radio.Group, { size: "middle" },
21107
- React.createElement("div", { className: "radio-container" },
21108
- React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
21109
- React.createElement("div", { className: "radio-container" },
21110
- React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("no"))))));
21111
- })));
21112
- })));
21113
- }),
21114
- viewOnly &&
21115
- SocialEnvironmentalRiskData &&
21116
- socialEnvironmentalDetails.map(function (section) {
21117
- return (React.createElement(React.Fragment, null,
21118
- section.isTitleVisible && (React.createElement("div", { className: "social-environment-risk-title-section" },
21119
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: "100%" } },
21120
- React.createElement(antd.Col, { span: 24, className: "social-environment-risk-title" },
21121
- React.createElement("span", null, section.title))))),
21122
- section.subItems.map(function (subSection) {
21123
- return (React.createElement(React.Fragment, null,
21124
- subSection.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
21125
- React.createElement("label", { className: "co-sub-title-text" }, subSection.title))),
21126
- subSection.subItems.map(function (element) {
21127
- return (React.createElement(React.Fragment, null, SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
21128
- React.createElement(antd.Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
21129
- React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
21130
- React.createElement("div", { className: "radio-container" },
21131
- React.createElement(antd.Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name]))))))));
21132
- })));
21133
- })));
21134
- })))));
21135
- };
21136
-
21137
20653
  var CoBenifitsComponent = function (props) {
21138
20654
  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;
21139
20655
  var _b = React.useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
21140
20656
  var _c = React.useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
21141
20657
  var _d = React.useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
21142
- translator.setDefaultNamespace("coBenifits");
20658
+ translator.setDefaultNamespace('coBenifits');
21143
20659
  var t = translator.t;
21144
20660
  var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
21145
20661
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
@@ -21164,9 +20680,6 @@ var CoBenifitsComponent = function (props) {
21164
20680
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialValueDetails: socialValueDetails })); });
21165
20681
  setIsSocialFormValid(isFormValid);
21166
20682
  };
21167
- var onSocialEnvironmentalFormSubmit = function (socialEnvironmentDetails) {
21168
- setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialEnvironmentDetails: socialEnvironmentDetails })); });
21169
- };
21170
20683
  var tabItems = [
21171
20684
  {
21172
20685
  label: t("coBenifits:sdgGoals"),
@@ -21183,27 +20696,34 @@ var CoBenifitsComponent = function (props) {
21183
20696
  children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
21184
20697
  },
21185
20698
  {
21186
- label: t("coBenifits:undpSesp"),
20699
+ label: t("coBenifits:safeguards"),
21187
20700
  key: "3",
21188
20701
  children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
21189
20702
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
21190
20703
  },
21191
20704
  {
21192
- label: t("coBenifits:unfcccSdTool"),
20705
+ label: t("coBenifits:environmental"),
21193
20706
  key: "4",
21194
- children: (React.createElement(React.Fragment, null,
21195
- React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
21196
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
21197
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
21198
- : {}
21199
- : undefined, viewOnly: viewOnly || false, translator: translator }),
21200
- React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
21201
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator }),
21202
- React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
21203
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
21204
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
21205
- : {}
21206
- : undefined, viewOnly: viewOnly || false, translator: translator }))),
20707
+ children: (React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
20708
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
20709
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
20710
+ : {}
20711
+ : undefined, viewOnly: viewOnly || false, translator: translator })),
20712
+ },
20713
+ {
20714
+ label: t("coBenifits:social"),
20715
+ key: "5",
20716
+ children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
20717
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator })),
20718
+ },
20719
+ {
20720
+ label: t("coBenifits:economic"),
20721
+ key: "6",
20722
+ children: (React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
20723
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
20724
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
20725
+ : {}
20726
+ : undefined, viewOnly: viewOnly || false, translator: translator })),
21207
20727
  },
21208
20728
  {
21209
20729
  label: t("coBenifits:assessment"),
@@ -21211,12 +20731,6 @@ var CoBenifitsComponent = function (props) {
21211
20731
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
21212
20732
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
21213
20733
  },
21214
- {
21215
- label: t("coBenifits:socialEnvironmentalRisk"),
21216
- key: "8",
21217
- children: (React.createElement(SocialEnvironmentalRisk, { onFormSubmit: onSocialEnvironmentalFormSubmit, SocialEnvironmentalRiskData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialEnvironmentDetails)) ||
21218
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialEnvironmentDetails)), viewOnly: viewOnly || false, translator: translator })),
21219
- },
21220
20734
  ];
21221
20735
  var onCoBenefitSubmit = function () {
21222
20736
  var economicOverallValidation = true;
@@ -21331,7 +20845,7 @@ var CoBenifitsComponent = function (props) {
21331
20845
  if (environmentalOverallValidation !== true) {
21332
20846
  antd.message.open({
21333
20847
  type: "error",
21334
- content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
20848
+ content: "Fill the required fields in Co-benifits Environmental section",
21335
20849
  duration: 4,
21336
20850
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
21337
20851
  });
@@ -21340,7 +20854,7 @@ var CoBenifitsComponent = function (props) {
21340
20854
  if (!isSocialFormValid) {
21341
20855
  antd.message.open({
21342
20856
  type: "error",
21343
- content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
20857
+ content: "Fill the required fields in Co-benifits Social section",
21344
20858
  duration: 4,
21345
20859
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
21346
20860
  });
@@ -21349,7 +20863,7 @@ var CoBenifitsComponent = function (props) {
21349
20863
  if (economicOverallValidation !== true) {
21350
20864
  antd.message.open({
21351
20865
  type: "error",
21352
- content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
20866
+ content: "Fill the required fields in Co-benifits Economic section",
21353
20867
  duration: 4,
21354
20868
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
21355
20869
  });
@@ -21358,7 +20872,7 @@ var CoBenifitsComponent = function (props) {
21358
20872
  if (!isAssessmentFormValid) {
21359
20873
  antd.message.open({
21360
20874
  type: "error",
21361
- content: "Fill the required fields in Co-benefits Assessment section",
20875
+ content: "Fill the required fields in Co-benifits Assessment section",
21362
20876
  duration: 4,
21363
20877
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
21364
20878
  });