@undp/carbon-library 1.0.270 → 1.0.271

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/esm/index.js CHANGED
@@ -18578,7 +18578,7 @@ var NdcActionDetails = function (props) {
18578
18578
  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";
18579
18579
  styleInject(css_248z$f);
18580
18580
 
18581
- 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";
18581
+ 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";
18582
18582
  styleInject(css_248z$e);
18583
18583
 
18584
18584
  var GenderParity = function (props) {
@@ -19680,6 +19680,13 @@ var Safeguards = function (props) {
19680
19680
  return (React.createElement(React.Fragment, null,
19681
19681
  viewOnly && !safeGuardViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
19682
19682
  ((viewOnly && safeGuardViewData) || !viewOnly) && (React.createElement("div", { className: "safeguard-tab-item" },
19683
+ React.createElement("div", { className: "undpSesp-section-wrapper" },
19684
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: "100%" } },
19685
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
19686
+ React.createElement("span", null,
19687
+ React.createElement("a", { target: "_blank", href: "https://www4.unfccc.int/sites/sdcmicrosite/Pages/Create-a-report.aspx" }, t("undpSespTitle")))),
19688
+ React.createElement(Col, { span: 24 },
19689
+ React.createElement("div", { className: "undpSesp-section-divider" })))),
19683
19690
  React.createElement(Form, { onValuesChange: onSafeguardValuesChanged, name: "safeguardDetails", labelWrap: true, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", form: form }, updatedFormElementList.map(function (sectionItem) {
19684
19691
  return (React.createElement(React.Fragment, null,
19685
19692
  (sectionItem.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
@@ -19746,7 +19753,7 @@ var Safeguards = function (props) {
19746
19753
 
19747
19754
  var Environmental = function (props) {
19748
19755
  var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
19749
- translator.setDefaultNamespace('environment');
19756
+ translator.setDefaultNamespace("unfcccSdTool");
19750
19757
  var t = translator.t;
19751
19758
  var environmentalDetailsInitial = [
19752
19759
  {
@@ -20031,39 +20038,51 @@ var Environmental = function (props) {
20031
20038
  }, []);
20032
20039
  return (React.createElement("div", { className: "co-benifits-tab-item" },
20033
20040
  React.createElement(Form, { name: "environmental-details", className: "benifits-details-environmental", labelCol: { md: 16, lg: 19, xl: 17 }, wrapperCol: { md: 8, lg: 5, xl: 7 }, layout: "horizontal", requiredMark: true, form: formOne, onFieldsChange: onFieldsChange, onValuesChange: onEnvironmentalValuesChanged },
20034
- (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
20035
- React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" }, environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.map(function (environmentalDetail) {
20036
- var _a;
20037
- return (React.createElement(React.Fragment, null,
20038
- 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 :
20039
- _a.map(function (field, index) {
20040
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
20041
- {
20042
- required: field === null || field === void 0 ? void 0 : field.required,
20043
- message: (field === null || field === void 0 ? void 0 : field.required) &&
20044
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
20045
- },
20046
- ] },
20047
- React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
20048
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
20049
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
20050
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
20051
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
20052
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
20053
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
20054
- React.createElement("div", { className: "yes-no-radio-container" },
20055
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
20056
- React.createElement("div", { className: "yes-no-radio-container" },
20057
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
20058
- React.createElement("div", { className: "yes-no-radio-container" },
20059
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
20060
- })));
20061
- })))));
20041
+ React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" },
20042
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
20043
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: "100%" } },
20044
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
20045
+ React.createElement("span", null,
20046
+ React.createElement("a", { target: "_blank", href: "https://www4.unfccc.int/sites/sdcmicrosite/Pages/Create-a-report.aspx" }, t("unfcccSdToolTitle")))),
20047
+ React.createElement(Col, { span: 24 },
20048
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
20049
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
20050
+ React.createElement("span", null, t("environmental"))),
20051
+ React.createElement(Col, { span: 24 },
20052
+ React.createElement("div", { className: "unfccSdTool-section-divider", style: { marginBottom: "20px" } })))),
20053
+ (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })), environmentalDetails === null || environmentalDetails === void 0 ? void 0 :
20054
+ environmentalDetails.map(function (environmentalDetail) {
20055
+ var _a;
20056
+ return (React.createElement(React.Fragment, null,
20057
+ 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 :
20058
+ _a.map(function (field, index) {
20059
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
20060
+ {
20061
+ required: field === null || field === void 0 ? void 0 : field.required,
20062
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
20063
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
20064
+ },
20065
+ ] },
20066
+ React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
20067
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
20068
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
20069
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
20070
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
20071
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
20072
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
20073
+ React.createElement("div", { className: "yes-no-radio-container" },
20074
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
20075
+ React.createElement("div", { className: "yes-no-radio-container" },
20076
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
20077
+ React.createElement("div", { className: "yes-no-radio-container" },
20078
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
20079
+ })));
20080
+ })))));
20062
20081
  };
