@undp/carbon-library 1.0.169 → 1.0.170-CARBON-341.0

package/dist/cjs/index.js

@@ -857,7 +857,7 @@ var CompanyManagementComponent = function (props) {
 var css_248z$s = ".company-details-form-container {\n  width: 100%; }\n  .company-details-form-container .company-details-form .steps-actions {\n    display: flex;\n    flex-direction: row-reverse; }\n    .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  .company-details-form-container .company-details-form .row .website .ant-input {\n    margin-left: 0.3rem; }\n  .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n    border: 1px solid #d9d9d9; }\n  .company-details-form-container .company-details-form .row .logo-upload-section {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: start;\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n      width: 20%; }\n    .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n      align-items: center;\n      justify-content: center;\n      width: 75%; }\n      .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n        margin-top: 0; }\n  .company-details-form-container .company-details-form .row .details-part-one .space-container {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n      width: 100%; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #519e4f !important;\n      border-color: #519e4f !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #519e4f; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #ffa070 !important;\n      border-color: #ffa070 !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #ffa070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #9155fd !important;\n      border-color: #9155fd !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #9155fd; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n    width: 45%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #16b1ff !important;\n      border-color: #16b1ff !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #16b1ff; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n    width: 25%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #707070 !important;\n      border-color: #707070 !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #707070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n    background-color: transparent; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n    border: 1px solid #d9d9d9; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n    margin-right: 0.5rem; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n      background: rgba(128, 255, 0, 0.12);\n      color: #519e4f; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n      background: rgba(254, 241, 173, 0.5);\n      color: #ffa070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n      background: rgba(185, 226, 244, 0.56);\n      color: #16b1ff; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n      background: rgba(198, 144, 251, 0.12);\n      color: #9155fd; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n      background: rgba(176, 190, 197, 0.23);\n      color: #707070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n    margin-right: 5px; }\n\n.step-title-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem; }\n  .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  .step-title-container .title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #3a3541; }\n\n.add-company-main-container {\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 50px; }\n  .add-company-main-container .title-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: 5px; }\n    .add-company-main-container .title-container .main {\n      font-size: 1.25rem;\n      font-weight: 500;\n      color: #16b1ff; }\n    .add-company-main-container .title-container .sub {\n      font-size: 0.8rem;\n      color: #555657; }\n  .add-company-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-company-main-container .adding-section .form-section {\n      display: flex;\n      margin-bottom: 2rem; }\n      .add-company-main-container .adding-section .form-section .form-one {\n        width: 100%; }\n      .add-company-main-container .adding-section .form-section .steps {\n        width: 15%; }\n      .add-company-main-container .adding-section .form-section .steps-content {\n        width: 85%; }\n    .add-company-main-container .adding-section .steps-action {\n      display: flex;\n      flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n  height: auto;\n  max-height: 200px; }\n\n.hide {\n  display: none !important; }\n";
 styleInject(css_248z$s);
 
-var css_248z$r = "body {\n  background-color: #f4f5fa;\n  font-family: \"Inter\";\n  font-weight: 400; }\n\n.ant-menu {\n  background-color: #f4f5fa; }\n\n.ant-layout-header {\n  background-color: #f4f5fa; }\n\n.ant-layout {\n  background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n  background-color: #f4f5fa; }\n\n.ant-menu-item {\n  background-color: #f4f5fa; }\n\n.ant-menu-sub {\n  background-color: #f4f5fa; }\n\n.ant-table-content {\n  font-family: \"Inter\"; }\n\n.ant-input {\n  border-radius: 5px !important; }\n\n.ant-btn {\n  border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n  border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n  width: 99% !important; }\n\n.ant-tooltip-inner {\n  border-radius: 5px !important;\n  background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n  --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !important; }\n\n.ant-radio-group {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n  font-size: 0.8rem;\n  width: 25%;\n  border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n  border-color: #40a9ff;\n  border-radius: 5px;\n  height: 40px; }\n  .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n  .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n    color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n  color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n  border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n  border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n  font-size: 13px;\n  color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n  background-color: transparent !important; }\n\n.ant-form-item-label > label {\n  flex-direction: row-reverse !important;\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n  margin-left: 0.2rem !important;\n  color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n  border-radius: 5px !important;\n  height: 35px !important; }\n\n.PhoneInput .PhoneInputCountry {\n  border: 1px solid #d9d9d9 !important;\n  border-radius: 5px !important;\n  padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n  flex: 1 1;\n  min-width: 0;\n  border-radius: 5px !important;\n  height: 40px;\n  border: 1px solid #d9d9d9 !important;\n  outline: none; }\n\n.filter-title {\n  color: rgba(58, 53, 65, 0.8);\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 22px;\n  color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n  color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n  flex: 1 1;\n  min-width: 0;\n  border-radius: 5px !important;\n  height: 40px;\n  border-right: 1px solid #40a9ff !important;\n  outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n  padding-bottom: 100px; }\n  .layout-content-container .ant-btn-primary {\n    background-color: #16b1ff;\n    color: #ffffff;\n    border: none; }\n  .layout-content-container .ant-btn {\n    height: 32px;\n    font-weight: 500;\n    font-size: 0.8rem;\n    border-radius: 0.3rem;\n    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n    min-width: 80px;\n    box-shadow: none; }\n    .layout-content-container .ant-btn span {\n      text-transform: uppercase; }\n\n.content-container {\n  padding: 0px 20px; }\n  .content-container .title-bar {\n    padding: 0px 0px 30px 0px; }\n  .content-container .body-title {\n    color: #16b1ff;\n    font-weight: 500;\n    font-size: 1.2rem; }\n  .content-container .body-sub-title {\n    color: rgba(58, 53, 65, 0.6);\n    font-weight: 400;\n    font-size: 0.8rem; }\n\n.content-card {\n  background-color: #ffffff;\n  border-radius: 10px;\n  width: 100%; }\n  .content-card .action-bar {\n    padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n    .content-card .action-bar button {\n      width: fit-content; }\n  .content-card .filter-section {\n    padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n    display: flex;\n    width: 100%;\n    flex-direction: row;\n    align-items: center;\n    justify-content: end; }\n    .content-card .filter-section .search-bar {\n      display: flex;\n      flex-direction: row-reverse; }\n    .content-card .filter-section .filter-bar {\n      display: flex;\n      flex-direction: row-reverse;\n      margin-top: 0.8rem;\n      width: 5%; }\n    .content-card .filter-section .ant-input-affix-wrapper {\n      border-radius: 0.313rem 0 0 0.313rem !important; }\n    .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n      padding-top: 0;\n      padding-bottom: 0;\n      border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n  min-width: 50px !important; }\n\n.table-actions-section {\n  width: 100%;\n  margin-bottom: 1rem; }\n\n.action-menu {\n  min-width: 120px;\n  color: rgba(58, 53, 65, 0.6); }\n  .action-menu .action-icon {\n    margin-right: 12px;\n    display: flex; }\n  .action-menu .anticon-edit {\n    color: #16b1ff; }\n  .action-menu .anticon-delete {\n    color: #f25a29; }\n\n.ant-dropdown-menu {\n  padding: 1rem 2rem 1rem 1rem !important;\n  border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n  background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n  margin: -12px -16px; }\n  .ant-popover-inner-content .action-menu .ant-list-item {\n    padding: 11px 16px;\n    justify-content: flex-start;\n    cursor: pointer; }\n\n.ant-tag {\n  border-radius: 20px; }\n\n.clickable {\n  cursor: pointer; }\n\n.text-center {\n  text-align: center; }\n\n.float-left {\n  float: left; }\n\n.float-right {\n  float: right; }\n\n.apexcharts-canvas {\n  font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n  font-family: \"Inter\" !important; }\n\n.ant-tag {\n  padding: 1px 10px; }\n\n.flex-display {\n  display: flex; }\n\n.ant-modal-footer {\n  border-top: none;\n  text-align: center; }\n  .ant-modal-footer button {\n    margin: 10px 20px;\n    text-transform: uppercase;\n    font-size: 0.8rem; }\n\n.ant-modal-header {\n  border-radius: 15px;\n  border: none; }\n\n.ant-modal-content {\n  border-radius: 15px;\n  border: none; }\n\n.ant-modal-header {\n  border: none; }\n\n.ant-modal-body {\n  text-align: center;\n  color: rgba(58, 53, 65, 0.6);\n  font-size: 0.8rem; }\n  .ant-modal-body .ant-select-selector {\n    text-align: left;\n    border-radius: 5px !important;\n    height: 32px; }\n  .ant-modal-body .form-label {\n    text-align: left; }\n    .ant-modal-body .form-label .req-ast {\n      color: rgba(255, 77, 79, 0.8);\n      padding-left: 5px; }\n  .ant-modal-body .ant-form .ant-input-password {\n    padding: 6.5px 11px;\n    font-size: 16px; }\n  .ant-modal-body .ant-form .ant-form-item-explain-error {\n    text-align: start; }\n\n.popup-header {\n  text-align: center;\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600;\n  font-family: \"Inter\";\n  font-size: 0.9rem;\n  margin: 25px 20px -20px 20px; }\n  .popup-header .icon {\n    font-size: 4rem;\n    margin-bottom: 15px;\n    font-weight: 400; }\n  .popup-header img {\n    height: 100px; }\n\n.popup-success .icon {\n  color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n  background: #16b1ff;\n  border-radius: #16b1ff;\n  border: none; }\n\n.popup-success .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-primary .icon {\n  color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n  background: #16b1ff;\n  border-radius: #16b1ff;\n  border: none; }\n\n.popup-primary .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-danger .icon {\n  color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n  background: rgba(255, 77, 79, 0.8);\n  border-radius: rgba(255, 77, 79, 0.8);\n  border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n  height: 32px;\n  border-radius: 4px;\n  padding: 6px 16px;\n  font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n  color: rgba(140, 140, 140, 0.7) !important;\n  border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n  color: #16b1ff;\n  background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n  font-family: 'Inter';\n  font-size: 0.8rem !important; }\n\n.pull-right {\n  float: right; }\n\n.disabled {\n  opacity: 0.5; }\n\n.mg-left-3 {\n  margin-left: 3rem; }\n\n.mg-left-2 {\n  margin-left: 2rem !important; }\n\n.mg-left-1 {\n  margin-left: 1rem; }\n\n.mg-top-1 {\n  margin-top: 1rem; }\n\n.mg-top-2 {\n  margin-top: 2rem; }\n\n.mg-bottom-1 {\n  margin-bottom: 1rem !important; }\n\n.transfer-form {\n  padding: 0px 15px;\n  color: rgba(58, 53, 65, 0.6); }\n  .transfer-form .popup-credit-input .ant-form-item-explain-error {\n    width: 200px; }\n  .transfer-form .ant-row {\n    align-items: unset; }\n  .transfer-form .sub-text {\n    margin-bottom: 35px;\n    font-size: 0.9rem;\n    font-weight: 500; }\n  .transfer-form .label {\n    text-align: left;\n    font-size: 0.9rem;\n    color: rgba(58, 53, 65, 0.6); }\n  .transfer-form .seperator {\n    font-size: 1.2rem;\n    color: #d9d9d9; }\n  .transfer-form .footer {\n    margin-bottom: 0px;\n    margin-top: 15px; }\n  .transfer-form label {\n    font-size: 0.8rem; }\n  .transfer-form .ant-radio-wrapper {\n    font-size: 0.9rem; }\n  .transfer-form input {\n    color: rgba(58, 53, 65, 0.6); }\n  .transfer-form button {\n    text-transform: uppercase;\n    font-weight: 500; }\n\n.color-error {\n  color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n  color: #16b1ff; }\n\n.ant-input-number-input {\n  text-align: right; }\n\n.text-left {\n  text-align: left; }\n\n.ant-form-item .ant-radio-group {\n  text-align: left; }\n\n.loading-center {\n  margin: auto;\n  text-align: center;\n  position: absolute;\n  top: 50%;\n  left: 50%; }\n\n.ant-tag-purple {\n  color: #976ed7; }\n\n.ant-tag-orange {\n  color: #ff8f56; }\n\n.ant-tag-default {\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n  border-radius: 4px; }\n\n.ant-input-number {\n  border-radius: 5px; }\n\n.ret-icon {\n  background-color: rgba(254, 241, 173, 0.5);\n  color: #ff8f56; }\n\n.flag-ret-icon {\n  display: flex !important;\n  background-color: #f4f5fa;\n  font-size: 1.1rem !important;\n  padding: 7px; }\n\n.b-icon {\n  vertical-align: middle; }\n\n.ant-message-notice-content {\n  padding: 0px;\n  border-radius: 5px; }\n  .ant-message-notice-content .ant-message-custom-content {\n    font-size: 0.8rem;\n    border-radius: 5px;\n    padding: 17px 24px; }\n  .ant-message-notice-content .ant-message-error {\n    color: rgba(255, 77, 79, 0.8);\n    border: 1px solid rgba(255, 77, 79, 0.8); }\n  .ant-message-notice-content .ant-message-success {\n    color: #5bce00;\n    border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n  color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n  font-size: 0.9rem;\n  font-weight: 500; }\n\n.search-filter {\n  margin-right: 15px; }\n\n.mg-bottom-0 {\n  margin-bottom: 0px; }\n\n.padding-bottom-0 {\n  padding-bottom: 0px; }\n\n.ellipsis-overflow {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n  overflow-wrap: break-word; }\n\n.ant-message {\n  width: 50%;\n  right: 0px;\n  left: auto;\n  min-width: 400px; }\n";
+var css_248z$r = "body {\n  background-color: #f4f5fa;\n  font-family: \"Inter\";\n  font-weight: 400; }\n\n.ant-menu {\n  background-color: #f4f5fa; }\n\n.ant-layout-header {\n  background-color: #f4f5fa; }\n\n.ant-layout {\n  background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n  background-color: #f4f5fa; }\n\n.ant-menu-item {\n  background-color: #f4f5fa; }\n\n.ant-menu-sub {\n  background-color: #f4f5fa; }\n\n.ant-table-content {\n  font-family: \"Inter\"; }\n\n.ant-input {\n  border-radius: 5px !important; }\n\n.ant-btn {\n  border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n  border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n  width: 99% !important; }\n\n.ant-tooltip-inner {\n  border-radius: 5px !important;\n  background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n  --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !important; }\n\n.ant-radio-group {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n  font-size: 0.8rem;\n  width: 25%;\n  border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n  border-color: #40a9ff;\n  border-radius: 5px;\n  height: 40px; }\n  .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n  .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n    color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n  color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n  border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n  border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n  font-size: 13px;\n  color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n  background-color: transparent !important; }\n\n.ant-form-item-label > label {\n  flex-direction: row-reverse !important;\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n  margin-left: 0.2rem !important;\n  color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n  border-radius: 5px !important;\n  height: 35px !important; }\n\n.space-container {\n  width: 100%; }\n  .space-container .ant-space-item {\n    width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n  border: 1px solid #d9d9d9 !important;\n  border-radius: 5px !important;\n  padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n  flex: 1 1;\n  min-width: 0;\n  border-radius: 5px !important;\n  height: 40px;\n  border: 1px solid #d9d9d9 !important;\n  outline: none; }\n\n.filter-title {\n  color: rgba(58, 53, 65, 0.8);\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 22px;\n  color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n  color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n  flex: 1 1;\n  min-width: 0;\n  border-radius: 5px !important;\n  height: 40px;\n  border-right: 1px solid #40a9ff !important;\n  outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n  padding-bottom: 100px; }\n  .layout-content-container .ant-btn-primary {\n    background-color: #16b1ff;\n    color: #ffffff;\n    border: none; }\n  .layout-content-container .ant-btn {\n    height: 32px;\n    font-weight: 500;\n    font-size: 0.8rem;\n    border-radius: 0.3rem;\n    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n    min-width: 80px;\n    box-shadow: none; }\n    .layout-content-container .ant-btn span {\n      text-transform: uppercase; }\n\n.content-container {\n  padding: 0px 20px; }\n  .content-container .title-bar {\n    padding: 0px 0px 30px 0px; }\n  .content-container .body-title {\n    color: #16b1ff;\n    font-weight: 500;\n    font-size: 1.2rem; }\n  .content-container .body-sub-title {\n    color: rgba(58, 53, 65, 0.6);\n    font-weight: 400;\n    font-size: 0.8rem; }\n\n.content-card {\n  background-color: #ffffff;\n  border-radius: 10px;\n  width: 100%; }\n  .content-card .action-bar {\n    padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n    .content-card .action-bar button {\n      width: fit-content; }\n  .content-card .filter-section {\n    padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n    display: flex;\n    width: 100%;\n    flex-direction: row;\n    align-items: center;\n    justify-content: end; }\n    .content-card .filter-section .search-bar {\n      display: flex;\n      flex-direction: row-reverse; }\n    .content-card .filter-section .filter-bar {\n      display: flex;\n      flex-direction: row-reverse;\n      margin-top: 0.8rem;\n      width: 5%; }\n    .content-card .filter-section .ant-input-affix-wrapper {\n      border-radius: 0.313rem 0 0 0.313rem !important; }\n    .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n      padding-top: 0;\n      padding-bottom: 0;\n      border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n  min-width: 50px !important; }\n\n.table-actions-section {\n  width: 100%;\n  margin-bottom: 1rem; }\n\n.action-menu {\n  min-width: 120px;\n  color: rgba(58, 53, 65, 0.6); }\n  .action-menu .action-icon {\n    margin-right: 12px;\n    display: flex; }\n  .action-menu .anticon-edit {\n    color: #16b1ff; }\n  .action-menu .anticon-delete {\n    color: #f25a29; }\n\n.ant-dropdown-menu {\n  padding: 1rem 2rem 1rem 1rem !important;\n  border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n  background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n  margin: -12px -16px; }\n  .ant-popover-inner-content .action-menu .ant-list-item {\n    padding: 11px 16px;\n    justify-content: flex-start;\n    cursor: pointer; }\n\n.ant-tag {\n  border-radius: 20px; }\n\n.clickable {\n  cursor: pointer; }\n\n.text-center {\n  text-align: center; }\n\n.float-left {\n  float: left; }\n\n.float-right {\n  float: right; }\n\n.apexcharts-canvas {\n  font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n  font-family: \"Inter\" !important; }\n\n.ant-tag {\n  padding: 1px 10px; }\n\n.flex-display {\n  display: flex; }\n\n.ant-modal-footer {\n  border-top: none;\n  text-align: center; }\n  .ant-modal-footer button {\n    margin: 10px 20px;\n    text-transform: uppercase;\n    font-size: 0.8rem; }\n\n.ant-modal-header {\n  border-radius: 15px;\n  border: none; }\n\n.ant-modal-content {\n  border-radius: 15px;\n  border: none; }\n\n.ant-modal-header {\n  border: none; }\n\n.ant-modal-body {\n  text-align: center;\n  color: rgba(58, 53, 65, 0.6);\n  font-size: 0.8rem; }\n  .ant-modal-body .ant-select-selector {\n    text-align: left;\n    border-radius: 5px !important;\n    height: 32px; }\n  .ant-modal-body .form-label {\n    text-align: left; }\n    .ant-modal-body .form-label .req-ast {\n      color: rgba(255, 77, 79, 0.8);\n      padding-left: 5px; }\n  .ant-modal-body .ant-form .ant-input-password {\n    padding: 6.5px 11px;\n    font-size: 16px; }\n  .ant-modal-body .ant-form .ant-form-item-explain-error {\n    text-align: start; }\n\n.popup-header {\n  text-align: center;\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600;\n  font-family: \"Inter\";\n  font-size: 0.9rem;\n  margin: 25px 20px -20px 20px; }\n  .popup-header .icon {\n    font-size: 4rem;\n    margin-bottom: 15px;\n    font-weight: 400; }\n  .popup-header img {\n    height: 100px; }\n\n.popup-success .icon {\n  color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n  background: #16b1ff;\n  border-radius: #16b1ff;\n  border: none; }\n\n.popup-success .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-primary .icon {\n  color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n  background: #16b1ff;\n  border-radius: #16b1ff;\n  border: none; }\n\n.popup-primary .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-danger .icon {\n  color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n  background: rgba(255, 77, 79, 0.8);\n  border-radius: rgba(255, 77, 79, 0.8);\n  border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n  height: 32px;\n  border-radius: 4px;\n  padding: 6px 16px;\n  font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n  color: rgba(140, 140, 140, 0.7) !important;\n  border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n  color: #16b1ff;\n  background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n  font-family: 'Inter';\n  font-size: 0.8rem !important; }\n\n.pull-right {\n  float: right; }\n\n.disabled {\n  opacity: 0.5; }\n\n.mg-left-3 {\n  margin-left: 3rem; }\n\n.mg-left-2 {\n  margin-left: 2rem !important; }\n\n.mg-left-1 {\n  margin-left: 1rem; }\n\n.mg-top-1 {\n  margin-top: 1rem; }\n\n.mg-top-2 {\n  margin-top: 2rem; }\n\n.mg-bottom-1 {\n  margin-bottom: 1rem !important; }\n\n.transfer-form {\n  padding: 0px 15px;\n  color: rgba(58, 53, 65, 0.6); }\n  .transfer-form .popup-credit-input .ant-form-item-explain-error {\n    width: 200px; }\n  .transfer-form .ant-row {\n    align-items: unset; }\n  .transfer-form .sub-text {\n    margin-bottom: 35px;\n    font-size: 0.9rem;\n    font-weight: 500; }\n  .transfer-form .label {\n    text-align: left;\n    font-size: 0.9rem;\n    color: rgba(58, 53, 65, 0.6); }\n  .transfer-form .seperator {\n    font-size: 1.2rem;\n    color: #d9d9d9; }\n  .transfer-form .footer {\n    margin-bottom: 0px;\n    margin-top: 15px; }\n  .transfer-form label {\n    font-size: 0.8rem; }\n  .transfer-form .ant-radio-wrapper {\n    font-size: 0.9rem; }\n  .transfer-form input {\n    color: rgba(58, 53, 65, 0.6); }\n  .transfer-form button {\n    text-transform: uppercase;\n    font-weight: 500; }\n\n.color-error {\n  color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n  color: #16b1ff; }\n\n.ant-input-number-input {\n  text-align: right; }\n\n.text-left {\n  text-align: left; }\n\n.ant-form-item .ant-radio-group {\n  text-align: left; }\n\n.loading-center {\n  margin: auto;\n  text-align: center;\n  position: absolute;\n  top: 50%;\n  left: 50%; }\n\n.ant-tag-purple {\n  color: #976ed7; }\n\n.ant-tag-orange {\n  color: #ff8f56; }\n\n.ant-tag-default {\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n  border-radius: 4px; }\n\n.ant-input-number {\n  border-radius: 5px; }\n\n.ret-icon {\n  background-color: rgba(254, 241, 173, 0.5);\n  color: #ff8f56; }\n\n.flag-ret-icon {\n  display: flex !important;\n  background-color: #f4f5fa;\n  font-size: 1.1rem !important;\n  padding: 7px; }\n\n.b-icon {\n  vertical-align: middle; }\n\n.ant-message-notice-content {\n  padding: 0px;\n  border-radius: 5px; }\n  .ant-message-notice-content .ant-message-custom-content {\n    font-size: 0.8rem;\n    border-radius: 5px;\n    padding: 17px 24px; }\n  .ant-message-notice-content .ant-message-error {\n    color: rgba(255, 77, 79, 0.8);\n    border: 1px solid rgba(255, 77, 79, 0.8); }\n  .ant-message-notice-content .ant-message-success {\n    color: #5bce00;\n    border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n  color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n  font-size: 0.9rem;\n  font-weight: 500; }\n\n.search-filter {\n  margin-right: 15px; }\n\n.mg-bottom-0 {\n  margin-bottom: 0px; }\n\n.padding-bottom-0 {\n  padding-bottom: 0px; }\n\n.ellipsis-overflow {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n  overflow-wrap: break-word; }\n\n.ant-message {\n  width: 50%;\n  right: 0px;\n  left: auto;\n  min-width: 400px; }\n";
 styleInject(css_248z$r);
 
 exports.UserManagementColumns = void 0;
@@ -25342,22 +25342,57 @@ var InvestmentBody = function (props) {
                 React.createElement(antd.Tooltip, { title: addSpaces(investmentData === null || investmentData === void 0 ? void 0 : investmentData.stream), color: TooltipColor, key: TooltipColor }, (investmentData === null || investmentData === void 0 ? void 0 : investmentData.stream) === exports.InvestmentStream.CLIMATE_FINANCE ? (React.createElement(icons.BankOutlined, { className: "action-icons" })) : (React.createElement(icons.LineChartOutlined, { className: "action-icons" }))))))));
 };
 
