@undp/carbon-library 1.0.134-CARBON-332.0 → 1.0.134-CARBON-332.2

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -16081,7 +16081,7 @@ var NdcActionDetails = function (props) {
16081
16081
  var css_248z$e = ".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";
16082
16082
  styleInject(css_248z$e);
16083
16083
 
16084
- var css_248z$d = ".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";
16084
+ var css_248z$d = ".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 .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 .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";
16085
16085
  styleInject(css_248z$d);
16086
16086
 
16087
16087
  var GenderParity = function (props) {
@@ -18136,350 +18136,399 @@ var Social = function (props) {
18136
18136
  };
18137
18137
 
18138
18138
  var SocialEnvironmentalRisk = function (props) {
18139
- var translator = props.translator;
18139
+ var onFormSubmit = props.onFormSubmit, SocialEnvironmentalRiskData = props.SocialEnvironmentalRiskData, viewOnly = props.viewOnly, translator = props.translator;
18140
18140
  translator.setDefaultNamespace("socialEnvironmentalRisk");
18141
18141
  var t = translator.t;
18142
18142
  var form = antd.Form.useForm()[0];
18143
- var _a = React.useState(); _a[0]; var setSocialEnvironmentalFormDetails = _a[1];
18143
+ var _a = React.useState(), socialEnvironmentalFormDetails = _a[0], setSocialEnvironmentalFormDetails = _a[1];
18144
+ React.useEffect(function () {
18145
+ onFormSubmit(socialEnvironmentalFormDetails);
18146
+ }, [socialEnvironmentalFormDetails]);
18147
+ React.useEffect(function () {
18148
+ if (SocialEnvironmentalRiskData && !viewOnly) {
18149
+ setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
18150
+ form.setFieldsValue(SocialEnvironmentalRiskData);
18151
+ }
18152
+ else if (SocialEnvironmentalRiskData && viewOnly) {
18153
+ checkHeaderAvailability();
18154
+ }
18155
+ }, [SocialEnvironmentalRiskData]);
18156
+ var checkHeaderAvailability = function () {
18157
+ SocialEnvironmentalDetails.forEach(function (section) {
18158
+ section.isTitleVisible = false;
18159
+ section.forEach(function (subSection) {
18160
+ subSection.isTitleVisible = false;
18161
+ subSection.forEach(function (element) {
18162
+ if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
18163
+ subSection.isTitleVisible = true;
18164
+ }
18165
+ });
18166
+ if (subSection.isTitleVisible) {
18167
+ section.isTitleVisible = true;
18168
+ }
18169
+ });
18170
+ });
18171
+ };
18144
18172
  var SocialEnvironmentalDetails = [
18145
18173
  {
18146
- subHeader: t("humanRightsSubHeader"),
18147
- title: t("humanRights"),
18148
- subItems: [
18149
- {
18150
- label: t("humanRightsQ1"),
18151
- name: "humanRightsQ1",
18152
- },
18153
- {
18154
- label: t("humanRightsQ2"),
18155
- name: "humanRightsQ2",
18156
- },
18157
- {
18158
- label: t("humanRightsQ3"),
18159
- name: "humanRightsQ3",
18160
- },
18161
- {
18162
- label: t("humanRightsQ4"),
18163
- name: "humanRightsQ4",
18164
- },
18165
- {
18166
- label: t("humanRightsQ5"),
18167
- name: "humanRightsQ5",
18168
- },
18169
- {
18170
- label: t("humanRightsQ6"),
18171
- name: "humanRightsQ6",
18172
- },
18173
- {
18174
- label: t("humanRightsQ7"),
18175
- name: "humanRightsQ7",
18176
- },
18177
- ],
18178
- },
18179
- {
18180
- title: t("genderEqalityWomenEmpower"),
18181
- subItems: [
18182
- {
18183
- label: t("genderEqalityWomenEmpowerQ1"),
18184
- name: "genderEqalityWomenEmpowerQ1",
18185
- },
18186
- {
18187
- label: t("genderEqalityWomenEmpowerQ2"),
18188
- name: "genderEqalityWomenEmpowerQ2",
18189
- },
18190
- {
18191
- label: t("genderEqalityWomenEmpowerQ3"),
18192
- name: "genderEqalityWomenEmpowerQ3",
18193
- },
18194
- {
18195
- label: t("genderEqalityWomenEmpowerQ4"),
18196
- name: "genderEqalityWomenEmpowerQ4",
18197
- },
18198
- {
18199
- label: t("genderEqalityWomenEmpowerQ5"),
18200
- name: "genderEqalityWomenEmpowerQ5",
18201
- },
18202
- ],
18203
- },
18204
- {
18205
- title: t("accountability"),
18206
- subItems: [
18207
- {
18208
- label: t("accountabilityQ1"),
18209
- name: "accountabilityQ1",
18210
- },
18211
- {
18212
- label: t("accountabilityQ2"),
18213
- name: "AccountabilityQ2",
18214
- },
18215
- {
18216
- label: t("accountabilityQ3"),
18217
- name: "accountabilityQ3",
18218
- },
18219
- ],
18220
- },
18221
- {
18222
- subHeader: t("standard1SubHeader"),
18223
- title: t("standard1"),
18224
- subItems: [
18225
- {
18226
- label: t("standard1Q1"),
18227
- name: "standard1Q1",
18228
- },
18229
- {
18230
- label: t("standard1Q2"),
18231
- name: "standard1Q2",
18232
- },
18233
- {
18234
- label: t("standard1Q3"),
18235
- name: "standard1Q3",
18236
- },
18237
- {
18238
- label: t("standard1Q4"),
18239
- name: "standard1Q4",
18240
- },
18241
- {
18242
- label: t("standard1Q5"),
18243
- name: "standard1Q5",
18244
- },
18245
- {
18246
- label: t("standard1Q6"),
18247
- name: "standard1Q6",
18248
- },
18249
- {
18250
- label: t("standard1Q7"),
18251
- name: "standard1Q7",
18252
- },
18253
- {
18254
- label: t("standard1Q8"),
18255
- name: "standard1Q8",
18256
- },
18257
- {
18258
- label: t("standard1Q9"),
18259
- name: "standard1Q9",
18260
- },
18261
- {
18262
- label: t("standard1Q10"),
18263
- name: "standard1Q10",
18264
- },
18265
- {
18266
- label: t("standard1Q11"),
18267
- name: "standard1Q11",
18268
- },
18269
- {
18270
- label: t("standard1Q12"),
18271
- name: "standard1Q12",
18272
- },
18273
- {
18274
- label: t("standard1Q13"),
18275
- name: "standard1Q13",
18276
- },
18277
- {
18278
- label: t("standard1Q14"),
18279
- name: "standard1Q14",
18280
- },
18281
- ],
18282
- },
18283
- {
18284
- title: t("standard2"),
18174
+ title: t("humanRightsSubHeader"),
18175
+ isTitleVisible: true,
18285
18176
  subItems: [
18286
18177
  {
18287
- label: t("standard2Q1"),
18288
- name: "standard2Q1",
18289
- },
18290
- {
18291
- label: t("standard2Q2"),
18292
- name: "standard2Q2",
18293
- },
18294
- {
18295
- label: t("standard2Q3"),
18296
- name: "standard2Q3",
18297
- },
18298
- {
18299
- label: t("standard2Q4"),
18300
- name: "standard2Q4",
18301
- },
18302
- ],
18303
- },
18304
- {
18305
- title: t("standard3"),
18306
- subItems: [
18307
- {
18308
- label: t("standard3Q1"),
18309
- name: "standard3Q1",
18310
- },
18311
- {
18312
- label: t("standard3Q2"),
18313
- name: "standard3Q2",
18314
- },
18315
- {
18316
- label: t("standard3Q3"),
18317
- name: "standard3Q3",
18318
- },
18319
- {
18320
- label: t("standard3Q4"),
18321
- name: "standard3Q4",
18322
- },
18323
- {
18324
- label: t("standard3Q5"),
18325
- name: "standard3Q5",
18326
- },
18327
- {
18328
- label: t("standard3Q6"),
18329
- name: "standard3Q6",
18330
- },
18331
- {
18332
- label: t("standard3Q7"),
18333
- name: "standard3Q7",
18334
- },
18335
- {
18336
- label: t("standard3Q8"),
18337
- name: "standard3Q8",
18338
- },
18339
- ],
18340
- },
18341
- {
18342
- title: t("standard4"),
18343
- subItems: [
18344
- {
18345
- label: t("standard4Q1"),
18346
- name: "standard4Q1",
18347
- },
18348
- {
18349
- label: t("standard4Q2"),
18350
- name: "standard4Q2",
18351
- },
18352
- {
18353
- label: t("standard4Q3"),
18354
- name: "standard4Q3",
18355
- },
18356
- {
18357
- label: t("standard4Q4"),
18358
- name: "standard4Q4",
18359
- },
18360
- {
18361
- label: t("standard4Q5"),
18362
- name: "standard4Q5",
18363
- },
18364
- ],
18365
- },
18366
- {
18367
- title: t("standard5"),
18368
- subItems: [
18369
- {
18370
- label: t("standard5Q1"),
18371
- name: "standard5Q1",
18372
- },
18373
- {
18374
- label: t("standard5Q2"),
18375
- name: "standard5Q2",
18376
- },
18377
- {
18378
- label: t("standard5Q3"),
18379
- name: "standard5Q3",
18380
- },
18381
- {
18382
- label: t("standard5Q4"),
18383
- name: "standard5Q4",
18384
- },
18385
- ],
18386
- },
18387
- {
18388
- title: t("standard6"),
18389
- subItems: [
18390
- {
18391
- label: t("standard6Q1"),
18392
- name: "standard6Q1",
18393
- },
18394
- {
18395
- label: t("standard6Q2"),
18396
- name: "standard6Q2",
18397
- },
18398
- {
18399
- label: t("standard6Q3"),
18400
- name: "standard6Q3",
18401
- },
18402
- {
18403
- label: t("standard6Q4"),
18404
- name: "standard6Q4",
18405
- },
18406
- {
18407
- label: t("standard6Q5"),
18408
- name: "standard6Q5",
18409
- },
18410
- {
18411
- label: t("standard6Q6"),
18412
- name: "standard6Q6",
18413
- },
18414
- {
18415
- label: t("standard6Q7"),
18416
- name: "standard6Q7",
18178
+ title: t("humanRights"),
18179
+ isTitleVisible: true,
18180
+ subItems: [
18181
+ {
18182
+ label: t("humanRightsQ1"),
18183
+ name: "humanRightsQ1",
18184
+ },
18185
+ {
18186
+ label: t("humanRightsQ2"),
18187
+ name: "humanRightsQ2",
18188
+ },
18189
+ {
18190
+ label: t("humanRightsQ3"),
18191
+ name: "humanRightsQ3",
18192
+ },
18193
+ {
18194
+ label: t("humanRightsQ4"),
18195
+ name: "humanRightsQ4",
18196
+ },
18197
+ {
18198
+ label: t("humanRightsQ5"),
18199
+ name: "humanRightsQ5",
18200
+ },
18201
+ {
18202
+ label: t("humanRightsQ6"),
18203
+ name: "humanRightsQ6",
18204
+ },
18205
+ {
18206
+ label: t("humanRightsQ7"),
18207
+ name: "humanRightsQ7",
18208
+ },
18209
+ ],
18417
18210
  },
18418
18211
  {
18419
- label: t("standard6Q8"),
18420
- name: "standard6Q8",
18212
+ title: t("genderEqalityWomenEmpower"),
18213
+ isTitleVisible: true,
18214
+ subItems: [
18215
+ {
18216
+ label: t("genderEqalityWomenEmpowerQ1"),
18217
+ name: "genderEqalityWomenEmpowerQ1",
18218
+ },
18219
+ {
18220
+ label: t("genderEqalityWomenEmpowerQ2"),
18221
+ name: "genderEqalityWomenEmpowerQ2",
18222
+ },
18223
+ {
18224
+ label: t("genderEqalityWomenEmpowerQ3"),
18225
+ name: "genderEqalityWomenEmpowerQ3",
18226
+ },
18227
+ {
18228
+ label: t("genderEqalityWomenEmpowerQ4"),
18229
+ name: "genderEqalityWomenEmpowerQ4",
18230
+ },
18231
+ {
18232
+ label: t("genderEqalityWomenEmpowerQ5"),
18233
+ name: "genderEqalityWomenEmpowerQ5",
18234
+ },
18235
+ ],
18421
18236
  },
18422
18237
  {
18423
- label: t("standard6Q9"),
18424
- name: "standard6Q9",
18238
+ title: t("accountability"),
18239
+ isTitleVisible: true,
18240
+ subItems: [
18241
+ {
18242
+ label: t("accountabilityQ1"),
18243
+ name: "accountabilityQ1",
18244
+ },
18245
+ {
18246
+ label: t("accountabilityQ2"),
18247
+ name: "AccountabilityQ2",
18248
+ },
18249
+ {
18250
+ label: t("accountabilityQ3"),
18251
+ name: "accountabilityQ3",
18252
+ },
18253
+ ],
18425
18254
  },
18426
18255
  ],
18427
18256
  },
18428
18257
  {
18429
- title: t("standard7"),
18258
+ title: t("standardSubHeader"),
18259
+ isTitleVisible: true,
18430
18260
  subItems: [
18431
18261
  {
18432
- label: t("standard7Q1"),
18433
- name: "standard7Q1",
18434
- },
18435
- {
18436
- label: t("standard7Q2"),
18437
- name: "standard7Q2",
18438
- },
18439
- {
18440
- label: t("standard7Q3"),
18441
- name: "standard7Q3",
18442
- },
18443
- {
18444
- label: t("standard7Q4"),
18445
- name: "standard7Q4",
18446
- },
18447
- {
18448
- label: t("standard7Q5"),
18449
- name: "standard7Q5",
18262
+ title: t("standard1"),
18263
+ isTitleVisible: true,
18264
+ subItems: [
18265
+ {
18266
+ label: t("standard1Q1"),
18267
+ name: "standard1Q1",
18268
+ },
18269
+ {
18270
+ label: t("standard1Q2"),
18271
+ name: "standard1Q2",
18272
+ },
18273
+ {
18274
+ label: t("standard1Q3"),
18275
+ name: "standard1Q3",
18276
+ },
18277
+ {
18278
+ label: t("standard1Q4"),
18279
+ name: "standard1Q4",
18280
+ },
18281
+ {
18282
+ label: t("standard1Q5"),
18283
+ name: "standard1Q5",
18284
+ },
18285
+ {
18286
+ label: t("standard1Q6"),
18287
+ name: "standard1Q6",
18288
+ },
18289
+ {
18290
+ label: t("standard1Q7"),
18291
+ name: "standard1Q7",
18292
+ },
18293
+ {
18294
+ label: t("standard1Q8"),
18295
+ name: "standard1Q8",
18296
+ },
18297
+ {
18298
+ label: t("standard1Q9"),
18299
+ name: "standard1Q9",
18300
+ },
18301
+ {
18302
+ label: t("standard1Q10"),
18303
+ name: "standard1Q10",
18304
+ },
18305
+ {
18306
+ label: t("standard1Q11"),
18307
+ name: "standard1Q11",
18308
+ },
18309
+ {
18310
+ label: t("standard1Q12"),
18311
+ name: "standard1Q12",
18312
+ },
18313
+ {
18314
+ label: t("standard1Q13"),
18315
+ name: "standard1Q13",
18316
+ },
18317
+ {
18318
+ label: t("standard1Q14"),
18319
+ name: "standard1Q14",
18320
+ },
18321
+ ],
18450
18322
  },
18451
18323
  {
18452
- label: t("standard7Q6"),
18453
- name: "standard7Q6",
18324
+ title: t("standard2"),
18325
+ isTitleVisible: true,
18326
+ subItems: [
18327
+ {
18328
+ label: t("standard2Q1"),
18329
+ name: "standard2Q1",
18330
+ },
18331
+ {
18332
+ label: t("standard2Q2"),
18333
+ name: "standard2Q2",
18334
+ },
18335
+ {
18336
+ label: t("standard2Q3"),
18337
+ name: "standard2Q3",
18338
+ },
18339
+ {
18340
+ label: t("standard2Q4"),
18341
+ name: "standard2Q4",
18342
+ },
18343
+ ],
18454
18344
  },
18455
- ],
18456
- },
18457
- {
18458
- title: t("standard8"),
18459
- subItems: [
18460
18345
  {
18461
- label: t("standard8Q1"),
18462
- name: "standard8Q1",
18346
+ title: t("standard3"),
18347
+ isTitleVisible: true,
18348
+ subItems: [
18349
+ {
18350
+ label: t("standard3Q1"),
18351
+ name: "standard3Q1",
18352
+ },
18353
+ {
18354
+ label: t("standard3Q2"),
18355
+ name: "standard3Q2",
18356
+ },
18357
+ {
18358
+ label: t("standard3Q3"),
18359
+ name: "standard3Q3",
18360
+ },
18361
+ {
18362
+ label: t("standard3Q4"),
18363
+ name: "standard3Q4",
18364
+ },
18365
+ {
18366
+ label: t("standard3Q5"),
18367
+ name: "standard3Q5",
18368
+ },
18369
+ {
18370
+ label: t("standard3Q6"),
18371
+ name: "standard3Q6",
18372
+ },
18373
+ {
18374
+ label: t("standard3Q7"),
18375
+ name: "standard3Q7",
18376
+ },
18377
+ {
18378
+ label: t("standard3Q8"),
18379
+ name: "standard3Q8",
18380
+ },
18381
+ ],
18463
18382
  },
18464
18383
  {
18465
- label: t("standard8Q2"),
18466
- name: "standard8Q2",
18384
+ title: t("standard4"),
18385
+ isTitleVisible: true,
18386
+ subItems: [
18387
+ {
18388
+ label: t("standard4Q1"),
18389
+ name: "standard4Q1",
18390
+ },
18391
+ {
18392
+ label: t("standard4Q2"),
18393
+ name: "standard4Q2",
18394
+ },
18395
+ {
18396
+ label: t("standard4Q3"),
18397
+ name: "standard4Q3",
18398
+ },
18399
+ {
18400
+ label: t("standard4Q4"),
18401
+ name: "standard4Q4",
18402
+ },
18403
+ {
18404
+ label: t("standard4Q5"),
18405
+ name: "standard4Q5",
18406
+ },
18407
+ ],
18467
18408
  },
18468
18409
  {
18469
- label: t("standard8Q3"),
18470
- name: "standard8Q3",
18410
+ title: t("standard5"),
18411
+ isTitleVisible: true,
18412
+ subItems: [
18413
+ {
18414
+ label: t("standard5Q1"),
18415
+ name: "standard5Q1",
18416
+ },
18417
+ {
18418
+ label: t("standard5Q2"),
18419
+ name: "standard5Q2",
18420
+ },
18421
+ {
18422
+ label: t("standard5Q3"),
18423
+ name: "standard5Q3",
18424
+ },
18425
+ {
18426
+ label: t("standard5Q4"),
18427
+ name: "standard5Q4",
18428
+ },
18429
+ ],
18471
18430
  },
18472
18431
  {
18473
- label: t("standard8Q4"),
18474
- name: "standard8Q4",
18432
+ title: t("standard6"),
18433
+ isTitleVisible: true,
18434
+ subItems: [
18435
+ {
18436
+ label: t("standard6Q1"),
18437
+ name: "standard6Q1",
18438
+ },
18439
+ {
18440
+ label: t("standard6Q2"),
18441
+ name: "standard6Q2",
18442
+ },
18443
+ {
18444
+ label: t("standard6Q3"),
18445
+ name: "standard6Q3",
18446
+ },
18447
+ {
18448
+ label: t("standard6Q4"),
18449
+ name: "standard6Q4",
18450
+ },
18451
+ {
18452
+ label: t("standard6Q5"),
18453
+ name: "standard6Q5",
18454
+ },
18455
+ {
18456
+ label: t("standard6Q6"),
18457
+ name: "standard6Q6",
18458
+ },
18459
+ {
18460
+ label: t("standard6Q7"),
18461
+ name: "standard6Q7",
18462
+ },
18463
+ {
18464
+ label: t("standard6Q8"),
18465
+ name: "standard6Q8",
18466
+ },
18467
+ {
18468
+ label: t("standard6Q9"),
18469
+ name: "standard6Q9",
18470
+ },
18471
+ ],
18475
18472
  },
18476
18473
  {
18477
- label: t("standard8Q5"),
18478
- name: "standard8Q5",
18474
+ title: t("standard7"),
18475
+ isTitleVisible: true,
18476
+ subItems: [
18477
+ {
18478
+ label: t("standard7Q1"),
18479
+ name: "standard7Q1",
18480
+ },
18481
+ {
18482
+ label: t("standard7Q2"),
18483
+ name: "standard7Q2",
18484
+ },
18485
+ {
18486
+ label: t("standard7Q3"),
18487
+ name: "standard7Q3",
18488
+ },
18489
+ {
18490
+ label: t("standard7Q4"),
18491
+ name: "standard7Q4",
18492
+ },
18493
+ {
18494
+ label: t("standard7Q5"),
18495
+ name: "standard7Q5",
18496
+ },
18497
+ {
18498
+ label: t("standard7Q6"),
18499
+ name: "standard7Q6",
18500
+ },
18501
+ ],
18479
18502
  },
18480
18503
  {
18481
- label: t("standard8Q6"),
18482
- name: "standard8Q6",
18504
+ title: t("standard8"),
18505
+ isTitleVisible: true,
18506
+ subItems: [
18507
+ {
18508
+ label: t("standard8Q1"),
18509
+ name: "standard8Q1",
18510
+ },
18511
+ {
18512
+ label: t("standard8Q2"),
18513
+ name: "standard8Q2",
18514
+ },
18515
+ {
18516
+ label: t("standard8Q3"),
18517
+ name: "standard8Q3",
18518
+ },
18519
+ {
18520
+ label: t("standard8Q4"),
18521
+ name: "standard8Q4",
18522
+ },
18523
+ {
18524
+ label: t("standard8Q5"),
18525
+ name: "standard8Q5",
18526
+ },
18527
+ {
18528
+ label: t("standard8Q6"),
18529
+ name: "standard8Q6",
18530
+ },
18531
+ ],
18483
18532
  },
18484
18533
  ],
18485
18534
  },
@@ -18491,21 +18540,45 @@ var SocialEnvironmentalRisk = function (props) {
18491
18540
  });
18492
18541
  }); };