20063
20082
 
20064
20083
  var Economic = function (props) {
20065
20084
  var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
20066
- translator.setDefaultNamespace("economic");
20085
+ translator.setDefaultNamespace("unfcccSdTool");
20067
20086
  var t = translator.t;
20068
20087
  var economicDetailsInitial = [
20069
20088
  {
@@ -20316,39 +20335,46 @@ var Economic = function (props) {
20316
20335
  }, []);
20317
20336
  return (React.createElement("div", { className: "co-benifits-tab-item" },
20318
20337
  React.createElement(Form, { name: "economic-details", className: "benifits-details-economic", labelCol: { md: 16, lg: 19, xl: 17 }, wrapperCol: { md: 8, lg: 5, xl: 7 }, layout: "horizontal", requiredMark: true, form: formOne, onFieldsChange: onFieldsChange, onValuesChange: onEconomicValuesChanged },
20319
- (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
20320
- React.createElement("div", { className: economicViewData ? "section view-section" : "section" }, economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.map(function (environmentalDetail) {
20321
- var _a;
20322
- return (React.createElement(React.Fragment, null,
20323
- 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 :
20324
- _a.map(function (field, index) {
20325
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
20326
- {
20327
- required: field === null || field === void 0 ? void 0 : field.required,
20328
- message: (field === null || field === void 0 ? void 0 : field.required) &&
20329
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
20330
- },
20331
- ] },
20332
- React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
20333
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
20334
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
20335
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
20336
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
20337
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
20338
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
20339
- React.createElement("div", { className: "yes-no-radio-container" },
20340
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
20341
- React.createElement("div", { className: "yes-no-radio-container" },
20342
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
20343
- React.createElement("div", { className: "yes-no-radio-container" },
20344
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
20345
- })));
20346
- })))));
20338
+ React.createElement("div", { className: economicViewData ? "section view-section" : "section" },
20339
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
20340
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
20341
+ React.createElement(Col, { span: 24 },
20342
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
20343
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
20344
+ React.createElement("span", null, t("economic"))))),
20345
+ (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })), economicDetails === null || economicDetails === void 0 ? void 0 :
20346
+ economicDetails.map(function (environmentalDetail) {
20347
+ var _a;
20348
+ return (React.createElement(React.Fragment, null,
20349
+ 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 :
20350
+ _a.map(function (field, index) {
20351
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
20352
+ {
20353
+ required: field === null || field === void 0 ? void 0 : field.required,
20354
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
20355
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
20356
+ },
20357
+ ] },
20358
+ React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
20359
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
20360
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
20361
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
20362
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
20363
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
20364
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
20365
+ React.createElement("div", { className: "yes-no-radio-container" },
20366
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
20367
+ React.createElement("div", { className: "yes-no-radio-container" },
20368
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
20369
+ React.createElement("div", { className: "yes-no-radio-container" },
20370
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
20371
+ })));
20372
+ })))));
20347
20373
  };
20348
20374
 
20349
20375
  var Social = function (props) {
20350
20376
  var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
20351
- translator.setDefaultNamespace("social");
20377
+ translator.setDefaultNamespace("unfcccSdTool");
20352
20378
  var t = translator.t;
20353
20379
  var form = Form.useForm()[0];
20354
20380
  var _a = useState(0); _a[0]; var setRefreshCounter = _a[1];
@@ -20567,6 +20593,12 @@ var Social = function (props) {
20567
20593
  validateForm();
20568
20594
  });
