@undp/carbon-library 1.0.178-CARBON-359.1 → 1.0.178-CARBON-332.0

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -18564,7 +18564,7 @@ var NdcActionDetails = function (props) {
18564
18564
  var css_248z$f = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
18565
18565
  styleInject(css_248z$f);
18566
18566
 
18567
- var css_248z$e = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
18567
+ var css_248z$e = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-sub-header-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 16px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .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";
18568
18568
  styleInject(css_248z$e);
18569
18569
 
18570
18570
  var GenderParity = function (props) {
@@ -20618,12 +20618,460 @@ var Social = function (props) {
20618
20618
  })))));
20619
20619
  };
20620
20620
 
20621
+ var SocialEnvironmentalRisk = function (props) {
20622
+ var onFormSubmit = props.onFormSubmit, SocialEnvironmentalRiskData = props.SocialEnvironmentalRiskData, viewOnly = props.viewOnly, translator = props.translator;
20623
+ translator.setDefaultNamespace("socialEnvironmentalRisk");
20624
+ var t = translator.t;
20625
+ var form = antd.Form.useForm()[0];
20626
+ var _a = React.useState(), socialEnvironmentalFormDetails = _a[0], setSocialEnvironmentalFormDetails = _a[1];
20627
+ var _b = React.useState([
20628
+ {
20629
+ title: t("humanRightsSubHeader"),
20630
+ isTitleVisible: true,
20631
+ subItems: [
20632
+ {
20633
+ title: t("humanRights"),
20634
+ isTitleVisible: true,
20635
+ subItems: [
20636
+ {
20637
+ label: t("humanRightsQ1"),
20638
+ name: "humanRightsQ1",
20639
+ },
20640
+ {
20641
+ label: t("humanRightsQ2"),
20642
+ name: "humanRightsQ2",
20643
+ },
20644
+ {
20645
+ label: t("humanRightsQ3"),
20646
+ name: "humanRightsQ3",
20647
+ },
20648
+ {
20649
+ label: t("humanRightsQ4"),
20650
+ name: "humanRightsQ4",
20651
+ },
20652
+ {
20653
+ label: t("humanRightsQ5"),
20654
+ name: "humanRightsQ5",
20655
+ },
20656
+ {
20657
+ label: t("humanRightsQ6"),
20658
+ name: "humanRightsQ6",
20659
+ },
20660
+ {
20661
+ label: t("humanRightsQ7"),
20662
+ name: "humanRightsQ7",
20663
+ },
20664
+ ],
20665
+ },
20666
+ {
20667
+ title: t("genderEqalityWomenEmpower"),
20668
+ isTitleVisible: true,
20669
+ subItems: [
20670
+ {
20671
+ label: t("genderEqalityWomenEmpowerQ1"),
20672
+ name: "genderEqalityWomenEmpowerQ1",
20673
+ },
20674
+ {
20675
+ label: t("genderEqalityWomenEmpowerQ2"),
20676
+ name: "genderEqalityWomenEmpowerQ2",
20677
+ },
20678
+ {
20679
+ label: t("genderEqalityWomenEmpowerQ3"),
20680
+ name: "genderEqalityWomenEmpowerQ3",
20681
+ },
20682
+ {
20683
+ label: t("genderEqalityWomenEmpowerQ4"),
20684
+ name: "genderEqalityWomenEmpowerQ4",
20685
+ },
20686
+ {
20687
+ label: t("genderEqalityWomenEmpowerQ5"),
20688
+ name: "genderEqalityWomenEmpowerQ5",
20689
+ },
20690
+ ],
20691
+ },
20692
+ {
20693
+ title: t("accountability"),
20694
+ isTitleVisible: true,
20695
+ subItems: [
20696
+ {
20697
+ label: t("accountabilityQ1"),
20698
+ name: "accountabilityQ1",
20699
+ },
20700
+ {
20701
+ label: t("accountabilityQ2"),
20702
+ name: "AccountabilityQ2",
20703
+ },
20704
+ {
20705
+ label: t("accountabilityQ3"),
20706
+ name: "accountabilityQ3",
20707
+ },
20708
+ ],
20709
+ },
20710
+ ],
20711
+ },
20712
+ {
20713
+ title: t("standardSubHeader"),
20714
+ isTitleVisible: true,
20715
+ subItems: [
20716
+ {
20717
+ title: t("standard1"),
20718
+ isTitleVisible: true,
20719
+ subItems: [
20720
+ {
20721
+ label: t("standard1Q1"),
20722
+ name: "standard1Q1",
20723
+ },
20724
+ {
20725
+ label: t("standard1Q2"),
20726
+ name: "standard1Q2",
20727
+ },
20728
+ {
20729
+ label: t("standard1Q3"),
20730
+ name: "standard1Q3",
20731
+ },
20732
+ {
20733
+ label: t("standard1Q4"),
20734
+ name: "standard1Q4",
20735
+ },
20736
+ {
20737
+ label: t("standard1Q5"),
20738
+ name: "standard1Q5",
20739
+ },
20740
+ {
20741
+ label: t("standard1Q6"),
20742
+ name: "standard1Q6",
20743
+ },
20744
+ {
20745
+ label: t("standard1Q7"),
20746
+ name: "standard1Q7",
20747
+ },
20748
+ {
20749
+ label: t("standard1Q8"),
20750
+ name: "standard1Q8",
20751
+ },
20752
+ {
20753
+ label: t("standard1Q9"),
20754
+ name: "standard1Q9",
20755
+ },
20756
+ {
20757
+ label: t("standard1Q10"),
20758
+ name: "standard1Q10",
20759
+ },
20760
+ {
20761
+ label: t("standard1Q11"),
20762
+ name: "standard1Q11",
20763
+ },
20764
+ {
20765
+ label: t("standard1Q12"),
20766
+ name: "standard1Q12",
20767
+ },
20768
+ {
20769
+ label: t("standard1Q13"),
20770
+ name: "standard1Q13",
20771
+ },
20772
+ {
20773
+ label: t("standard1Q14"),
20774
+ name: "standard1Q14",
20775
+ },
20776
+ ],
20777
+ },
20778
+ {
20779
+ title: t("standard2"),
20780
+ isTitleVisible: true,
20781
+ subItems: [
20782
+ {
20783
+ label: t("standard2Q1"),
20784
+ name: "standard2Q1",
20785
+ },
20786
+ {
20787
+ label: t("standard2Q2"),
20788
+ name: "standard2Q2",
20789
+ },
20790
+ {
20791
+ label: t("standard2Q3"),
20792
+ name: "standard2Q3",
20793
+ },
20794
+ {
20795
+ label: t("standard2Q4"),
20796
+ name: "standard2Q4",
20797
+ },
20798
+ ],
20799
+ },
20800
+ {
20801
+ title: t("standard3"),
20802
+ isTitleVisible: true,
20803
+ subItems: [
20804
+ {
20805
+ label: t("standard3Q1"),
20806
+ name: "standard3Q1",
20807
+ },
20808
+ {
20809
+ label: t("standard3Q2"),
20810
+ name: "standard3Q2",
20811
+ },
20812
+ {
20813
+ label: t("standard3Q3"),
20814
+ name: "standard3Q3",
20815
+ },
20816
+ {
20817
+ label: t("standard3Q4"),
20818
+ name: "standard3Q4",
20819
+ },
20820
+ {
20821
+ label: t("standard3Q5"),
20822
+ name: "standard3Q5",
20823
+ },
20824
+ {
20825
+ label: t("standard3Q6"),
20826
+ name: "standard3Q6",
20827
+ },
20828
+ {
20829
+ label: t("standard3Q7"),
20830
+ name: "standard3Q7",
20831
+ },
20832
+ {
20833
+ label: t("standard3Q8"),
20834
+ name: "standard3Q8",
20835
+ },
20836
+ ],
20837
+ },
20838
+ {
20839
+ title: t("standard4"),
20840
+ isTitleVisible: true,
20841
+ subItems: [
20842
+ {
20843
+ label: t("standard4Q1"),
20844
+ name: "standard4Q1",
20845
+ },
20846
+ {
20847
+ label: t("standard4Q2"),
20848
+ name: "standard4Q2",
20849
+ },
20850
+ {
20851
+ label: t("standard4Q3"),
20852
+ name: "standard4Q3",
20853
+ },
20854
+ {
20855
+ label: t("standard4Q4"),
20856
+ name: "standard4Q4",
20857
+ },
20858
+ {
20859
+ label: t("standard4Q5"),
20860
+ name: "standard4Q5",
20861
+ },
20862
+ ],
20863
+ },
20864
+ {
20865
+ title: t("standard5"),
20866
+ isTitleVisible: true,
20867
+ subItems: [
20868
+ {
20869
+ label: t("standard5Q1"),
20870
+ name: "standard5Q1",
20871
+ },
20872
+ {
20873
+ label: t("standard5Q2"),
20874
+ name: "standard5Q2",
20875
+ },
20876
+ {
20877
+ label: t("standard5Q3"),
20878
+ name: "standard5Q3",
20879
+ },
20880
+ {
20881
+ label: t("standard5Q4"),
20882
+ name: "standard5Q4",
20883
+ },
20884
+ ],
20885
+ },
20886
+ {
20887
+ title: t("standard6"),
20888
+ isTitleVisible: true,
20889
+ subItems: [
20890
+ {
20891
+ label: t("standard6Q1"),
20892
+ name: "standard6Q1",
20893
+ },
20894
+ {
20895
+ label: t("standard6Q2"),
20896
+ name: "standard6Q2",
20897
+ },
20898
+ {
20899
+ label: t("standard6Q3"),
20900
+ name: "standard6Q3",
20901
+ },
20902
+ {
20903
+ label: t("standard6Q4"),
20904
+ name: "standard6Q4",
20905
+ },
20906
+ {
20907
+ label: t("standard6Q5"),
20908
+ name: "standard6Q5",
20909
+ },
20910
+ {
20911
+ label: t("standard6Q6"),
20912
+ name: "standard6Q6",
20913
+ },
20914
+ {
20915
+ label: t("standard6Q7"),
20916
+ name: "standard6Q7",
20917
+ },
20918
+ {
20919
+ label: t("standard6Q8"),
20920
+ name: "standard6Q8",
20921
+ },
20922
+ {
20923
+ label: t("standard6Q9"),
20924
+ name: "standard6Q9",
20925
+ },
20926
+ ],
20927
+ },
20928
+ {
20929
+ title: t("standard7"),
20930
+ isTitleVisible: true,
20931
+ subItems: [
20932
+ {
20933
+ label: t("standard7Q1"),
20934
+ name: "standard7Q1",
20935
+ },
20936
+ {
20937
+ label: t("standard7Q2"),
20938
+ name: "standard7Q2",
20939
+ },
20940
+ {
20941
+ label: t("standard7Q3"),
20942
+ name: "standard7Q3",
20943
+ },
20944
+ {
20945
+ label: t("standard7Q4"),
20946
+ name: "standard7Q4",
20947
+ },
20948
+ {
20949
+ label: t("standard7Q5"),
20950
+ name: "standard7Q5",
20951
+ },
20952
+ {
20953
+ label: t("standard7Q6"),
20954
+ name: "standard7Q6",
20955
+ },
20956
+ ],
20957
+ },
20958
+ {
20959
+ title: t("standard8"),
20960
+ isTitleVisible: true,
20961
+ subItems: [
20962
+ {
20963
+ label: t("standard8Q1"),
20964
+ name: "standard8Q1",
20965
+ },
20966
+ {
20967
+ label: t("standard8Q2"),
20968
+ name: "standard8Q2",
20969
+ },
20970
+ {
20971
+ label: t("standard8Q3"),
20972
+ name: "standard8Q3",
20973
+ },
20974
+ {
20975
+ label: t("standard8Q4"),
20976
+ name: "standard8Q4",
20977
+ },
20978
+ {
20979
+ label: t("standard8Q5"),
20980
+ name: "standard8Q5",
20981
+ },
20982
+ {
20983
+ label: t("standard8Q6"),
20984
+ name: "standard8Q6",
20985
+ },
20986
+ ],
20987
+ },
20988
+ ],
20989
+ },
20990
+ ]), socialEnvironmentalDetails = _b[0], setSocialEnvironmentalDetails = _b[1];
20991
+ React.useEffect(function () {
20992
+ onFormSubmit(socialEnvironmentalFormDetails);
20993
+ }, [socialEnvironmentalFormDetails]);
20994
+ React.useEffect(function () {
20995
+ if (SocialEnvironmentalRiskData && !viewOnly) {
20996
+ setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
20997
+ form.setFieldsValue(SocialEnvironmentalRiskData);
20998
+ }
20999
+ else if (SocialEnvironmentalRiskData && viewOnly) {
21000
+ checkHeaderAvailability();
21001
+ }
21002
+ }, [SocialEnvironmentalRiskData]);
21003
+ var checkHeaderAvailability = function () {
21004
+ socialEnvironmentalDetails.forEach(function (section) {
21005
+ section.isTitleVisible = false;
21006
+ section.subItems.forEach(function (subSection) {
21007
+ subSection.isTitleVisible = false;
21008
+ subSection.subItems.forEach(function (element) {
21009
+ if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
21010
+ subSection.isTitleVisible = true;
21011
+ }
21012
+ });
21013
+ if (subSection.isTitleVisible) {
21014
+ section.isTitleVisible = true;
21015
+ }
21016
+ });
21017
+ });
21018
+ setSocialEnvironmentalDetails(socialEnvironmentalDetails);
21019
+ };
21020
+ var SocialEnvironmentalDetailsChanged = function (changedValues) { return __awaiter(void 0, void 0, void 0, function () {
21021
+ return __generator(this, function (_a) {
21022
+ setSocialEnvironmentalFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
21023
+ return [2 /*return*/];
21024
+ });
21025
+ }); };
21026
+ return (React.createElement("div", { className: "social-environment-tab-item" },
21027
+ viewOnly && !SocialEnvironmentalRiskData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
21028
+ ((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 },
21029
+ !viewOnly &&
21030
+ socialEnvironmentalDetails.map(function (section) {
21031
+ return (React.createElement(React.Fragment, null,
21032
+ React.createElement("div", { style: { marginBottom: "15px" } },
21033
+ React.createElement("label", { className: "co-sub-header-text" }, section.title)),
21034
+ section.subItems.map(function (subSection) {
21035
+ return (React.createElement(React.Fragment, null,
21036
+ React.createElement("div", { style: { marginBottom: "15px" } },
21037
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title)),
21038
+ subSection.subItems.map(function (element) {
21039
+ return (React.createElement(antd.Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
21040
+ React.createElement(antd.Radio.Group, { size: "middle" },
21041
+ React.createElement("div", { className: "radio-container" },
21042
+ React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
21043
+ React.createElement("div", { className: "radio-container" },
21044
+ React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("no"))))));
21045
+ })));
21046
+ })));
21047
+ }),
21048
+ viewOnly &&
21049
+ SocialEnvironmentalRiskData &&
21050
+ socialEnvironmentalDetails.map(function (section) {
21051
+ return (React.createElement(React.Fragment, null,
21052
+ section.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
21053
+ React.createElement("label", { className: "co-sub-header-text" }, section.title))),
21054
+ section.subItems.map(function (subSection) {
21055
+ return (React.createElement(React.Fragment, null,
21056
+ subSection.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
21057
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title))),
21058
+ subSection.subItems.map(function (element) {
21059
+ return (React.createElement(React.Fragment, null, SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
21060
+ React.createElement(antd.Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
21061
+ React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
21062
+ React.createElement("div", { className: "radio-container" },
21063
+ React.createElement(antd.Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name]))))))));
21064
+ })));
21065
+ })));
21066
+ })))));
21067
+ };
21068
+
20621
21069
  var CoBenifitsComponent = function (props) {
20622
21070
  var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator, useConnection = props.useConnection;
20623
21071
  var _b = React.useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
20624
21072
  var _c = React.useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
20625
21073
  var _d = React.useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
20626
- translator.setDefaultNamespace('coBenifits');
21074
+ translator.setDefaultNamespace("coBenifits");
20627
21075
  var t = translator.t;
20628
21076
  var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
20629
21077
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
@@ -20648,6 +21096,9 @@ var CoBenifitsComponent = function (props) {
20648
21096
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialValueDetails: socialValueDetails })); });
20649
21097
  setIsSocialFormValid(isFormValid);
