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