+var getValidNdcActions = function (programme) {
+    var _a;
+    var actionCreditsArray = [];
+    (_a = programme.mitigationActions) === null || _a === void 0 ? void 0 : _a.map(function (action) {
+        var verfiedAction = false;
+        if (action.projectMaterial) {
+            for (var _i = 0, _a = action.projectMaterial; _i < _a.length; _i++) {
+                var document = _a[_i];
+                if (document.includes("VERIFICATION_REPORT")) {
+                    verfiedAction = true;
+                    break;
+                }
+            }
+        }
+        if (verfiedAction && 0 < action.properties.availableCredits) {
+            actionCreditsArray.push({
+                actionId: action.actionId,
+                availableCredits: action.properties.availableCredits,
+            });
+        }
+    });
+    return actionCreditsArray;
+};
 var ProgrammeIssueForm = function (props) {
-    var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, enableIssue = props.enableIssue, translator = props.translator;
+    var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, enableIssue = props.enableIssue, translator = props.translator, ndcActions = props.ndcActions;
     var t = translator.t;
     var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
     var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
     return (React.createElement("div", { className: "transfer-form" },
         React.createElement(antd.Row, null,
             React.createElement(antd.Col, { span: 24, className: "sub-text" }, subText)),
-        React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", initialValues: {
-                issueAmount: 0,
-            }, onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
-                var res;
+        React.createElement(antd.Form, { name: "transfer_init_popup", layout: "vertical", onChange: function () { return setPopupError(undefined); }, onFinish: function (d) { return __awaiter(void 0, void 0, void 0, function () {
+                var totalAmount, validIssues, res;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            if (d.issueAmount === 0) {
+                            validIssues = [];
+                            if (enableIssue) {
+                                totalAmount = 0;
+                                d.issueAmount.map(function (action) {
+                                    totalAmount += action.issueCredit;
+                                    if (action.issueCredit > 0) {
+                                        validIssues.push({
+                                            actionId: action.actionId,
+                                            issueCredit: action.issueCredit,
+                                        });
+                                    }
+                                });
+                                d.issueAmount = validIssues;
+                            }
+                            if (totalAmount === 0) {
                                 setPopupError("Issue amount should be greater than 0");
                                 setLoading(false);
                                 return [2 /*return*/];
@@ -25372,43 +25407,54 @@ var ProgrammeIssueForm = function (props) {
                     }
                 });
             }); } },
-            enableIssue ? (React.createElement(antd.Row, null,
-                React.createElement(antd.Col, { lg: 11, md: 24 },
-                    React.createElement("div", { className: "label" }, "".concat(t("view:issueCreditText"), " (").concat(creditUnit, ")"))),
-                React.createElement(antd.Col, { lg: 6, md: 12 },
-                    React.createElement(antd.Form.Item, { className: "popup-credit-input", name: "issueAmount", rules: [
-                            {
-                                pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
-                                message: "Credit Should be a positive number",
-                            },
-                            {
-                                required: true,
-                                message: "Required field",
-                            },
-                            function (_a) {
-                                var getFieldValue = _a.getFieldValue;
-                                return ({
-                                    validator: function (rule, value) {
-                                        if (getFieldValue("issueAmount") &&
-                                            parseFloat(getFieldValue("issueAmount")) >
-                                                programme.creditEst - programme.creditIssued) {
-                                            // eslint-disable-next-line prefer-promise-reject-errors
-                                            return Promise.reject("Amount > Authorised");
-                                        }
-                                        return Promise.resolve();
-                                    },
-                                });
-                            },
-                        ] },
-                        React.createElement(antd.InputNumber, { placeholder: "", controls: false, onKeyPress: function (event) {
-                                if (!/[0-9\.]/.test(event.key)) {
-                                    event.preventDefault();
-                                }
-                            } }))),
-                React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
-                React.createElement(antd.Col, { lg: 6, md: 12 },
-                    React.createElement(antd.Form.Item, { className: "popup-credit-input" },
-                        React.createElement(antd.InputNumber, { placeholder: addCommSep(programme.creditEst - programme.creditIssued), disabled: true }))))) : (React.createElement(antd.Row, null,
+            ndcActions && enableIssue ? (React.createElement(antd.Form.List, { name: "issueAmount", initialValue: ndcActions }, function (fields, _a) {
+                _a.add; _a.remove;
+                return (React.createElement("div", { style: { width: "100%" }, className: "space-container" }, fields.map(function (_a) {
+                    var key = _a.key, name = _a.name, restField = __rest(_a, ["key", "name"]);
+                    return (React.createElement(antd.Space, { wrap: true, key: key, style: {
+                            display: "flex",
+                            marginBottom: 8,
+                        }, align: "center", size: "large" },
+                        React.createElement("div", { style: { width: "100%" } },
+                            React.createElement(antd.Row, null,
+                                React.createElement(antd.Col, { lg: 11, md: 24 },
+                                    React.createElement("div", { className: "label" }, "".concat(t("view:issueCreditNdcIdText"), ": ").concat(ndcActions[name].actionId))),
+                                React.createElement(antd.Col, { lg: 6, md: 12 },
+                                    React.createElement(antd.Form.Item, { initialValue: 0, className: "popup-credit-input", name: [name, "issueCredit"], rules: [
+                                            {
+                                                pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
+                                                message: "Credit Should be a positive number",
+                                            },
+                                            {
+                                                required: true,
+                                                message: "Required field",
+                                            },
+                                            function (_a) {
+                                                _a.getFieldValue;
+                                                return ({
+                                                    validator: function (rule, value) {
+                                                        if (value &&
+                                                            parseFloat(value) >
+                                                                ndcActions[name].availableCredits) {
+                                                            // eslint-disable-next-line prefer-promise-reject-errors
+                                                            return Promise.reject("Amount > Authorised");
+                                                        }
+                                                        return Promise.resolve();
+                                                    },
+                                                });
+                                            },
+                                        ] },
+                                        React.createElement(antd.InputNumber, { placeholder: "", controls: false, onKeyPress: function (event) {
+                                                if (!/[0-9\.]/.test(event.key)) {
+                                                    event.preventDefault();
+                                                }
+                                            } }))),
+                                React.createElement(antd.Col, { lg: 1, md: 1, className: "seperator" }, "/"),
+                                React.createElement(antd.Col, { lg: 6, md: 12 },
+                                    React.createElement(antd.Form.Item, __assign({ className: "popup-credit-input" }, restField, { name: [name, "availableCredits"] }),
+                                        React.createElement(antd.InputNumber, { formatter: function (value) { return addCommSep(value); }, disabled: true })))))));
+                })));
+            })) : (React.createElement(antd.Row, null,
                 React.createElement(antd.Col, { lg: 18, md: 20 },
                     React.createElement("div", { className: "label" }, "".concat(t("view:authCreditText"), " (").concat(creditUnit, ")"))),
                 React.createElement(antd.Col, { lg: 6, md: 6 },
@@ -25962,7 +26008,7 @@ var css_248z$2 = ".ndc-action-body {\n  display: flex;\n  flex-direction: column
 styleInject(css_248z$2);
 
 var NdcActionBody = function (props) {
-    var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, translator = props.translator, useUserContext = props.useUserContext;
+    var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, translator = props.translator, useUserContext = props.useUserContext, onFinish = props.onFinish, programme = props.programme;
     var t = translator.t;
     var userInfoState = useUserContext().userInfoState;
     var fileInputMonitoringRef = React.useRef(null);
@@ -25997,7 +26043,7 @@ var NdcActionBody = function (props) {
         (_a = fileInputVerificationRef === null || fileInputVerificationRef === void 0 ? void 0 : fileInputVerificationRef.current) === null || _a === void 0 ? void 0 : _a.click();
     };
     var onUploadDocument = function (file, type) { return __awaiter(void 0, void 0, void 0, function () {
-        var logoBase64, response;
+        var logoBase64, response_1, programmeData, modified_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -26025,14 +26071,40 @@ var NdcActionBody = function (props) {
                             actionId: ndcActionId,
                         })];
                 case 3:
-                    response = _a.sent();
-                    if (response === null || response === void 0 ? void 0 : response.data) {
+                    response_1 = _a.sent();
+                    if (response_1 === null || response_1 === void 0 ? void 0 : response_1.data) {
                         antd.message.open({
                             type: "success",
                             content: "".concat(t("programme:isUploaded")),
                             duration: 4,
                             style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                         });
+                        if (type == exports.DocType.VERIFICATION_REPORT &&
+                            (response_1 === null || response_1 === void 0 ? void 0 : response_1.data.status) == exports.DocumentStatus.ACCEPTED &&
+                            response_1.data.programme.mitigationActions) {
+                            programmeData = response_1 === null || response_1 === void 0 ? void 0 : response_1.data.programme;
+                            modified_1 = false;
+                            programmeData.mitigationActions.map(function (action) {
+                                if (action.actionId == ndcActionId) {
+                                    modified_1 = true;
+                                    var docAdded = false;
+                                    for (var _i = 0, _a = action.projectMaterial; _i < _a.length; _i++) {
+                                        var document = _a[_i];
+                                        if (document.includes("VERIFICATION_REPORT")) {
+                                            docAdded = true;
+                                            break;
+                                        }
+                                    }
+                                    if (!docAdded) {
+                                        action.projectMaterial.push(response_1 === null || response_1 === void 0 ? void 0 : response_1.data.url);
+                                    }
+                                }
+                            });
+                            if (modified_1) {
+                                programme.mitigationActions = programmeData.mitigationActions;
+                                onFinish(programme);
+                            }
+                        }
                     }
                     return [3 /*break*/, 5];
                 case 4:
@@ -26064,14 +26136,14 @@ var NdcActionBody = function (props) {
         });
     }); };
     var docAction = function (id, status, actionId, type) { return __awaiter(void 0, void 0, void 0, function () {
-        var error_2;
+        var programmeRes, programmeData, docRepoRes, docUrl_1, modified_2, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setLoading(true);
                     _a.label = 1;
                 case 1:
-                    _a.trys.push([1, 3, 4, 5]);
+                    _a.trys.push([1, 6, 7, 8]);
                     return [4 /*yield*/, post("national/programme/docAction", {
                             id: id,
                             status: status,
@@ -26087,8 +26159,51 @@ var NdcActionBody = function (props) {
                         duration: 4,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 5];
+                    if (!(type == exports.DocType.VERIFICATION_REPORT &&
+                        status == exports.DocumentStatus.ACCEPTED)) return [3 /*break*/, 5];
+                    return [4 /*yield*/, post("national/programme/query", {
+                            page: 1,
+                            size: 2,
+                            filterAnd: [
+                                {
+                                    key: "programmeId",
+                                    operation: "=",
+                                    value: programmeId,
+                                },
+                            ],
+                        })];
                 case 3:
+                    programmeRes = _a.sent();
+                    programmeData = programmeRes.data[0];
+                    if (!programmeData.mitigationActions) return [3 /*break*/, 5];
+                    return [4 /*yield*/, post("national/programme/queryDocs", {
+                            page: 1,
+                            size: 100,
+                            filterAnd: [
+                                {
+                                    key: "id",
+                                    operation: "=",
+                                    value: id,
+                                },
+                            ],
+                        })];
+                case 4:
+                    docRepoRes = _a.sent();
+                    docUrl_1 = docRepoRes.data[0].url;
+                    modified_2 = false;
+                    programmeData.mitigationActions.map(function (action) {
+                        if (action.actionId == actionId) {
+                            modified_2 = true;
+                            if (!action.projectMaterial.includes(docUrl_1)) {
+                                action.projectMaterial.push(docUrl_1);
+                            }
+                        }
+                    });
+                    if (modified_2)
+                        onFinish(programmeData);
+                    _a.label = 5;
+                case 5: return [3 /*break*/, 8];
+                case 6:
                     error_2 = _a.sent();
                     antd.message.open({
                         type: "error",
@@ -26096,13 +26211,13 @@ var NdcActionBody = function (props) {
                         duration: 4,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 5];
-                case 4:
+                    return [3 /*break*/, 8];
+                case 7:
                     getProgrammeDocs();
                     setOpenRejectDocConfirmationModal(false);
                     setLoading(false);
                     return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
+                case 8: return [2 /*return*/];
             }
         });
     }); };
@@ -26737,14 +26852,54 @@ var ProgrammeDocuments = function (props) {
 var css_248z = ".remark {\n  padding-top: 7px;\n  font-size: 0.75rem; }\n  .remark .remark-title {\n    text-transform: capitalize;\n    font-weight: 500;\n    color: rgba(58, 53, 65, 0.5); }\n  .remark .remark-body {\n    font-weight: 400;\n    color: rgba(58, 53, 65, 0.5); }\n";
 styleInject(css_248z);
 
+var formatString = function (str, vargs) {
+    var parts = str.split("{}");
+    var insertAt = 1;
+    for (var _i = 0, vargs_1 = vargs; _i < vargs_1.length; _i++) {
+        var arg = vargs_1[_i];
+        parts.splice(insertAt, 0, arg);
+        insertAt += 2;
+    }
+    return parts.join("");
+};
+var addNdcDesc = function (props) {
+    var ndcActions = props.ndcActions, t = props.t, creditUnit = props.creditUnit;
+    var actions = ndcActions.split("&");
+    var ndcDesc = "";
+    for (var id in actions) {
+        var parts = actions[id].split("?");
+        if (Number(id) == actions.length - 1 && actions.length > 1) {
+            ndcDesc += " and ".concat(formatString(t("view:t1IssueNdcDesc"), [
+                parts[1],
+                creditUnit,
+                parts[0],
+            ]));
+        }
+        else if (actions.length > 1 && Number(id) != actions.length - 2) {
+            ndcDesc += "".concat(formatString(t("view:t1IssueNdcDesc"), [
+                parts[1],
+                creditUnit,
+                parts[0],
+            ]), ", ");
+        }
+        else {
+            ndcDesc += "".concat(formatString(t("view:t1IssueNdcDesc"), [
+                parts[1],
+                creditUnit,
+                parts[0],
+            ]));
+        }
+    }
+    return ndcDesc;
+};
 var TimelineBody = function (props) {
     var text = props.text, remark = props.remark, via = props.via, t = props.t;
     return (React.createElement("div", null,
         React.createElement("div", null,
             text,
-            via && React.createElement("span", null, " ".concat(t('view:via'), " ").concat(via))),
-        remark && remark !== 'undefined' && remark !== 'null' && (React.createElement("div", { className: "remark" },
-            React.createElement("div", { className: "remark-title" }, t('view:remarks')),
+            via && React.createElement("span", null, " ".concat(t("view:via"), " ").concat(via))),
+        remark && remark !== "undefined" && remark !== "null" && (React.createElement("div", { className: "remark" },
+            React.createElement("div", { className: "remark-title" }, t("view:remarks")),
             React.createElement("div", { className: "remark-body" }, remark)))));
 };
 
@@ -26817,6 +26972,7 @@ exports.ViewBGColor = ViewBGColor;
 exports.ViewColor = ViewColor;
 exports.addCommSep = addCommSep;
 exports.addCommSepRound = addCommSepRound;
+exports.addNdcDesc = addNdcDesc;
 exports.addRoundNumber = addRoundNumber;
 exports.addSpaces = addSpaces;
 exports.consumerGroupList = consumerGroupList;
@@ -26839,6 +26995,7 @@ exports.getStageTagTypeMRV = getStageTagTypeMRV;
 exports.getStageTransferEnumVal = getStageTransferEnumVal;
 exports.getStatusTagType = getStatusTagType;
 exports.getTransferStageTagType = getTransferStageTagType;
+exports.getValidNdcActions = getValidNdcActions;
 exports.isBase64 = isBase64;
 exports.landAreaUnitList = landAreaUnitList;
 exports.mitigationTypeList = mitigationTypeList;