20650
21098
  };
21099
+ var onSocialEnvironmentalFormSubmit = function (socialEnvironmentDetails) {
21100
+ setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialEnvironmentDetails: socialEnvironmentDetails })); });
21101
+ };
20651
21102
  var tabItems = [
20652
21103
  {
20653
21104
  label: t("coBenifits:sdgGoals"),
@@ -20699,6 +21150,12 @@ var CoBenifitsComponent = function (props) {
20699
21150
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
20700
21151
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
20701
21152
  },
21153
+ {
21154
+ label: t("coBenifits:socialEnvironmentalRisk"),
21155
+ key: "8",
21156
+ children: (React.createElement(SocialEnvironmentalRisk, { onFormSubmit: onSocialEnvironmentalFormSubmit, SocialEnvironmentalRiskData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialEnvironmentDetails)) ||
21157
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialEnvironmentDetails)), viewOnly: viewOnly || false, translator: translator })),
21158
+ },
20702
21159
  ];
20703
21160
  var onCoBenefitSubmit = function () {
20704
21161
  var economicOverallValidation = true;
@@ -27460,7 +27917,7 @@ var RejectDocumentationConfirmationModel = function (props) {
27460
27917
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
27461
27918
  };
27462
27919
 
27463
- var css_248z$2 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%;\n align-items: start; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%;\n justify-content: flex-start;\n gap: 20px;\n align-items: start; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
27920
+ var css_248z$2 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%;\n align-items: center;\n justify-content: flex-start;\n gap: 20px; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
27464
27921
  styleInject(css_248z$2);
27465
27922
 
27466
27923
  var NdcActionBody = function (props) {
@@ -27722,7 +28179,7 @@ var NdcActionBody = function (props) {
27722
28179
  React.createElement("div", { className: "icon" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) ? (monitoringReportPending ? ((companyRolePermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
27723
28180
  React.createElement(icons.LikeOutlined, { onClick: function () {
27724
28181
  return docAction(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id, exports.DocumentStatus.ACCEPTED, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.actionId, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.type);
27725
- }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
28182
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
27726
28183
  React.createElement(icons.DislikeOutlined, { onClick: function () {
27727
28184
  setRejectDocData({
27728
28185
  id: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id,
@@ -27737,8 +28194,8 @@ var NdcActionBody = function (props) {
27737
28194
  icon: React.createElement(icons.DislikeOutlined, null),
27738
28195
  });
27739
28196
  setOpenRejectDocConfirmationModal(true);
27740
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } })))) : monitoringReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })) : (monitoringReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27741
- React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70", paddingTop: '3px' } }))))) : (React.createElement(React.Fragment, null,
28197
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } })))) : monitoringReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })) : (monitoringReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28198
+ React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))))) : (React.createElement(React.Fragment, null,
27742
28199
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
27743
28200
  ? t("programme:notAuthToUploadDoc")
27744
28201
  : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
@@ -27747,8 +28204,8 @@ var NdcActionBody = function (props) {
27747
28204
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
27748
28205
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
27749
28206
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
27750
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27751
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
28207
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28208
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27752
28209
  if (canUploadMonitorReport &&
27753
28210
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
27754
28211
  handleFileUploadMonitor();
@@ -27761,7 +28218,7 @@ var NdcActionBody = function (props) {
27761
28218
  } }))))),
