@undp/carbon-library 1.0.78 → 1.0.80

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, UserOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, LinkOutlined } from '@ant-design/icons';
+import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, UserOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
 import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, InputNumber, Spin, Progress, DatePicker, Popover, List, Typography, Tabs } from 'antd';
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
@@ -1001,6 +1001,7 @@ var Instrument;
     Instrument["GRANT"] = "Grant";
     Instrument["EQUITY"] = "Equity";
     Instrument["GUARANTEE"] = "Guarantee";
+    Instrument["INKIND"] = "In-Kind";
     Instrument["OTHER"] = "Other";
 })(Instrument || (Instrument = {}));
 
@@ -5788,13 +5789,13 @@ var ProgrammeManagementComponent = function (props) {
 var css_248z$g = ".programme-view {\n  padding: 0px 50px; }\n  .programme-view .ant-steps-item-tail::after {\n    background-color: #ffff !important;\n    background-color: #ffff !important;\n    border-left: 1px dashed #d9d9d9;\n    border-style: dashed;\n    border-width: 1px;\n    border-color: #d9d9d9; }\n  .programme-view .action-btns {\n    justify-content: center !important; }\n    .programme-view .action-btns button:first-child {\n      margin-right: 15px;\n      margin-left: 10px; }\n    .programme-view .action-btns button:last-child {\n      margin-right: 15px; }\n  .programme-view .title-bar {\n    display: flex;\n    justify-content: space-between; }\n  .programme-view .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {\n    left: 13px; }\n  .programme-view .apexcharts-legend-series {\n    padding-bottom: 5px; }\n  .programme-view .card-container {\n    margin-bottom: 20px;\n    width: 100%;\n    border-radius: 10px; }\n    .programme-view .card-container .action-btns {\n      margin-top: 25px;\n      margin-bottom: -15px;\n      justify-content: end; }\n  .programme-view .programme-logo {\n    width: 100px;\n    height: 100px;\n    border-radius: 100%;\n    background-color: rgba(254, 241, 173, 0.5);\n    font-size: 50px;\n    color: #ffa070;\n    text-align: center;\n    padding: 12px;\n    margin: auto; }\n  .programme-view .centered-card {\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    flex-direction: column;\n    width: 100%; }\n  .programme-view .separator {\n    border-bottom: 1px solid #f0f0f0;\n    width: 100%; }\n  .programme-view .cert-info {\n    text-align: center;\n    padding: 20px 15px 20px 15px; }\n    .programme-view .cert-info img {\n      height: 60px; }\n  .programme-view .cert-content {\n    display: flex;\n    flex-wrap: wrap; }\n  .programme-view .cert-logo {\n    width: 60px;\n    height: 60px;\n    border-radius: 100%;\n    background-color: rgba(254, 241, 173, 0.5);\n    font-size: 30px;\n    color: #ffa070;\n    text-align: center;\n    padding: 6px;\n    margin: 0 auto; }\n  .programme-view .cert-name {\n    color: rgba(58, 53, 65, 0.8);\n    margin-top: 14px;\n    font-weight: 600; }\n  .programme-view .cert-date {\n    color: rgba(58, 53, 65, 0.6);\n    font-weight: 400;\n    font-size: 0.8rem; }\n  .programme-view .company-info {\n    padding: 25px 10px 30px 10px;\n    min-width: 200px; }\n    .programme-view .company-info img {\n      height: 90px; }\n    .programme-view .company-info .progress-bar {\n      width: calc(max(200px, 60%));\n      font-size: 0.8rem;\n      color: rgba(58, 53, 65, 0.6);\n      margin: 15px auto 0px; }\n    .programme-view .company-info .ant-progress-success-bg,\n    .programme-view .company-info .ant-progress-bg {\n      background-color: #16b1ff; }\n  .programme-view .programme-name {\n    color: rgba(58, 53, 65, 0.8);\n    margin-top: 14px;\n    font-weight: 600; }\n  .programme-view .file-name {\n    cursor: pointer;\n    color: rgba(58, 53, 65, 0.6); }\n  .programme-view .file-name:hover {\n    color: #16b1ff; }\n\n.info-view .content {\n  padding: 15px 0px;\n  margin-left: -8px; }\n\n.info-view .map-content {\n  padding: 15px 0px; }\n\n.info-view .ant-steps-item-subtitle {\n  display: block;\n  margin-left: 0px;\n  font-size: 0.8rem;\n  color: rgba(58, 53, 65, 0.3);\n  margin-top: -12px;\n  font-weight: 500; }\n\n.info-view .ant-steps-item-process\n> .ant-steps-item-container\n> .ant-steps-item-content\n> .ant-steps-item-title {\n  color: rgba(58, 53, 65, 0.8);\n  font-size: 0.8rem;\n  font-weight: 600; }\n\n.info-view .ant-steps-item-process\n> .ant-steps-item-container\n> .ant-steps-item-content\n> .ant-steps-item-description {\n  font-size: 0.8rem;\n  font-weight: 500;\n  color: rgba(58, 53, 65, 0.6); }\n\n.info-view .step-icon {\n  border-radius: 100%;\n  margin-right: 10px;\n  padding: 0.5rem 0.5rem 0.3rem 0.5rem;\n  font-size: 0.8rem; }\n\n.info-view .created-step {\n  color: #ff8f56;\n  background-color: rgba(254, 241, 173, 0.5);\n  font-size: 1rem;\n  padding: 0.4rem 0.4rem 0.2rem 0.4rem; }\n\n.info-view .auth-step {\n  color: #16b1ff;\n  background-color: rgba(185, 226, 244, 0.5); }\n\n.info-view .reject-step {\n  color: #ff9900;\n  background-color: rgba(254, 179, 159, 0.3); }\n\n.info-view .issue-step {\n  color: #4f9d83;\n  background-color: rgba(128, 255, 0, 0.12); }\n\n.info-view .cert-step {\n  color: #4f9d83;\n  background-color: rgba(128, 255, 0, 0.12); }\n\n.info-view .revoke-step {\n  color: rgba(255, 0, 199, 0.56);\n  background-color: rgba(255, 159, 222, 0.5); }\n\n.info-view .transfer-step {\n  background-color: rgba(215, 223, 226, 0.5);\n  color: #949599; }\n\n.info-view .retire-step {\n  color: #ff4d4f;\n  background-color: rgba(255, 211, 211, 0.5);\n  padding: 0.5rem 0.5rem 0.3rem 0.5rem; }\n\n.info-view .freeze-step {\n  color: #976ed7;\n  background-color: rgba(183, 164, 254, 0.3); }\n\n.info-view .region-list {\n  padding-top: 20px; }\n\n.loc-tag {\n  padding: 10px 20px 0px 0px;\n  color: rgba(58, 53, 65, 0.6); }\n\n.loc-icon {\n  margin-right: 5px;\n  font-size: 1rem; }\n\n.loc-text {\n  line-height: 1.2rem;\n  vertical-align: top; }\n\n.apexcharts-datalabels-group {\n  font-family: \"Inter\" !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.remark {\n  font-size: 0.8rem; }\n\n.footer-btn {\n  margin: 39px 20px 0px 20px;\n  display: flex;\n  justify-content: center;\n  column-gap: 30px; }\n  .footer-btn button {\n    text-transform: uppercase; }\n\n.retire-form .ant-radio-group {\n  text-align: left; }\n\n.only-head .title {\n  margin-bottom: 0px !important; }\n  .only-head .title .link {\n    font-size: 1.2rem;\n    line-height: 0.5rem;\n    cursor: pointer;\n    color: rgba(58, 53, 65, 0.8); }\n\n.mapboxgl-popup-tip {\n  border-bottom-color: #16b1ff !important;\n  border-top-color: #16b1ff !important; }\n\n.mapboxgl-popup-content {\n  background-color: #16b1ff;\n  color: white;\n  font-family: \"Inter\";\n  font-weight: 500;\n  min-width: 60px;\n  height: 30px;\n  padding: 5px 20px; }\n";
 styleInject(css_248z$g);
 
+var css_248z$f = ".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\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 .row {\n    display: flex;\n    width: 40%;\n    align-items: center;\n    justify-content: space-between; }\n    .info-view .field-value .row .key {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n    .info-view .field-value .row .data {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
+styleInject(css_248z$f);
+
 var dateTimeFormat = 'dd LLLL yyyy @ HH:mm';
 var dateFormat = 'dd LLLL yyyy';
 var creditUnit = 'ITMO';
 
-var css_248z$f = ".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\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
-styleInject(css_248z$f);
-
 var InfoView = function (props) {
     var title = props.title, data = props.data, icon = props.icon, hiddenColumns = props.hiddenColumns;
     return (React.createElement("div", { className: "info-view" },
@@ -5802,14 +5803,20 @@ var InfoView = function (props) {
             React.createElement("span", { className: "title-icon" }, icon),
             React.createElement("span", { className: "title-text" }, title)),
         React.createElement("div", null, Object.keys(data).map(function (k) {
+            var _a;
             if (hiddenColumns.indexOf(k) < 0) {
                 return (React.createElement(Row, { className: "field", key: k },
                     React.createElement(Col, { span: 12, className: "field-key" }, k),
-                    React.createElement(Col, { span: 12, className: "field-value" }, data[k] instanceof DateTime
+                    React.createElement(Col, { span: 12, className: "field-value" }, k.includes("GHG Emissions") ? (((_a = Object.values(data[k])) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (Object.entries(data[k]).map(function (_a) {
+                        var key = _a[0]; _a[1];
+                        return (React.createElement("div", { className: "row" },
+                            React.createElement("div", { className: "key" }, key),
+                            React.createElement("div", { className: "data" }, data[k][key])));
+                    })) : (React.createElement("div", null, "-"))) : (React.createElement("span", null, data[k] instanceof DateTime
                         ? data[k].toFormat(dateFormat)
-                        : data[k] === '' || !data[k] || data[k] === 'NaN'
-                            ? '-'
-                            : data[k])));
+                        : data[k] === "" || !data[k] || data[k] === "NaN"
+                            ? "-"
+                            : data[k])))));
             }
             else {
                 return null;
@@ -13535,17 +13542,17 @@ var ProgrammeCreationComponent = function (props) {
     var _j = useState(0), current = _j[0], setCurrent = _j[1];
     var _k = useState(false), isUpdate = _k[0]; _k[1];
     var _l = useState(), includedInNDC = _l[0], setIncludedInNDC = _l[1];
-    var _m = useState(), includedInNAP = _m[0], setIncludedInNAP = _m[1];
-    var _o = useState([]), countries = _o[0], setCountries = _o[1];
-    var _p = useState([]), organisationsList = _p[0], setOrganisationList = _p[1];
-    var _q = useState(""), userOrgTaxId = _q[0], setUserOrgTaxId = _q[1];
-    var _r = useState([]), regionsList = _r[0], setRegionsList = _r[1];
-    var _s = useState(); _s[0]; var setProgrammeDetailsObj = _s[1];
-    var _t = useState(), selectedOrgs = _t[0], setSelectedOrgs = _t[1];
-    var _u = useState(false), ownershipPercentageValidation = _u[0], setOwnershipPercentageValidation = _u[1];
-    var _v = useState(""), selectedSector = _v[0], setSelectedSector = _v[1];
-    var _w = useState([]); _w[0]; var setMinistrySectoralScope = _w[1];
-    var _x = useState([]), availableSecoralScope = _x[0], setAvailableSectoralScope = _x[1];
+    var _m = useState([]), countries = _m[0], setCountries = _m[1];
+    var _o = useState([]), organisationsList = _o[0], setOrganisationList = _o[1];
+    var _p = useState(""), userOrgTaxId = _p[0], setUserOrgTaxId = _p[1];
+    var _q = useState([]), regionsList = _q[0], setRegionsList = _q[1];
+    var _r = useState(); _r[0]; var setProgrammeDetailsObj = _r[1];
+    var _s = useState(), selectedOrgs = _s[0], setSelectedOrgs = _s[1];
+    var _t = useState(false), ownershipPercentageValidation = _t[0], setOwnershipPercentageValidation = _t[1];
+    var _u = useState(""), selectedSector = _u[0], setSelectedSector = _u[1];
+    var _v = useState([]); _v[0]; var setMinistrySectoralScope = _v[1];
+    var _w = useState([]), availableSecoralScope = _w[0], setAvailableSectoralScope = _w[1];
+    var _x = useState([]), selectableSectoralScope = _x[0], setSelectableSectoralScope = _x[1];
     var _y = useState([]), availableSectar = _y[0], setAvailableSectar = _y[1];
     var initialOrganisationOwnershipValues = [
         {
@@ -13831,12 +13838,11 @@ var ProgrammeCreationComponent = function (props) {
                                 (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY
                                 ? __spreadArray([userOrgTaxId], proponentTxIds, true) : proponentTxIds,
                             proponentPercentage: proponentPercentages,
-                            programmeProperties: __assign(__assign(__assign({ buyerCountryEligibility: values === null || values === void 0 ? void 0 : values.buyerCountryEligibility, geographicalLocation: values === null || values === void 0 ? void 0 : values.geographicalLocation, greenHouseGasses: values === null || values === void 0 ? void 0 : values.greenHouseGasses }, ((values === null || values === void 0 ? void 0 : values.ndcScope) !== undefined &&
+                            programmeProperties: __assign(__assign({ buyerCountryEligibility: values === null || values === void 0 ? void 0 : values.buyerCountryEligibility, geographicalLocation: values === null || values === void 0 ? void 0 : values.geographicalLocation, greenHouseGasses: values === null || values === void 0 ? void 0 : values.greenHouseGasses }, ((values === null || values === void 0 ? void 0 : values.ndcScope) !== undefined &&
                                 (values === null || values === void 0 ? void 0 : values.ndcScope) !== null && {
                                 ndcScope: (values === null || values === void 0 ? void 0 : values.ndcScope) === "true" ? true : false,
                             })), (includedInNDC !== undefined &&
-                                includedInNDC !== null && { includedInNdc: includedInNDC })), (includedInNAP !== undefined &&
-                                includedInNAP !== null && { includedInNap: includedInNAP })),
+                                includedInNDC !== null && { includedInNdc: includedInNDC })),
                         };
                         if ((logoUrls === null || logoUrls === void 0 ? void 0 : logoUrls.length) > 0) {
                             programmeDetails.designDocument = logoUrls[1];
@@ -13946,14 +13952,6 @@ var ProgrammeCreationComponent = function (props) {
             setIncludedInNDC(value);
         }
     };
-    var onClickIncludedInNAPScope = function (value) {
-        if (value === includedInNAP) {
-            setIncludedInNAP(undefined);
-        }
-        else {
-            setIncludedInNAP(value);
-        }
-    };
     var onChangeGeoLocation = function (values) {
         if (values.includes("National")) {
             var buyerCountryValues = regionsList;
@@ -13961,15 +13959,6 @@ var ProgrammeCreationComponent = function (props) {
             formOne.setFieldValue("geographicalLocation", __spreadArray([], newBuyerValues, true));
         }
     };
-    var onInCludedNAPChange = function (event) {
-        var _a, _b;
-        if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value) === "inNAP") {
-            setIncludedInNAP(true);
-        }
-        else if (((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.value) === "notInNAP") {
-            setIncludedInNAP(false);
-        }
-    };
     var onInCludedNDCChange = function (event) {
         var _a, _b;
         if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value) === "inNDC") {
@@ -13999,8 +13988,29 @@ var ProgrammeCreationComponent = function (props) {
         setSelectedSector(String(val));
     };
     useEffect(function () {
-        getOrganisationsDetails();
-    }, []);
+        if (selectedSector !== "" &&
+            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
+            formOne.setFieldValue("sectoralScope", "");
+            if (selectedSector === String(Sector.Health) ||
+                selectedSector === String(Sector.Education) ||
+                selectedSector === String(Sector.Hospitality)) {
+                setSelectableSectoralScope(availableSecoralScope);
+            }
+            else {
+                var sScopes_1 = [];
+                availableSecoralScope === null || availableSecoralScope === void 0 ? void 0 : availableSecoralScope.map(function (sectoralScope) {
+                    var _a;
+                    if ((_a = sectoralScopes[selectedSector]) === null || _a === void 0 ? void 0 : _a.includes(sectoralScope === null || sectoralScope === void 0 ? void 0 : sectoralScope.key)) {
+                        sScopes_1.push(sectoralScope);
+                    }
+                });
+                setSelectableSectoralScope(__spreadArray([], sScopes_1, true));
+            }
+        }
+        else if (selectedSector !== "") {
+            formOne.setFieldValue("sectoralScope", "");
+        }
+    }, [selectedSector]);
     return (React.createElement("div", { className: "add-programme-main-container" },
         React.createElement("div", { className: "title-container" },
             React.createElement("div", { className: "main" }, isUpdate
@@ -14242,7 +14252,7 @@ var ProgrammeCreationComponent = function (props) {
                                                         ] },
                                                         React.createElement(Select, { size: "large" }, (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ===
                                                             CompanyRole.MINISTRY
-                                                            ? availableSecoralScope === null || availableSecoralScope === void 0 ? void 0 : availableSecoralScope.map(function (item) { return (React.createElement(Select.Option, { key: item.value, value: item.value }, item.key)); })
+                                                            ? selectableSectoralScope === null || selectableSectoralScope === void 0 ? void 0 : selectableSectoralScope.map(function (item) { return (React.createElement(Select.Option, { key: item.value, value: item.value }, item.key)); })
                                                             : selectedSectoralScopes === null || selectedSectoralScopes === void 0 ? void 0 : selectedSectoralScopes.map(function (val) {
                                                                 if (val in SectoralScope) {
                                                                     var key = val;
@@ -14314,24 +14324,6 @@ var ProgrammeCreationComponent = function (props) {
                                                             React.createElement("div", { className: "yes-no-radio-container" },
                                                                 React.createElement(Radio.Button, { className: "yes-no-radio", value: false, onClick: function () {
                                                                         return onClickIncludedInNDCScope(false);
-                                                                    } }, t("addProgramme:no"))))))),
-                                            React.createElement(Col, { md: 24, xl: 12, className: "in-nap-col" },
-                                                React.createElement(Row, { className: "in-nap-row" },
-                                                    React.createElement(Col, { md: 16, lg: 18, xl: 18 },
-                                                        React.createElement("div", { className: "included-label" },
-                                                            React.createElement("div", null, t("addProgramme:inNAP")),
-                                                            React.createElement("div", { className: "info-container" },
-                                                                React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "topLeft", trigger: "hover", title: t("addProgramme:inNAPToolTip"), overlayClassName: "custom-tooltip" },
-                                                                    React.createElement(InfoCircle, { color: "#000000", size: 17 }))))),
-                                                    React.createElement(Col, { md: 8, lg: 6, xl: 6, className: "included-val" },
-                                                        React.createElement(Radio.Group, { size: "middle", onChange: onInCludedNAPChange, value: includedInNAP },
-                                                            React.createElement("div", { className: "yes-no-radio-container" },
-                                                                React.createElement(Radio.Button, { className: "yes-no-radio", value: true, onClick: function () {
-                                                                        return onClickIncludedInNAPScope(true);
-                                                                    } }, t("addProgramme:yes"))),
-                                                            React.createElement("div", { className: "yes-no-radio-container" },
-                                                                React.createElement(Radio.Button, { className: "yes-no-radio", value: false, onClick: function () {
-                                                                        return onClickIncludedInNAPScope(false);
                                                                     } }, t("addProgramme:no")))))))),
                                         React.createElement("div", { className: "steps-actions" },
                                             React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onClick: checkOrgPercentageValidation }, t("addProgramme:next"))))))),
@@ -15882,6 +15874,17 @@ var InvestmentCreationComponent = function (props) {
                                                             },
                                                         ] },
                                                         React.createElement(Input, { size: "large" })))))),