20569
20595
  return (React.createElement("div", { className: "social-tab-item" },
20596
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
20597
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
20598
+ React.createElement(Col, { span: 24 },
20599
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
20600
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
20601
+ React.createElement("span", null, t("social"))))),
20570
20602
  viewOnly && !socialViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
20571
20603
  ((viewOnly && socialViewData) || !viewOnly) && (React.createElement(Form, { name: "socialDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: onSocialValuesChanged }, SocialElementDetails.map(function (element) {
20572
20604
  return (React.createElement(React.Fragment, null,
@@ -20609,7 +20641,7 @@ var Social = function (props) {
20609
20641
  socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
20610
20642
  React.createElement(Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
20611
20643
  React.createElement(Radio.Group, { size: "middle", disabled: true },
20612
- React.createElement("div", { className: "radio-container" },
20644
+ React.createElement("div", { className: "radio-container-view" },
20613
20645
  React.createElement(Radio.Button, { className: "radio" }, socialViewData[element.name])))))),
20614
20646
  socialViewData[element.name] === RadioButtonStatus.YES &&
20615
20647
  element.subItems.map(function (elementItem) {
@@ -20617,7 +20649,7 @@ var Social = function (props) {
20617
20649
  return (React.createElement(React.Fragment, null, socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name) && (React.createElement("div", { className: "view-section" },
20618
20650
  React.createElement(Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4" },
20619
20651
  React.createElement(Radio.Group, { size: "middle", disabled: true },
20620
- React.createElement("div", { className: "radio-container" },
20652
+ React.createElement("div", { className: "radio-container-view-child" },
20621
20653
  React.createElement(Radio.Button, { className: "radio" }, socialViewData[elementItem.name]))))))));
20622
20654
  }
20623
20655
  else if (elementItem.type === FormElementType.Input) {
@@ -20632,12 +20664,464 @@ var Social = function (props) {
20632
20664
  })))));
20633
20665
  };
20634
20666
 
20667
+ var SocialEnvironmentalRisk = function (props) {
20668
+ var onFormSubmit = props.onFormSubmit, SocialEnvironmentalRiskData = props.SocialEnvironmentalRiskData, viewOnly = props.viewOnly, translator = props.translator;
20669
+ translator.setDefaultNamespace("socialEnvironmentalRisk");
20670
+ var t = translator.t;
20671
+ var form = Form.useForm()[0];
20672
+ var _a = useState(), socialEnvironmentalFormDetails = _a[0], setSocialEnvironmentalFormDetails = _a[1];
20673
+ var _b = useState([
20674
+ {
20675
+ title: t("humanRightsSubHeader"),
20676
+ isTitleVisible: true,
20677
+ subItems: [
20678
+ {
20679
+ title: t("humanRights"),
20680
+ isTitleVisible: true,
20681
+ subItems: [
20682
+ {
20683
+ label: t("humanRightsQ1"),
20684
+ name: "humanRightsQ1",
20685
+ },
20686
+ {
20687
+ label: t("humanRightsQ2"),
20688
+ name: "humanRightsQ2",
20689
+ },
20690
+ {
20691
+ label: t("humanRightsQ3"),
20692
+ name: "humanRightsQ3",
20693
+ },
20694
+ {
20695
+ label: t("humanRightsQ4"),
20696
+ name: "humanRightsQ4",
20697
+ },
20698
+ {
20699
+ label: t("humanRightsQ5"),
20700
+ name: "humanRightsQ5",
20701
+ },
20702
+ {
20703
+ label: t("humanRightsQ6"),
20704
+ name: "humanRightsQ6",
20705
+ },
20706
+ {
20707
+ label: t("humanRightsQ7"),
20708
+ name: "humanRightsQ7",
20709
+ },
20710
+ ],
20711
+ },
20712
+ {
20713
+ title: t("genderEqalityWomenEmpower"),
20714
+ isTitleVisible: true,
20715
+ subItems: [
20716
+ {
20717
+ label: t("genderEqalityWomenEmpowerQ1"),
20718
+ name: "genderEqalityWomenEmpowerQ1",
20719
+ },
20720
+ {
20721
+ label: t("genderEqalityWomenEmpowerQ2"),
20722
+ name: "genderEqalityWomenEmpowerQ2",
20723
+ },
20724
+ {
20725
+ label: t("genderEqalityWomenEmpowerQ3"),
20726
+ name: "genderEqalityWomenEmpowerQ3",
20727
+ },
20728
+ {
20729
+ label: t("genderEqalityWomenEmpowerQ4"),
20730
+ name: "genderEqalityWomenEmpowerQ4",
20731
+ },
20732
+ {
20733
+ label: t("genderEqalityWomenEmpowerQ5"),
20734
+ name: "genderEqalityWomenEmpowerQ5",
20735
+ },
20736
+ ],
20737
+ },
20738
+ {
20739
+ title: t("accountability"),
20740
+ isTitleVisible: true,
20741
+ subItems: [
20742
+ {
20743
+ label: t("accountabilityQ1"),
20744
+ name: "accountabilityQ1",
20745
+ },
20746
+ {
20747
+ label: t("accountabilityQ2"),
20748
+ name: "AccountabilityQ2",
20749
+ },
20750
+ {
20751
+ label: t("accountabilityQ3"),
20752
+ name: "accountabilityQ3",
20753
+ },
20754
+ ],
20755
+ },
20756
+ ],
20757
+ },
20758
+ {
20759
+ title: t("standardSubHeader"),
20760
+ isTitleVisible: true,
20761
+ subItems: [
20762
+ {
20763
+ title: t("standard1"),
20764
+ isTitleVisible: true,
20765
+ subItems: [
20766
+ {
20767
+ label: t("standard1Q1"),
20768
+ name: "standard1Q1",
20769
+ },
20770
+ {
20771
+ label: t("standard1Q2"),
20772
+ name: "standard1Q2",
20773
+ },
20774
+ {
20775
+ label: t("standard1Q3"),
20776
+ name: "standard1Q3",
20777
+ },
20778
+ {
20779
+ label: t("standard1Q4"),
20780
+ name: "standard1Q4",
20781
+ },
20782
+ {
20783
+ label: t("standard1Q5"),
20784
+ name: "standard1Q5",
20785
+ },
20786
+ {
20787
+ label: t("standard1Q6"),
20788
+ name: "standard1Q6",
20789
+ },
20790
+ {
20791
+ label: t("standard1Q7"),
20792
+ name: "standard1Q7",
20793
+ },
20794
+ {
20795
+ label: t("standard1Q8"),
20796
+ name: "standard1Q8",
20797
+ },
20798
+ {
20799
+ label: t("standard1Q9"),
20800
+ name: "standard1Q9",
20801
+ },
20802
+ {
20803
+ label: t("standard1Q10"),
20804
+ name: "standard1Q10",
20805
+ },
20806
+ {
20807
+ label: t("standard1Q11"),
20808
+ name: "standard1Q11",
20809
+ },
20810
+ {
20811
+ label: t("standard1Q12"),
20812
+ name: "standard1Q12",
20813
+ },
20814
+ {
20815
+ label: t("standard1Q13"),
20816
+ name: "standard1Q13",
20817
+ },
20818
+ {
20819
+ label: t("standard1Q14"),
20820
+ name: "standard1Q14",
20821
+ },
20822
+ ],
20823
+ },
20824
+ {
20825
+ title: t("standard2"),
20826
+ isTitleVisible: true,
20827
+ subItems: [
20828
+ {
20829
+ label: t("standard2Q1"),
20830
+ name: "standard2Q1",
20831
+ },
20832
+ {
20833
+ label: t("standard2Q2"),
20834
+ name: "standard2Q2",
20835
+ },
20836
+ {
20837
+ label: t("standard2Q3"),
20838
+ name: "standard2Q3",
20839
+ },
20840
+ {
20841
+ label: t("standard2Q4"),
20842
+ name: "standard2Q4",
20843
+ },
20844
+ ],
20845
+ },
20846
+ {
20847
+ title: t("standard3"),
20848
+ isTitleVisible: true,
20849
+ subItems: [
20850
+ {
20851
+ label: t("standard3Q1"),
20852
+ name: "standard3Q1",
20853
+ },
20854
+ {
20855
+ label: t("standard3Q2"),
20856
+ name: "standard3Q2",
20857
+ },
20858
+ {
20859
+ label: t("standard3Q3"),
20860
+ name: "standard3Q3",
20861
+ },
20862
+ {
20863
+ label: t("standard3Q4"),
20864
+ name: "standard3Q4",
20865
+ },
20866
+ {
20867
+ label: t("standard3Q5"),
20868
+ name: "standard3Q5",
20869
+ },
20870
+ {
20871
+ label: t("standard3Q6"),
20872
+ name: "standard3Q6",
20873
+ },
20874
+ {
20875
+ label: t("standard3Q7"),
20876
+ name: "standard3Q7",
20877
+ },
20878
+ {
20879
+ label: t("standard3Q8"),
20880
+ name: "standard3Q8",
20881
+ },
20882
+ ],
20883
+ },
20884
+ {
20885
+ title: t("standard4"),
20886
+ isTitleVisible: true,
20887
+ subItems: [
20888
+ {
20889
+ label: t("standard4Q1"),
20890
+ name: "standard4Q1",
20891
+ },
20892
+ {
20893
+ label: t("standard4Q2"),
20894
+ name: "standard4Q2",
20895
+ },
20896
+ {
20897
+ label: t("standard4Q3"),
20898
+ name: "standard4Q3",
20899
+ },
20900
+ {
20901
+ label: t("standard4Q4"),
20902
+ name: "standard4Q4",
20903
+ },
20904
+ {
20905
+ label: t("standard4Q5"),
20906
+ name: "standard4Q5",
20907
+ },
20908
+ ],
20909
+ },
20910
+ {
20911
+ title: t("standard5"),
20912
+ isTitleVisible: true,
20913
+ subItems: [
20914
+ {
20915
+ label: t("standard5Q1"),
20916
+ name: "standard5Q1",
20917
+ },
20918
+ {
20919
+ label: t("standard5Q2"),
20920
+ name: "standard5Q2",
20921
+ },
20922
+ {
20923
+ label: t("standard5Q3"),
20924
+ name: "standard5Q3",
20925
+ },
20926
+ {
20927
+ label: t("standard5Q4"),
20928
+ name: "standard5Q4",
20929
+ },
20930
+ ],
20931
+ },
20932
+ {
20933
+ title: t("standard6"),
20934
+ isTitleVisible: true,
20935
+ subItems: [
20936
+ {
20937
+ label: t("standard6Q1"),
20938
+ name: "standard6Q1",
20939
+ },
20940
+ {
20941
+ label: t("standard6Q2"),
20942
+ name: "standard6Q2",
20943
+ },
20944
+ {
20945
+ label: t("standard6Q3"),
20946
+ name: "standard6Q3",
20947
+ },
20948
+ {
20949
+ label: t("standard6Q4"),
20950
+ name: "standard6Q4",
20951
+ },
20952
+ {
20953
+ label: t("standard6Q5"),
20954
+ name: "standard6Q5",
20955
+ },
20956
+ {
20957
+ label: t("standard6Q6"),
20958
+ name: "standard6Q6",
20959
+ },
20960
+ {
20961
+ label: t("standard6Q7"),
20962
+ name: "standard6Q7",
20963
+ },
20964
+ {
20965
+ label: t("standard6Q8"),
20966
+ name: "standard6Q8",
20967
+ },
20968
+ {
20969
+ label: t("standard6Q9"),
20970
+ name: "standard6Q9",
20971
+ },
20972
+ ],
20973
+ },
20974
+ {
20975
+ title: t("standard7"),
20976
+ isTitleVisible: true,
20977
+ subItems: [
20978
+ {
20979
+ label: t("standard7Q1"),
20980
+ name: "standard7Q1",
20981
+ },
20982
+ {
20983
+ label: t("standard7Q2"),
20984
+ name: "standard7Q2",
20985
+ },
20986
+ {
20987
+ label: t("standard7Q3"),
20988
+ name: "standard7Q3",
20989
+ },
20990
+ {
20991
+ label: t("standard7Q4"),
20992
+ name: "standard7Q4",
20993
+ },
20994
+ {
20995
+ label: t("standard7Q5"),
20996
+ name: "standard7Q5",
20997
+ },
20998
+ {
20999
+ label: t("standard7Q6"),
21000
+ name: "standard7Q6",
21001
+ },
21002
+ ],
21003
+ },
21004
+ {
21005
+ title: t("standard8"),
21006
+ isTitleVisible: true,
21007
+ subItems: [
21008
+ {
21009
+ label: t("standard8Q1"),
21010
+ name: "standard8Q1",
21011
+ },
21012
+ {
21013
+ label: t("standard8Q2"),
21014
+ name: "standard8Q2",
21015
+ },
21016
+ {
21017
+ label: t("standard8Q3"),
21018
+ name: "standard8Q3",
21019
+ },
21020
+ {
21021
+ label: t("standard8Q4"),
21022
+ name: "standard8Q4",
21023
+ },
21024
+ {
21025
+ label: t("standard8Q5"),
21026
+ name: "standard8Q5",
21027
+ },
21028
+ {
21029
+ label: t("standard8Q6"),
21030
+ name: "standard8Q6",
21031
+ },
21032
+ ],
21033
+ },
21034
+ ],
21035
+ },
21036
+ ]), socialEnvironmentalDetails = _b[0], setSocialEnvironmentalDetails = _b[1];
21037
+ useEffect(function () {
21038
+ onFormSubmit(socialEnvironmentalFormDetails);
21039
+ }, [socialEnvironmentalFormDetails]);
21040
+ useEffect(function () {
21041
+ if (SocialEnvironmentalRiskData && !viewOnly) {
21042
+ setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
21043
+ form.setFieldsValue(SocialEnvironmentalRiskData);
21044
+ }
21045
+ else if (SocialEnvironmentalRiskData && viewOnly) {
21046
+ checkHeaderAvailability();
21047
+ }
21048
+ }, [SocialEnvironmentalRiskData]);
21049
+ var checkHeaderAvailability = function () {
21050
+ socialEnvironmentalDetails.forEach(function (section) {
21051
+ section.isTitleVisible = false;
21052
+ section.subItems.forEach(function (subSection) {
21053
+ subSection.isTitleVisible = false;
21054
+ subSection.subItems.forEach(function (element) {
21055
+ if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
21056
+ subSection.isTitleVisible = true;
21057
+ }
21058
+ });
21059
+ if (subSection.isTitleVisible) {
21060
+ section.isTitleVisible = true;
21061
+ }
21062
+ });
21063
+ });
21064
+ setSocialEnvironmentalDetails(socialEnvironmentalDetails);
21065
+ };
21066
+ var SocialEnvironmentalDetailsChanged = function (changedValues) { return __awaiter(void 0, void 0, void 0, function () {
21067
+ return __generator(this, function (_a) {
21068
+ setSocialEnvironmentalFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
21069
+ return [2 /*return*/];
21070
+ });
21071
+ }); };
21072
+ return (React.createElement("div", { className: "social-environment-tab-item" },
21073
+ viewOnly && !SocialEnvironmentalRiskData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
21074
+ ((viewOnly && SocialEnvironmentalRiskData) || !viewOnly) && (React.createElement(Form, { name: "SocialEnvironmentalDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: SocialEnvironmentalDetailsChanged },
21075
+ !viewOnly &&
21076
+ socialEnvironmentalDetails.map(function (section) {
21077
+ return (React.createElement(React.Fragment, null,
21078
+ React.createElement("div", { className: "social-environment-risk-title-section" },
21079
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: "100%" } },
21080
+ React.createElement(Col, { span: 24, className: "social-environment-risk-title" },
21081
+ React.createElement("span", null, section.title)))),
21082
+ section.subItems.map(function (subSection) {
21083
+ return (React.createElement(React.Fragment, null,
21084
+ React.createElement("div", { style: { marginBottom: "15px" } },
21085
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title)),
21086
+ subSection.subItems.map(function (element) {
21087
+ return (React.createElement(Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
21088
+ React.createElement(Radio.Group, { size: "middle" },
21089
+ React.createElement("div", { className: "radio-container" },
21090
+ React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
21091
+ React.createElement("div", { className: "radio-container" },
21092
+ React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NO }, t("no"))))));
21093
+ })));
21094
+ })));
21095
+ }),
21096
+ viewOnly &&
21097
+ SocialEnvironmentalRiskData &&
21098
+ socialEnvironmentalDetails.map(function (section) {
21099
+ return (React.createElement(React.Fragment, null,
21100
+ section.isTitleVisible && (React.createElement("div", { className: "social-environment-risk-title-section" },
21101
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: "100%" } },
21102
+ React.createElement(Col, { span: 24, className: "social-environment-risk-title" },
21103
+ React.createElement("span", null, section.title))))),
21104
+ section.subItems.map(function (subSection) {
21105
+ return (React.createElement(React.Fragment, null,
21106
+ subSection.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
21107
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title))),
21108
+ subSection.subItems.map(function (element) {
21109
+ return (React.createElement(React.Fragment, null, SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
21110
+ React.createElement(Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
21111
+ React.createElement(Radio.Group, { size: "middle", disabled: true },
21112
+ React.createElement("div", { className: "radio-container" },
21113
+ React.createElement(Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name]))))))));
21114
+ })));
21115
+ })));
21116
+ })))));
21117
+ };
21118
+
20635
21119
  var CoBenifitsComponent = function (props) {
20636
21120
  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;
20637
21121
  var _b = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
20638
21122
  var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
20639
21123
  var _d = useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
20640
- translator.setDefaultNamespace('coBenifits');
21124
+ translator.setDefaultNamespace("coBenifits");
20641
21125
  var t = translator.t;
20642
21126
  var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
20643
21127
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
@@ -20662,6 +21146,9 @@ var CoBenifitsComponent = function (props) {
20662
21146
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialValueDetails: socialValueDetails })); });
20663
21147
  setIsSocialFormValid(isFormValid);