18493
18542
  return (React.createElement("div", { className: "social-environment-tab-item" },
18494
- 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 }, SocialEnvironmentalDetails.map(function (section) {
18495
- return (React.createElement(React.Fragment, null,
18496
- section.subHeader && (React.createElement("div", { style: { marginBottom: "15px" } },
18497
- React.createElement("label", { className: "co-sub-title-text" }, section.subHeader))),
18498
- React.createElement("div", { style: { marginBottom: "15px" } },
18499
- React.createElement("label", { className: "co-sub-title-text" }, section.title)),
18500
- section.subItems.map(function (element) {
18501
- return (React.createElement(antd.Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
18502
- React.createElement(antd.Radio.Group, { size: "middle" },
18503
- React.createElement("div", { className: "radio-container" },
18504
- React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18505
- React.createElement("div", { className: "radio-container" },
18506
- React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("no"))))));
18507
- })));
18508
- }))));
18543
+ viewOnly && !SocialEnvironmentalRiskData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18544
+ ((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 },
18545
+ !viewOnly &&
18546
+ SocialEnvironmentalDetails.map(function (section) {
18547
+ return (React.createElement(React.Fragment, null,
18548
+ React.createElement("div", { style: { marginBottom: "15px" } },
18549
+ React.createElement("label", { className: "co-sub-header-text" }, section.title)),
18550
+ section.subItems.map(function (subSection) {
18551
+ return (React.createElement(React.Fragment, null,
18552
+ React.createElement("div", { style: { marginBottom: "15px" } },
18553
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title)),
18554
+ subSection.subItems.map(function (element) {
18555
+ return (React.createElement(antd.Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
18556
+ React.createElement(antd.Radio.Group, { size: "middle" },
18557
+ React.createElement("div", { className: "radio-container" },
18558
+ React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18559
+ React.createElement("div", { className: "radio-container" },
18560
+ React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("no"))))));
18561
+ })));
18562
+ })));
18563
+ }),
18564
+ viewOnly &&
18565
+ SocialEnvironmentalRiskData &&
18566
+ SocialEnvironmentalDetails.map(function (section) {
18567
+ return (React.createElement(React.Fragment, null,
18568
+ section.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
18569
+ React.createElement("label", { className: "co-sub-header-text" }, section.title))),
18570
+ section.subItems.map(function (subSection) {
18571
+ return (React.createElement(React.Fragment, null,
18572
+ subSection.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
18573
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title))),
18574
+ subSection.subItems.map(function (element) {
18575
+ return (React.createElement(antd.Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
18576
+ React.createElement(antd.Radio.Group, { size: "middle" },
18577
+ React.createElement("div", { className: "radio-container" },
18578
+ React.createElement(antd.Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name])))));
18579
+ })));
18580
+ })));
18581
+ })))));
18509
18582
  };