+                                        instrument &&
+                                            instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 12, md: 24 },
+                                                React.createElement("div", { className: "details-part-two" },
+                                                    React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
+                                                            {
+                                                                required: false,
+                                                                message: "",
+                                                            },
+                                                        ] },
+                                                        React.createElement(Input, { size: "large" })))))),
                                         instrument &&
                                             instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
                                             React.createElement(Col, { xl: 12, md: 24 },
@@ -17037,28 +17040,51 @@ var NdcActionManagementComponent = function (props) {
                             } })))))));
 };
 
-var css_248z$5 = ".ndc-action-details-container Input {\n  height: 40px; }\n\n.ndc-action-details-container .ant-select-selection-item {\n  color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n  font-family: \"Inter\";\n  color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n  color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n  font-family: \"Inter\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 22px;\n  color: rgba(58, 53, 65, 0.5);\n  margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n  display: flex;\n  flex-direction: row-reverse; }\n  .ndc-action-details-container .steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n  height: 40px !important;\n  margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n  border-radius: 5px !important;\n  height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: start;\n  width: 100%; }\n  .ndc-action-details-container .design-upload-section .icon-color {\n    color: #16b1ff !important; }\n  .ndc-action-details-container .design-upload-section .ant-upload {\n    width: 20%; }\n  .ndc-action-details-container .design-upload-section .ant-upload-list {\n    align-items: center;\n    justify-content: center;\n    width: 75%; }\n    .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n      margin-top: 0; }\n";
+var css_248z$5 = ".ndc-action-details-container Input {\n  height: 40px; }\n\n.ndc-action-details-container .in-nap-col {\n  width: 100%; }\n\n.ndc-action-details-container .included-nap-col {\n  width: 40%;\n  display: flex; }\n  .ndc-action-details-container .included-nap-col .in-nap-row {\n    width: 100%;\n    align-items: center; }\n    .ndc-action-details-container .included-nap-col .in-nap-row .included-label {\n      display: flex;\n      flex-direction: row;\n      width: fit-content;\n      align-items: center;\n      justify-content: space-between;\n      font-size: 14px;\n      color: rgba(58, 53, 65, 0.5); }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-label .info-container {\n        display: flex;\n        flex-direction: row;\n        width: 10%;\n        height: 30px;\n        align-items: center;\n        justify-content: flex-end; }\n    .ndc-action-details-container .included-nap-col .in-nap-row .included-val {\n      width: 100%; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container {\n        width: 43%;\n        text-align: center; }\n        .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n          color: #ffffff !important;\n          border-color: #9155fd !important;\n          box-shadow: none;\n          border-radius: 4px; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper::before {\n        background-color: transparent;\n        border-radius: 4px; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .ant-radio-button-wrapper {\n        border: 1px solid #d9d9d9;\n        border-radius: 4px;\n        color: #8c8c8c; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .anticon {\n        margin-right: 0.5rem; }\n      .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio {\n        width: 100%; }\n        .ndc-action-details-container .included-nap-col .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n          background: #9155fd;\n          color: #ffffff; }\n\n.ndc-action-details-container .row-custom-1 {\n  display: flex;\n  margin-bottom: 2px; }\n\n.ndc-action-details-container .row-custom {\n  display: flex;\n  width: 200px;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem; }\n  .ndc-action-details-container .row-custom .ant-input-number {\n    height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center; }\n\n.ndc-action-details-container .enablement-type-item {\n  display: flex;\n  width: 100%; }\n  .ndc-action-details-container .enablement-type-item .ant-form-item-row {\n    display: flex;\n    width: 100%; }\n  .ndc-action-details-container .enablement-type-item .ant-checkbox-wrapper {\n    color: rgba(58, 53, 65, 0.5);\n    font-size: 14px; }\n  .ndc-action-details-container .enablement-type-item .type-checkbox-grp {\n    display: flex;\n    width: 100%; }\n    .ndc-action-details-container .enablement-type-item .type-checkbox-grp .grp-row {\n      display: flex;\n      width: 100%; }\n\n.ndc-action-details-container .ant-select-selection-item {\n  color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-dropdown {\n  font-family: \"Inter\";\n  color: #949599 !important; }\n\n.ndc-action-details-container .ant-select-selector {\n  color: #949599 !important; }\n\n.ndc-action-details-container .label-heading {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 22px;\n  color: rgba(58, 53, 65, 0.5);\n  margin-bottom: 5px; }\n\n.ndc-action-details-container .steps-actions {\n  display: flex;\n  flex-direction: row-reverse; }\n  .ndc-action-details-container .steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n\n.ndc-action-details-container .upload-doc {\n  height: 40px !important;\n  margin-right: 240px; }\n\n.ndc-action-details-container .ant-upload-list-item {\n  border-radius: 5px !important;\n  height: 40px !important; }\n\n.ndc-action-details-container .design-upload-section {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: start;\n  width: 100%; }\n  .ndc-action-details-container .design-upload-section .icon-color {\n    color: #16b1ff !important; }\n  .ndc-action-details-container .design-upload-section .ant-upload {\n    width: 20%; }\n  .ndc-action-details-container .design-upload-section .ant-upload-list {\n    align-items: center;\n    justify-content: center;\n    width: 75%; }\n    .ndc-action-details-container .design-upload-section .ant-upload-list .ant-upload-list-item {\n      margin-top: 0; }\n";
 styleInject(css_248z$5);
 