20664
21148
  };
21149
+ var onSocialEnvironmentalFormSubmit = function (socialEnvironmentDetails) {
21150
+ setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialEnvironmentDetails: socialEnvironmentDetails })); });
21151
+ };
20665
21152
  var tabItems = [
20666
21153
  {
20667
21154
  label: t("coBenifits:sdgGoals"),
@@ -20678,34 +21165,27 @@ var CoBenifitsComponent = function (props) {
20678
21165
  children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
20679
21166
  },
20680
21167
  {
20681
- label: t("coBenifits:safeguards"),
21168
+ label: t("coBenifits:undpSesp"),
20682
21169
  key: "3",
20683
21170
  children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
20684
21171
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
20685
21172
  },
20686
21173
  {
20687
- label: t("coBenifits:environmental"),
21174
+ label: t("coBenifits:unfcccSdTool"),
20688
21175
  key: "4",
20689
- children: (React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
20690
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
20691
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
20692
- : {}
20693
- : undefined, viewOnly: viewOnly || false, translator: translator })),
20694
- },
20695
- {
20696
- label: t("coBenifits:social"),
20697
- key: "5",
20698
- children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
20699
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator })),
20700
- },
20701
- {
20702
- label: t("coBenifits:economic"),
20703
- key: "6",
20704
- children: (React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
20705
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
20706
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
20707
- : {}
20708
- : undefined, viewOnly: viewOnly || false, translator: translator })),
21176
+ children: (React.createElement(React.Fragment, null,
21177
+ React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
21178
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
21179
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
21180
+ : {}
21181
+ : undefined, viewOnly: viewOnly || false, translator: translator }),
21182
+ React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
21183
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator }),
21184
+ React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
21185
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
21186
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
21187
+ : {}
21188
+ : undefined, viewOnly: viewOnly || false, translator: translator }))),
20709
21189
  },