27762
28219
  (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement("div", { className: "report-link" },
27763
28220
  React.createElement("div", { className: "link" }, linkDocVisible(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) && (React.createElement("a", { href: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
27764
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47", paddingTop: '3px' } })))),
28221
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
27765
28222
  !monitoringReportAccepted && (React.createElement(React.Fragment, null,
27766
28223
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
27767
28224
  ? t("programme:notAuthToUploadDoc")
@@ -27771,8 +28228,8 @@ var NdcActionBody = function (props) {
27771
28228
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
27772
28229
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
27773
28230
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
27774
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27775
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
28231
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28232
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27776
28233
  if (canUploadMonitorReport &&
27777
28234
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
27778
28235
  handleFileUploadMonitor();
@@ -27796,7 +28253,7 @@ var NdcActionBody = function (props) {
27796
28253
  ministryLevelPermission) && (React.createElement(React.Fragment, null,
27797
28254
  React.createElement(icons.LikeOutlined, { onClick: function () {
27798
28255
  return docAction(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.id, exports.DocumentStatus.ACCEPTED, verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.actionId, verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.type);
27799
- }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
28256
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
27800
28257
  React.createElement(icons.DislikeOutlined, { onClick: function () {
27801
28258
  setRejectDocData({
27802
28259
  id: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.id,
@@ -27811,8 +28268,8 @@ var NdcActionBody = function (props) {
27811
28268
  icon: React.createElement(icons.DislikeOutlined, null),
27812
28269
  });
27813
28270
  setOpenRejectDocConfirmationModal(true);
27814
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } })))) : verificationReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })) : (verifcationReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27815
- React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70", paddingTop: '3px' } }))))) : (React.createElement(React.Fragment, null,
28271
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } })))) : verificationReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })) : (verifcationReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28272
+ React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))))) : (React.createElement(React.Fragment, null,
27816
28273
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
27817
28274
  ? t("programme:notAuthToUploadDoc")
27818
28275
  : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
@@ -27821,8 +28278,8 @@ var NdcActionBody = function (props) {
27821
28278
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
27822
28279
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
27823
28280
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
27824
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27825
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
28281
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28282
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27826
28283
  if (monitoringReportAccepted &&
27827
28284
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
27828
28285
  handleFileUploadVerification();
@@ -27835,7 +28292,7 @@ var NdcActionBody = function (props) {
27835
28292
  } })))))),