+var EnablementTypes;
+(function (EnablementTypes) {
+    EnablementTypes["CapacityBuilding"] = "Capacity Building";
+    EnablementTypes["InstitutionalArrangement"] = "Institutional Arrangement";
+    EnablementTypes["StakeholderFramework"] = "Stakeholder Framework";
+    EnablementTypes["TechnologyTransfer"] = "Technology Transfer";
+})(EnablementTypes || (EnablementTypes = {}));
+var enablementTypesAndValues = [
+    { type: EnablementTypes.CapacityBuilding.valueOf(), col: 4 },
+    {
+        type: EnablementTypes.InstitutionalArrangement.valueOf(),
+        col: 5,
+    },
+    { type: EnablementTypes.StakeholderFramework.valueOf(), col: 5 },
+    { type: EnablementTypes.TechnologyTransfer.valueOf(), col: 4 },
+];
+
 var NdcActionDetails = function (props) {
     var isBackBtnVisible = props.isBackBtnVisible, onFormSubmit = props.onFormSubmit, ndcActionDetails = props.ndcActionDetails, translator = props.translator, programmeDetails = props.programmeDetails, onClickedBackBtn = props.onClickedBackBtn;
+    translator.setDefaultNamespace("ndcAction");
+    var t = translator.t;
     var _a = useState(), ndcActionType = _a[0], setNdcActionType = _a[1];
     var _b = useState(), mitigationType = _b[0], setmitigationType = _b[1];
     var _c = useState(""), sector = _c[0], setSector = _c[1];
     var _d = useState(ndcActionTypeList), ndcActionTypeListFiltered = _d[0]; _d[1];
+    var _e = useState([]), checkedOptionsGhgReduced = _e[0], setCheckedOptionsGhgReduced = _e[1];
+    var _f = useState([]), checkedOptionsGhgAvoided = _f[0], setCheckedOptionsGhgAvoided = _f[1];
+    var _g = useState(), inputNumberValueGhgAvoidedGas = _g[0], setInputNumberValueGhgAvoidedGas = _g[1];
+    var _h = useState(), inputNumberValueGhgReducedGas = _h[0], setInputNumberValueGhgReducedGas = _h[1];
+    var _j = useState(), includedInNAP = _j[0], setIncludedInNAP = _j[1];
     var form = Form.useForm()[0];
-    translator.setDefaultNamespace('ndcAction');
-    var t = translator.t;
     var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
         ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
         : 5000000;
+    var ghgEmissionsGas = ["CO2", "CH4", "N20", "HFCs", "PFCs", "SF6"];
     useEffect(function () {
         if (programmeDetails) {
             setSector(programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector);
         }
     }, [programmeDetails]);
     useEffect(function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         if (ndcActionDetails) {
             if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) {
                 setNdcActionType(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action);
@@ -17066,6 +17092,15 @@ var NdcActionDetails = function (props) {
             if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation) {
                 setmitigationType(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation);
             }
+            if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.includedInNAP) {
+                setIncludedInNAP(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.includedInNAP);
+            }
+            if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.inputNumberValueGhgAvoidedGas) {
+                setInputNumberValueGhgAvoidedGas(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.inputNumberValueGhgAvoidedGas);
+            }
+            if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.inputNumberValueGhgReducedGas) {
+                setInputNumberValueGhgReducedGas(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.inputNumberValueGhgReducedGas);
+            }
             form.setFieldsValue({
                 ndcActionType: ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action,
                 mitigationType: ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.typeOfMitigation,
@@ -17078,8 +17113,9 @@ var NdcActionDetails = function (props) {
                 nationalPlanObjectives: (_g = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _g === void 0 ? void 0 : _g.nationalPlanObjectives,
                 nationalPlanCoverage: (_h = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _h === void 0 ? void 0 : _h.nationalPlanCoverage,
                 EnablementTitle: (_j = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.enablementProperties) === null || _j === void 0 ? void 0 : _j.title,
+                EnablementType: (_k = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.enablementProperties) === null || _k === void 0 ? void 0 : _k.type,
                 EnablementReport: ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.enablementReportData,
-                userEstimatedCredits: (_k = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.ndcFinancing) === null || _k === void 0 ? void 0 : _k.userEstimatedCredits,
+                userEstimatedCredits: (_l = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.ndcFinancing) === null || _l === void 0 ? void 0 : _l.userEstimatedCredits,
                 methodologyEstimatedCredits: 0,
             });
         }
@@ -17193,9 +17229,9 @@ var NdcActionDetails = function (props) {
                 case 0:
                     ndcActionDetailObj = {};
                     ndcActionDetailObj.action = ndcActionFormvalues.ndcActionType;
-                    ndcActionDetailObj.methodology = t("ndcAction:goldStandard");
                     if (ndcActionFormvalues.ndcActionType === NdcActionTypes.Mitigation ||
                         ndcActionFormvalues.ndcActionType === NdcActionTypes.CrossCutting) {
+                        ndcActionDetailObj.methodology = t("ndcAction:goldStandard");
                         ndcActionDetailObj.typeOfMitigation = ndcActionFormvalues.mitigationType;
                         if (ndcActionFormvalues.mitigationType === MitigationTypes.AGRICULTURE) {
                             ndcActionDetailObj.agricultureProperties = {
@@ -17243,11 +17279,29 @@ var NdcActionDetails = function (props) {
                             nationalPlanObjectives: ndcActionFormvalues.nationalPlanObjectives,
                             nationalPlanCoverage: ndcActionFormvalues.nationalPlanCoverage,
                         };
+                        if (includedInNAP === true || includedInNAP === false) {
+                            ndcActionDetailObj.adaptationProperties.includedInNAP = includedInNAP;
+                        }
+                        if (inputNumberValueGhgAvoidedGas !== null ||
+                            inputNumberValueGhgAvoidedGas !== undefined) {
+                            ndcActionDetailObj.adaptationProperties.ghgEmissionsAvoided =
+                                inputNumberValueGhgAvoidedGas;
+                        }
+                        if (inputNumberValueGhgReducedGas !== null ||
+                            inputNumberValueGhgReducedGas !== undefined) {
+                            ndcActionDetailObj.adaptationProperties.ghgEmissionsReduced =
+                                inputNumberValueGhgReducedGas;
+                        }
                     }
                     if (!(ndcActionFormvalues.ndcActionType === NdcActionTypes.Enablement)) return [3 /*break*/, 3];
                     ndcActionDetailObj.enablementProperties = {
                         title: ndcActionFormvalues.EnablementTitle,
                     };
+                    if (ndcActionFormvalues.EnablementType &&
+                        ndcActionFormvalues.EnablementType.length > 0) {
+                        ndcActionDetailObj.enablementProperties.type =
+                            ndcActionFormvalues.EnablementType;
+                    }
                     if (!(ndcActionFormvalues.EnablementReport &&
                         ndcActionFormvalues.EnablementReport.length > 0)) return [3 /*break*/, 2];
                     return [4 /*yield*/, getBase64((_a = ndcActionFormvalues.EnablementReport[0]) === null || _a === void 0 ? void 0 : _a.originFileObj)];
@@ -17279,6 +17333,23 @@ var NdcActionDetails = function (props) {
         }
         return e === null || e === void 0 ? void 0 : e.fileList;
     };
+    var onClickIncludedInNAPScope = function (value) {
+        if (value === includedInNAP) {
+            setIncludedInNAP(undefined);
+        }
+        else {
+            setIncludedInNAP(value);
+        }
+    };
+    var onInCludedNAPChange = function (event) {
+        var _a, _b;
+        if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value) === "inNAP") {
+            setIncludedInNAP(true);
+        }
+        else if (((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.value) === "notInNAP") {
+            setIncludedInNAP(false);
+        }
+    };
     return (React.createElement("div", { className: "ndc-action-details-container" },
         React.createElement(Form, { name: "ndcActionDetails", layout: "vertical", requiredMark: true, onFinish: onNdcActionDetailsFormSubmit, form: form },
             React.createElement(Row, { justify: "start", align: "middle" },
@@ -17292,40 +17363,42 @@ var NdcActionDetails = function (props) {
                         React.createElement(Select, { size: "large", onChange: handleNdcActionChange, style: {
                                 width: "249px",
                                 borderRadius: "4px",
-                            }, dropdownStyle: { color: "red" }, options: ndcActionTypeListFiltered }))),
-                React.createElement(Col, { style: { marginLeft: "38px" } },
-                    React.createElement(Form.Item, { label: t("ndcAction:methodology"), name: "methodology" },
-                        React.createElement("span", { style: {
-                                display: "inline-block",
-                                border: "1px solid #D9D9D9",
-                                width: "154px",
-                                height: "38px",
-                                borderRadius: "4px",
-                                padding: "7px 8px",
-                                fontSize: "14px",
-                                backgroundColor: "#F0F0F0",
-                                color: "#8C8C8C",
-                            } },
-                            " ",
-                            t("ndcAction:goldStandard"))))),
+                            }, dropdownStyle: { color: "red" }, options: ndcActionTypeListFiltered })))),
             ndcActionType === NdcActionTypes.CrossCutting && (React.createElement(Row, null,
                 React.createElement("label", { className: "label-heading" }, t("ndcAction:mitigation")))),
             (ndcActionType === NdcActionTypes.Mitigation ||
-                ndcActionType === NdcActionTypes.CrossCutting) && (React.createElement(Row, { justify: "start", align: "middle" },
-                React.createElement(Form.Item, { label: t("ndcAction:mitigationType"), name: "mitigationType", rules: [
-                        {
-                            required: true,
-                            message: "".concat(t("ndcAction:mitigationType"), " ").concat(t("ndcAction:isRequired")),
-                        },
-                    ] },
-                    React.createElement(Select, { size: "large", onChange: handleMitigationTypeChange, style: {
-                            width: "249px",
-                            borderRadius: "4px",
-                        }, options: (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Health ||
-                            (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Education ||
-                            (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Hospitality
-                            ? mitigationTypeList
-                            : sectorMitigationTypesListMapped[sector] })))),
+                ndcActionType === NdcActionTypes.CrossCutting) && (React.createElement(React.Fragment, null,
+                React.createElement(Row, { justify: "start", align: "middle" },
+                    React.createElement(Col, null,
+                        React.createElement(Form.Item, { label: t("ndcAction:mitigationType"), name: "mitigationType", rules: [
+                                {
+                                    required: true,
+                                    message: "".concat(t("ndcAction:mitigationType"), " ").concat(t("ndcAction:isRequired")),
+                                },
+                            ] },
+                            React.createElement(Select, { size: "large", onChange: handleMitigationTypeChange, style: {
+                                    width: "249px",
+                                    borderRadius: "4px",
+                                }, options: (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Health ||
+                                    (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Education ||
+                                    (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === Sector.Hospitality
+                                    ? mitigationTypeList
+                                    : sectorMitigationTypesListMapped[sector] }))),
+                    React.createElement(Col, { style: { marginLeft: "38px" } },
+                        React.createElement(Form.Item, { label: t("ndcAction:methodology"), name: "methodology" },
+                            React.createElement("span", { style: {
+                                    display: "inline-block",
+                                    border: "1px solid #D9D9D9",
+                                    width: "154px",
+                                    height: "38px",
+                                    borderRadius: "4px",
+                                    padding: "7px 8px",
+                                    fontSize: "14px",
+                                    backgroundColor: "#F0F0F0",
+                                    color: "#8C8C8C",
+                                } },
+                                " ",
+                                t("ndcAction:goldStandard"))))))),
             (ndcActionType === NdcActionTypes.Mitigation ||
                 ndcActionType === NdcActionTypes.CrossCutting) &&
                 mitigationType === MitigationTypes.SOLAR && (React.createElement(React.Fragment, null,
@@ -17411,11 +17484,26 @@ var NdcActionDetails = function (props) {
             (ndcActionType === NdcActionTypes.Adaptation ||
                 ndcActionType === NdcActionTypes.CrossCutting) && (React.createElement(React.Fragment, null,
                 React.createElement(Row, { justify: "start", align: "middle" },
-                    React.createElement(Form.Item, { label: t("ndcAction:implementingAgency"), name: "implementingAgency" },
-                        React.createElement(Select, { style: { width: 442 }, size: "large", options: implementingAgencyList.map(function (item) { return ({
-                                value: item,
-                                label: item,
-                            }); }) }))),
+                    React.createElement(Col, null,
+                        React.createElement(Form.Item, { label: t("ndcAction:implementingAgency"), name: "implementingAgency" },
+                            React.createElement(Select, { style: { width: 442 }, size: "large", options: implementingAgencyList.map(function (item) { return ({
+                                    value: item,
+                                    label: item,
+                                }); }) }))),
+                    React.createElement(Col, { style: { marginLeft: "38px" }, className: "included-nap-col" },
+                        React.createElement(Row, { className: "in-nap-row" },
+                            React.createElement(Col, { span: 9 },
+                                React.createElement("div", { className: "included-label" },
+                                    React.createElement("div", null, t("ndcAction:inNAP")),
+                                    React.createElement("div", { className: "info-container" },
+                                        React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "topLeft", trigger: "hover", title: t("ndcAction:inNAPToolTip"), overlayClassName: "custom-tooltip" },
+                                            React.createElement(InfoCircle, { color: "#000000", size: 17 }))))),
+                            React.createElement(Col, { span: 8, className: "included-val" },
+                                React.createElement(Radio.Group, { size: "middle", onChange: onInCludedNAPChange, value: includedInNAP },
+                                    React.createElement("div", { className: "yes-no-radio-container" },
+                                        React.createElement(Radio.Button, { className: "yes-no-radio", value: true, onClick: function () { return onClickIncludedInNAPScope(true); } }, t("ndcAction:yes"))),
+                                    React.createElement("div", { className: "yes-no-radio-container" },
+                                        React.createElement(Radio.Button, { className: "yes-no-radio", value: false, onClick: function () { return onClickIncludedInNAPScope(false); } }, t("ndcAction:no")))))))),
                 React.createElement(Row, { justify: "start", align: "middle" },
                     React.createElement(Col, null,
                         React.createElement(Form.Item, { label: t("ndcAction:nationalPlanObjectives"), name: "nationalPlanObjectives" },
@@ -17428,10 +17516,111 @@ var NdcActionDetails = function (props) {
                             React.createElement(Select, { style: { width: 442 }, size: "large", options: nationalPlanCoverageList.map(function (item) { return ({
                                     value: item,
                                     label: item,
-                                }); }) })))))),
+                                }); }) })))),
+                React.createElement(Row, { justify: "start", align: "middle" },
+                    React.createElement(Col, null,
+                        React.createElement(Form.Item, { label: t("ndcAction:ghgEmiReduced"), name: "ghgEmissionsReduced", style: { width: 442 }, rules: [
+                                {
+                                    required: true,
+                                    validateTrigger: "onBlur",
+                                    validator: function (rule, value) {
+                                        if (!value || value.length === 0) {
+                                            return Promise.reject("".concat(t("ndcAction:ghgEmiReduced"), " ").concat(t("ndcAction:isRequired")));
+                                        }
+                                        var isMissingValue = false;
+                                        value === null || value === void 0 ? void 0 : value.map(function (item) {
+                                            if (inputNumberValueGhgReducedGas === undefined ||
+                                                !inputNumberValueGhgReducedGas[item]) {
+                                                isMissingValue = true;
+                                            }
+                                        });
+                                        if (isMissingValue) {
+                                            return Promise.reject("".concat(t("ndcAction:value"), " ").concat(t("ndcAction:isRequired")));
+                                        }
+                                        return Promise.resolve();
+                                    },
+                                },
+                            ] },
+                            React.createElement(Checkbox.Group, null, ghgEmissionsGas.map(function (option, i) { return (React.createElement("div", { key: option, className: "row-custom" },
+                                React.createElement(Checkbox, { value: option, checked: checkedOptionsGhgReduced.includes(option), onChange: function (e) {
+                                        var _a, _b;
+                                        if ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.checked) {
+                                            setCheckedOptionsGhgReduced(__spreadArray(__spreadArray([], checkedOptionsGhgReduced, true), [
+                                                option,
+                                            ], false));
+                                        }
+                                        else if (!((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.checked)) {
+                                            var reducedGasAndVal = inputNumberValueGhgReducedGas;
+                                            if (reducedGasAndVal &&
+                                                reducedGasAndVal[option]) {
+                                                delete reducedGasAndVal[option];
+                                            }
+                                            setInputNumberValueGhgReducedGas(reducedGasAndVal);
+                                            setCheckedOptionsGhgReduced(__spreadArray([], checkedOptionsGhgReduced.filter(function (value) { return value !== option; }), true));
+                                        }
+                                    } }, option),
+                                React.createElement(InputNumber, { value: inputNumberValueGhgReducedGas &&
+                                        inputNumberValueGhgReducedGas[option]
+                                        ? inputNumberValueGhgReducedGas[option]
+                                        : null, size: "small", min: 0, disabled: !checkedOptionsGhgReduced.includes(option), onChange: function (e) {
+                                        var _a;
+                                        setInputNumberValueGhgReducedGas(__assign(__assign({}, inputNumberValueGhgReducedGas), (_a = {}, _a[option] = e, _a)));
+                                    } }))); })))),
+                    React.createElement(Col, { style: { marginLeft: "38px" } },
+                        React.createElement(Form.Item, { label: t("ndcAction:ghgEmiAvoided"), name: "ghgEmissionsAvoided", style: { width: 442 }, rules: [
+                                {
+                                    required: true,
+                                    validateTrigger: "onBlur",
+                                    validator: function (rule, value) {
+                                        if (!value || value.length === 0) {
+                                            return Promise.reject("".concat(t("ndcAction:ghgEmiAvoided"), " ").concat(t("ndcAction:isRequired")));
+                                        }
+                                        var isMissingValue = false;
+                                        value === null || value === void 0 ? void 0 : value.map(function (item) {
+                                            if (inputNumberValueGhgAvoidedGas === undefined ||
+                                                !inputNumberValueGhgAvoidedGas[item]) {
+                                                isMissingValue = true;
+                                            }
+                                        });
+                                        if (isMissingValue) {
+                                            return Promise.reject("".concat(t("ndcAction:value"), " ").concat(t("ndcAction:isRequired")));
+                                        }
+                                        return Promise.resolve();
+                                    },
+                                },
+                            ] },
+                            React.createElement(Checkbox.Group, null, ghgEmissionsGas.map(function (option, i) { return (React.createElement("div", { key: option, className: "row-custom" },
+                                React.createElement(Checkbox, { value: option, checked: checkedOptionsGhgAvoided.includes(option), onChange: function (e) {
+                                        var _a, _b;
+                                        if ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.checked) {
+                                            setCheckedOptionsGhgAvoided(__spreadArray(__spreadArray([], checkedOptionsGhgAvoided, true), [
+                                                option,
+                                            ], false));
+                                        }
+                                        else if (!((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.checked)) {
+                                            var avaoidedGasAndVal = inputNumberValueGhgAvoidedGas;
+                                            if (avaoidedGasAndVal &&
+                                                avaoidedGasAndVal[option]) {
+                                                delete avaoidedGasAndVal[option];
+                                            }
+                                            setInputNumberValueGhgAvoidedGas(avaoidedGasAndVal);
+                                            setCheckedOptionsGhgAvoided(__spreadArray([], checkedOptionsGhgAvoided.filter(function (value) { return value !== option; }), true));
+                                        }
+                                    } }, option),
+                                React.createElement(InputNumber, { value: inputNumberValueGhgAvoidedGas &&
+                                        inputNumberValueGhgAvoidedGas[option]
+                                        ? inputNumberValueGhgAvoidedGas[option]
+                                        : null, size: "small", min: 0, disabled: !checkedOptionsGhgAvoided.includes(option), onChange: function (e) {
+                                        var _a;
+                                        setInputNumberValueGhgAvoidedGas(__assign(__assign({}, inputNumberValueGhgAvoidedGas), (_a = {}, _a[option] = e, _a)));
+                                    } }))); }))))))),
             ndcActionType === NdcActionTypes.Enablement && (React.createElement(React.Fragment, null,
                 React.createElement(Form.Item, { label: t("ndcAction:title"), name: "EnablementTitle" },
                     React.createElement(Input, { style: { width: 442 } })),
+                React.createElement(Form.Item, { label: t("ndcAction:type"), name: "EnablementType", className: "enablement-type-item" },
+                    React.createElement(Checkbox.Group, { className: "type-checkbox-grp" },
+                        React.createElement(Row, { className: "grp-row" }, enablementTypesAndValues === null || enablementTypesAndValues === void 0 ? void 0 : enablementTypesAndValues.map(function (type) { return (React.createElement(Col, { lg: type.col, md: type.col + 1 },
+                            React.createElement(Checkbox, { value: type.type, style: { lineHeight: "32px" } }, type.type))); })))),
                 React.createElement(Row, { justify: "space-between", align: "middle" },
                     React.createElement(Form.Item, { label: t("ndcAction:report"), name: "EnablementReport", valuePropName: "fileList", getValueFromEvent: normFile, required: false, rules: [
                             {
@@ -19805,7 +19994,6 @@ var AddNdcActionComponent = function (props) {
                     if (ndcActionDetailsObj.enablementReportData) {
                         delete ndcActionDetailsObj.enablementReportData;
                     }
-                    ndcActionDetailsObj.methodology = t("ndcAction:goldStandard");
                     return [4 /*yield*/, post("national/programme/addNDCAction", ndcActionDetailsObj)];
                 case 2:
                     response = _a.sent();
@@ -19978,21 +20166,21 @@ styleInject(css_248z$2);
 var NdcActionViewComponent = function (props) {
     var _a;
     var _b, _c;
-    var useUserContext = props.useUserContext, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages;
-    var userInfoState = useUserContext().userInfoState;
+    var useUserContext = props.useUserContext; props.linkDocVisible; props.uploadDocUserPermission; var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages;
+    translator.setDefaultNamespace("ndcAction");
+    var t = translator.t;
+    useUserContext().userInfoState;
     var post = useConnection().post;
     var state = useLocation().state;
-    var _d = useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
+    var _d = useState({}), ndcActionReportDetails = _d[0]; _d[1];
     var _e = useState(false), isLoading = _e[0], setIsLoading = _e[1];
     var _f = useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
     var _g = useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
     var _h = useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
     var _j = useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
-    var _k = useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
-    var _l = useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
-    var _m = useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
-    translator.setDefaultNamespace("ndcAction");
-    var t = translator.t;
+    var _k = useState([]); _k[0]; var setProgrammeOwnerId = _k[1];
+    var _l = useState(false); _l[0]; var setCanUploadMonitorReport = _l[1];
+    var _m = useState(false); _m[0]; _m[1];
     var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
         var _a, _b, _c;
@@ -20035,92 +20223,11 @@ var NdcActionViewComponent = function (props) {
             }
         });
     }); };
-    var getProjectReportActions = function (reportData) {
-        return (React.createElement(Row, null,
-            React.createElement("div", { className: "icon" },
-                (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
-                (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
-            React.createElement("div", { className: "link mg-left-1" }, (reportData === null || reportData === void 0 ? void 0 : reportData.url) && linkDocVisible(reportData === null || reportData === void 0 ? void 0 : reportData.status) && (React.createElement("a", { href: reportData === null || reportData === void 0 ? void 0 : reportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
-                React.createElement(LinkOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
-    };
-    var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var reportDetails, response, exception_1;
-        var _a;
-        var _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    setIsLoading(true);
-                    reportDetails = (_a = {},
-                        _a[t("ndcAction:viewMoniteringReport")] = (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
-                                ? t("programme:notAuthToUploadDoc")
-                                : uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId)
-                                    ? !canUploadMonitorReport && t("programme:programmeNotAuth")
-                                    : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
-                            React.createElement(FileAddOutlined, null))),
-                        _a[t("ndcAction:viewVerificationReport")] = (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
-                                ? t("programme:notAuthToUploadDoc")
-                                : uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId)
-                                    ? !monitoringReportAccepted &&
-                                        t("programme:monitoringRepNotApproved")
-                                    : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
-                            React.createElement(FileAddOutlined, null))),
-                        _a);
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, post("national/programme/queryDocs", {
-                            page: 1,
-                            size: 100,
-                            filterAnd: [
-                                {
-                                    key: "actionId",
-                                    operation: "=",
-                                    value: ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.id,
-                                },
-                            ],
-                        })];
-                case 2:
-                    response = _c.sent();
-                    if (((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-                        response.data.map(function (item) {
-                            var _a, _b;
-                            if ((_a = item === null || item === void 0 ? void 0 : item.url) === null || _a === void 0 ? void 0 : _a.includes("MONITORING_REPORT")) {
-                                if ((item === null || item === void 0 ? void 0 : item.status) === DocumentStatus.ACCEPTED) {
-                                    setMonitoringReportAccepted(true);
-                                }
-                                reportDetails[t("ndcAction:viewMoniteringReport")] =
-                                    getProjectReportActions(item);
-                            }
-                            else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
-                                reportDetails[t("ndcAction:viewVerificationReport")] =
-                                    getProjectReportActions(item);
-                            }
-                        });
-                    }
-                    return [3 /*break*/, 5];
-                case 3:
-                    exception_1 = _c.sent();
-                    message.open({
-                        type: "error",
-                        content: exception_1.message,
-                        duration: 3,
-                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                    });
-                    return [3 /*break*/, 5];
-                case 4:
-                    setNdcActionReportDetails(reportDetails);
-                    setIsLoading(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    useEffect(function () {
-        if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.id) {
-            getProjectReports();
-        }
-    }, [ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.id, programmeOwnerId]);
+    // useEffect(() => {
+    //   if (ndcActionDetails?.id) {
+    //     getProjectReports();
+    //   }
+    // }, [ndcActionDetails?.id, programmeOwnerId]);
     useEffect(function () {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         if (!state) {
@@ -20195,16 +20302,28 @@ var NdcActionViewComponent = function (props) {
         return mitigationDetails;
     };
     var getNdcActionAdaptationDetails = function () {
+        var _a, _b, _c, _d;
         var adaptationDetails = {};
         if (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) {
             adaptationDetails[t("ndcAction:viewAdaptationImplementingAgency")] =
                 ndcActionDetails.adaptationProperties.implementingAgency;
             adaptationDetails[t("ndcAction:viewAdaptationNationalPlanObjectives")] =
                 ndcActionDetails.adaptationProperties.nationalPlanObjectives;
+            adaptationDetails[t("ndcAction:viewAdaptationNationalPlanCoverage")] =
+                ndcActionDetails.adaptationProperties.nationalPlanCoverage;
+            adaptationDetails[t("ndcAction:viewIncludedInNAP")] = ((_a = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _a === void 0 ? void 0 : _a.includedInNAP)
+                ? "Yes"
+                : ((_b = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _b === void 0 ? void 0 : _b.includedInNAP) === false
+                    ? "No"
+                    : "-";
             adaptationDetails[t("ndcAction:viewGhgEmissionsAvoided")] =
-                ndcActionDetails.adaptationProperties.ghgEmissionsAvoided;
+                ((_c = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _c === void 0 ? void 0 : _c.ghgEmissionsAvoided)
+                    ? ndcActionDetails.adaptationProperties.ghgEmissionsAvoided
+                    : {};
             adaptationDetails[t("ndcAction:viewGhgEmissionsReduced")] =
-                ndcActionDetails.adaptationProperties.ghgEmissionsReduced;
+                ((_d = ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.adaptationProperties) === null || _d === void 0 ? void 0 : _d.ghgEmissionsReduced)
+                    ? ndcActionDetails.adaptationProperties.ghgEmissionsReduced
+                    : {};
         }
         return adaptationDetails;
     };
@@ -20614,5 +20733,5 @@ var StasticCard = function (props) {
         updatedDate !== '0' && React.createElement("div", { className: "updated-on" }, updatedDate)))));
 };
 
-export { AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, BaseEntity, CarbonSystemType, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, ConfigurationSettingsType, CreditTransferStage, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, Instrument, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, MitigationTypes, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, ProfileIcon, ProgrammeCreationComponent, ProgrammeEntity, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeStage, ProgrammeStageMRV, ProgrammeTransfer, ProgrammeViewComponent, RadioButtonStatus, RadioButtonStatus2, RetireType, Role, RoleIcon, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, Titles, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
+export { AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, BaseEntity, CarbonSystemType, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, ConfigurationSettingsType, CreditTransferStage, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, InfoView, Instrument, InvestmentCreationComponent, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, MitigationTypes, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, ProfileIcon, ProgrammeCreationComponent, ProgrammeEntity, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeStage, ProgrammeStageMRV, ProgrammeTransfer, ProgrammeViewComponent, RadioButtonStatus, RadioButtonStatus2, RetireType, Role, RoleIcon, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, Titles, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, addCommSep, addCommSepRound, addRoundNumber, addSpaces, consumerGroupList, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, isBase64, landAreaUnitList, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
 //# sourceMappingURL=index.js.map