20710
21190
  {
20711
21191
  label: t("coBenifits:assessment"),
@@ -20713,6 +21193,12 @@ var CoBenifitsComponent = function (props) {
20713
21193
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
20714
21194
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
20715
21195
  },
21196
+ {
21197
+ label: t("coBenifits:socialEnvironmentalRisk"),
21198
+ key: "8",
21199
+ children: (React.createElement(SocialEnvironmentalRisk, { onFormSubmit: onSocialEnvironmentalFormSubmit, SocialEnvironmentalRiskData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialEnvironmentDetails)) ||
21200
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialEnvironmentDetails)), viewOnly: viewOnly || false, translator: translator })),
21201
+ },
20716
21202
  ];
20717
21203
  var onCoBenefitSubmit = function () {
20718
21204
  var economicOverallValidation = true;
@@ -20827,7 +21313,7 @@ var CoBenifitsComponent = function (props) {
20827
21313
  if (environmentalOverallValidation !== true) {
20828
21314
  message.open({
20829
21315
  type: "error",
20830
- content: "Fill the required fields in Co-benifits Environmental section",
21316
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
20831
21317
  duration: 4,
20832
21318
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
20833
21319
  });
@@ -20836,7 +21322,7 @@ var CoBenifitsComponent = function (props) {
20836
21322
  if (!isSocialFormValid) {
20837
21323
  message.open({
20838
21324
  type: "error",
20839
- content: "Fill the required fields in Co-benifits Social section",
21325
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
20840
21326
  duration: 4,
20841
21327
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
20842
21328
  });
@@ -20845,7 +21331,7 @@ var CoBenifitsComponent = function (props) {
20845
21331
  if (economicOverallValidation !== true) {
20846
21332
  message.open({
20847
21333
  type: "error",
20848
- content: "Fill the required fields in Co-benifits Economic section",
21334
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
20849
21335
  duration: 4,
20850
21336
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
20851
21337
  });
@@ -20854,7 +21340,7 @@ var CoBenifitsComponent = function (props) {
20854
21340
  if (!isAssessmentFormValid) {
20855
21341
  message.open({
20856
21342
  type: "error",
20857
- content: "Fill the required fields in Co-benifits Assessment section",
21343
+ content: "Fill the required fields in Co-benefits Assessment section",
20858
21344
  duration: 4,
20859
21345
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
20860
21346
  });
@@ -26270,7 +26756,7 @@ var NdcDetailsComponent = function (props) {
26270
26756
  return num >= min && num <= max;
26271
26757
  };
26272
26758
  function onAddNewSubNdcDetail() {
26273
- var range = selectedTab.split('-');
26759
+ var range = selectedTab.split("-");
26274
26760
  var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
26275
26761
  var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
26276
26762
  if (ndcDetail) {
@@ -26280,9 +26766,9 @@ var NdcDetailsComponent = function (props) {
26280
26766
  startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
26281
26767
  endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
26282
26768
  ndcActionId: ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.key,
26283
- nationalPlanObj: '',
26284
- kpi: '',
26285
- ministry: '',
26769
+ nationalPlanObj: "",
26770
+ kpi: "",
26771
+ ministry: "",
26286
26772
  };
26287
26773
  if (!ndcDetail.subNdcDetails) {
26288
26774
  ndcDetail.subNdcDetails = [];
@@ -26341,12 +26827,11 @@ var NdcDetailsComponent = function (props) {
26341
26827
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
26342
26828
  var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
26343
26829
  if (ndcDetail) {
26344
- 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()) !== '' &&
26830
+ 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()) !== "" &&
26345
26831
  ((_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) &&
26346
- ((_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()) !==
26347
- '' &&
26832
+ ((_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()) !== "" &&
26348
26833
  ((_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) &&
26349
- 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() !== '' &&
26834
+ 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() !== "" &&
26350
26835
  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)) {
26351
26836
  onAddNewSubNdcDetail();
26352
26837
  }
@@ -26457,7 +26942,10 @@ var NdcDetailsComponent = function (props) {
26457
26942
  }
26458
26943
  var onCancelPeriod = function () { };
26459
26944
  var onAddNewPeriod = function () {
26460
- if (selectedPeriod && selectedPeriod.current) {
26945
+ if (selectedPeriod &&
26946
+ selectedPeriod.current &&
26947
+ selectedPeriod.current.start &&
26948
+ selectedPeriod.current.end) {
26461
26949
  var newPeriodItem_1 = {
26462
26950
  key: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
26463
26951
  label: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
@@ -26717,7 +27205,7 @@ var NdcDetailsComponent = function (props) {
26717
27205
  startDate: new Date("2022-03-25"),
26718
27206
  endDate: new Date("2023-03-25"),
26719
27207
  nationalPlanObj: "Other",
26720
- kpi: '',
27208
+ kpi: "",
26721
27209
  ministry: "Ministry of Environment",
26722
27210
  subNdcDetails: [
26723
27211
  {