27836
28293
  (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement("div", { className: "report-link" },
27837
28294
  React.createElement("div", { className: "link" }, linkDocVisible(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) && (React.createElement("a", { href: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
27838
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47", paddingTop: '3px' } })))),
28295
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
27839
28296
  !verificationReportAccepted && monitoringReportAccepted && (React.createElement(React.Fragment, null,
27840
28297
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
27841
28298
  ? t("programme:notAuthToUploadDoc")
@@ -27845,8 +28302,8 @@ var NdcActionBody = function (props) {
27845
28302
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
27846
28303
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
27847
28304
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
27848
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27849
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
28305
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28306
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27850
28307
  if (monitoringReportAccepted &&
27851
28308
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
27852
28309
  handleFileUploadVerification();
@@ -27860,7 +28317,7 @@ var NdcActionBody = function (props) {
27860
28317
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
27861
28318
  };
27862
28319
 
27863
- var css_248z$1 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row;\n align-items: start; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 20px; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
28320
+ var css_248z$1 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 20px; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
27864
28321
  styleInject(css_248z$1);
27865
28322
 
27866
28323
  var ProgrammeDocuments = function (props) {
@@ -28107,7 +28564,7 @@ var ProgrammeDocuments = function (props) {
28107
28564
  (designDocActionPermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
28108
28565
  React.createElement(icons.LikeOutlined, { onClick: function () {
28109
28566
  return docAction(designDocId, exports.DocumentStatus.ACCEPTED);
28110
- }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28567
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28111
28568
  React.createElement(icons.DislikeOutlined, { onClick: function () {
28112
28569
  setRejectDocData({ id: designDocId });
28113
28570
  setActionInfo({
@@ -28118,8 +28575,8 @@ var ProgrammeDocuments = function (props) {
28118
28575
  icon: React.createElement(icons.DislikeOutlined, null),
28119
28576
  });
28120
28577
  setOpenRejectDocConfirmationModal(true);
28121
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28122
- designDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28578
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28579
+ designDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28123
28580
  designDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28124
28581
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28125
28582
  designDocUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28127,23 +28584,15 @@ var ProgrammeDocuments = function (props) {
28127
28584
  " ~ " + designDocversion))),
28128
28585
  React.createElement(antd.Col, { span: 6, className: "field-value" }, designDocUrl !== "" ? (React.createElement("div", { className: "link" },
28129
28586
  linkDocVisible(designDocStatus) && (React.createElement("a", { href: designDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
28130
- React.createElement(icons.BookOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } }))),
28587
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
28131
28588
  designDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
28132
28589
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly ||
28133
28590
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER
28134
28591
  ? t("programme:notAuthToUploadDoc")
28135
28592
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28136
28593
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28137
- ? {
28138
- color: "#3F3A47",
28139
- cursor: "pointer",
28140
- margin: "0px 0px 1.5px 0px",
28141
- }
28142
- : {
28143
- color: "#cacaca",
28144
- cursor: "default",
28145
- margin: "0px 0px 1.5px 0px",
28146
- }, onClick: function () {
28594
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28595
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28147
28596
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
28148
28597
  } })),
28149
28598
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -28156,16 +28605,8 @@ var ProgrammeDocuments = function (props) {
28156
28605
  ? t("programme:notAuthToUploadDoc")
28157
28606
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28158
28607
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28159
- ? {
28160
- color: "#3F3A47",
28161
- cursor: "pointer",
28162
- margin: "0px 0px 1.5px 0px",
28163
- }
28164
- : {
28165
- color: "#cacaca",
28166
- cursor: "default",
28167
- margin: "0px 0px 1.5px 0px",
28168
- }, onClick: function () {
28608
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28609
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28169
28610
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
28170
28611
  } })),
28171
28612
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -28191,7 +28632,7 @@ var ProgrammeDocuments = function (props) {
28191
28632
  (companyRolePermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
28192
28633
  React.createElement(icons.LikeOutlined, { onClick: function () {
28193
28634
  return docAction(methDocId, exports.DocumentStatus.ACCEPTED);
28194
- }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28635
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28195
28636
  React.createElement(icons.DislikeOutlined, { onClick: function () {
28196
28637
  setRejectDocData({ id: methDocId });
28197
28638
  setActionInfo({
@@ -28202,8 +28643,8 @@ var ProgrammeDocuments = function (props) {
28202
28643
  icon: React.createElement(icons.DislikeOutlined, null),
28203
28644
  });
28204
28645
  setOpenRejectDocConfirmationModal(true);
28205
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28206
- methodDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28646
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28647
+ methodDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28207
28648
  methodDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28208
28649
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28209
28650
  methodologyDocUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28211,22 +28652,15 @@ var ProgrammeDocuments = function (props) {
28211
28652
  " ~ " + methDocversion))),
28212
28653
  React.createElement(antd.Col, { span: 6, className: "field-value" }, methodologyDocUrl !== "" ? (React.createElement("div", { className: "link" },
28213
28654
  linkDocVisible(methodDocStatus) && (React.createElement("a", { href: methodologyDocUrl, target: "_blank", rel: "noopener noreferrer", download: true },
28214
- React.createElement(icons.BookOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } }))),
28655
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
28215
28656
  methodDocStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
28216
28657
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
28217
28658
  ? t("programme:notAuthToUploadDoc")
28218
28659
  : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28219
28660
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
28220
28661
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28221
- ? {
28222
- color: "#3F3A47",
28223
- cursor: "pointer",
28224
- margin: "0px 0px 1.5px 0px",
28225
- }
28226
- : {
28227
- color: "#cacaca",
28228
- margin: "0px 0px 1.5px 0px",
28229
- }, onClick: function () {
28662
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28663
+ : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28230
28664
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
28231
28665
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
28232
28666
  handleMethodologyFileUpload();
@@ -28245,16 +28679,8 @@ var ProgrammeDocuments = function (props) {
28245
28679
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28246
28680
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
28247
28681
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28248
- ? {
28249
- color: "#3F3A47",
28250
- cursor: "pointer",
28251
- margin: "0px 0px 1.5px 0px",
28252
- }
28253
- : {
28254
- color: "#cacaca",
28255
- cursor: "default",
28256
- margin: "0px 0px 1.5px 0px",
28257
- }, onClick: function () {
28682
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28683
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28258
28684
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
28259
28685
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
28260
28686
  handleMethodologyFileUpload();
@@ -28283,7 +28709,7 @@ var ProgrammeDocuments = function (props) {
28283
28709
  (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
28284
28710
  React.createElement(icons.LikeOutlined, { onClick: function () {
28285
28711
  return docAction(impactAssessmentId, exports.DocumentStatus.ACCEPTED);
28286
- }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28712
+ }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28287
28713
  React.createElement(icons.DislikeOutlined, { onClick: function () {
28288
28714
  setRejectDocData({ id: impactAssessmentId });
28289
28715
  setActionInfo({
@@ -28294,8 +28720,8 @@ var ProgrammeDocuments = function (props) {
28294
28720
  icon: React.createElement(icons.DislikeOutlined, null),
28295
28721
  });
28296
28722
  setOpenRejectDocConfirmationModal(true);
28297
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28298
- impactAssessmentStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28723
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28724
+ impactAssessmentStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28299
28725
  impactAssessmentStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28300
28726
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28301
28727
  impactAssessmentUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28303,22 +28729,13 @@ var ProgrammeDocuments = function (props) {
28303
28729
  " ~ " + impactAssessmentversion))),
28304
28730
  React.createElement(antd.Col, { span: 6, className: "field-value" }, impactAssessmentUrl !== "" ? (React.createElement("div", { className: "link" },
28305
28731
  linkDocVisible(impactAssessmentStatus) && (React.createElement("a", { href: impactAssessmentUrl, target: "_blank", rel: "noopener noreferrer", download: true },
28306
- React.createElement("div", null,
28307
- React.createElement(icons.BookOutlined, { className: "common-progress-icon", style: { color: "#3F3A47" } })))),
28732
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
28308
28733
  impactAssessmentStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
28309
28734
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
28310
28735
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
28311
28736
  !isProjectRejected
28312
- ? {
28313
- color: "#3F3A47",
28314
- cursor: "pointer",
28315
- margin: "0px 0px 1.5px 0px",
28316
- }
28317
- : {
28318
- color: "#cacaca",
28319
- cursor: "default",
28320
- margin: "0px 0px 1.5px 0px",
28321
- }, onClick: function () {
28737
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28738
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28322
28739
  return uploadImpactAssessmentDocUserPermission &&
28323
28740
  !isProjectRejected &&
28324
28741
  handleImpactAssessmentFileUpload();
@@ -28331,16 +28748,8 @@ var ProgrammeDocuments = function (props) {
28331
28748
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
28332
28749
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
28333
28750
  !isProjectRejected
28334
- ? {
28335
- color: "#3F3A47",
28336
- cursor: "pointer",
28337
- margin: "0px 0px 1.5px 0px",
28338
- }
28339
- : {
28340
- color: "#cacaca",
28341
- cursor: "default",
28342
- margin: "0px 0px 1.5px 0px",
28343
- }, onClick: function () {
28751
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28752
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28344
28753
  return uploadImpactAssessmentDocUserPermission &&
28345
28754
  !isProjectRejected &&
28346
28755
  handleImpactAssessmentFileUpload();