@undp/carbon-library 1.0.270 → 1.0.271-CARBON-350.0

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