18510
18583
 
18511
18584
  var CoBenifitsComponent = function (props) {
@@ -18513,7 +18586,7 @@ var CoBenifitsComponent = function (props) {
18513
18586
  var _b = React.useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
18514
18587
  var _c = React.useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
18515
18588
  var _d = React.useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
18516
- translator.setDefaultNamespace('coBenifits');
18589
+ translator.setDefaultNamespace("coBenifits");
18517
18590
  var t = translator.t;
18518
18591
  var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
18519
18592
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
@@ -18538,6 +18611,9 @@ var CoBenifitsComponent = function (props) {
18538
18611
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialValueDetails: socialValueDetails })); });
18539
18612
  setIsSocialFormValid(isFormValid);
18540
18613
  };
18614
+ var onSocialEnvironmentalFormSubmit = function (socialEnvironmentDetails) {
18615
+ setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialEnvironmentDetails: socialEnvironmentDetails })); });
18616
+ };
18541
18617
  var tabItems = [
18542
18618
  {
18543
18619
  label: t("coBenifits:sdgGoals"),
@@ -18592,8 +18668,9 @@ var CoBenifitsComponent = function (props) {
18592
18668
  {
18593
18669
  label: t("coBenifits:socialEnvironmentalRisk"),
18594
18670
  key: "8",
18595
- children: (React.createElement(SocialEnvironmentalRisk, { translator: translator })),
18596
- }
18671
+ children: (React.createElement(SocialEnvironmentalRisk, { onFormSubmit: onSocialEnvironmentalFormSubmit, SocialEnvironmentalRiskData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialEnvironmentDetails)) ||
18672
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialEnvironmentDetails)), viewOnly: viewOnly || false, translator: translator })),
18673
+ },
18597
18674
  ];
18598
18675
  var onCoBenefitSubmit = function () {
18599
18676
  var economicOverallValidation = true;