@undp/carbon-library 1.0.274-CARBON-363.56 → 1.0.274-CARBON-419.0

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
-import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
-import React, { useState, useEffect, useRef } from 'react';
+import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
+import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Select, Upload, InputNumber, Tooltip, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
+import React, { useState, useEffect, useRef, useContext } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
 import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
@@ -2027,7 +2027,7 @@ var NdcActionStatus;
     NdcActionStatus["PENDING"] = "Pending";
     NdcActionStatus["APPROVED"] = "Approved";
 })(NdcActionStatus || (NdcActionStatus = {}));
-var getNdcActionStatusEnumVal$1 = function (value) {
+var getNdcActionStatusEnumVal = function (value) {
     var index = Object.keys(NdcActionStatus).indexOf(value);
     if (index < 0) {
         return value;
@@ -2035,7 +2035,7 @@ var getNdcActionStatusEnumVal$1 = function (value) {
     return Object.values(NdcActionStatus)[index];
 };
 var getNdcStatusTagType = function (status) {
-    switch (getNdcActionStatusEnumVal$1(status)) {
+    switch (getNdcActionStatusEnumVal(status)) {
         case NdcActionStatus.PENDING:
             return "processing";
         case NdcActionStatus.APPROVED:
@@ -5687,6 +5687,188 @@ var SystemNames;
     SystemNames["CARBON_TRANSPARENCY"] = "CARBON_TRANSPARENCY_SYSTEM";
 })(SystemNames || (SystemNames = {}));
 
+var GovDepartment;
+(function (GovDepartment) {
+    GovDepartment["Cocoa Research Institute"] = "1";
+    GovDepartment["National Agricultural Extension, Research and Liaison Services"] = "2";
+    GovDepartment["National Veterinary Research Institute"] = "3";
+    GovDepartment["Agricultural Insurance Corporation"] = "4";
+    GovDepartment["National Root Crops Research Institute"] = "5";
+    GovDepartment["Agricultural Research Council"] = "6";
+    GovDepartment["Institute for Oceanography and Marine Research"] = "7";
+    GovDepartment["Institute for Oil Palm Research"] = "8";
+    GovDepartment["Agricultural Quarantine Service"] = "9";
+    GovDepartment["National Horticultural Research Institute"] = "10";
+    GovDepartment["Federal Airports Authority"] = "11";
+    GovDepartment["Airspace Management Agency"] = "12";
+    GovDepartment["Civil Aviation Authority"] = "13";
+    GovDepartment["Safety Investigation Bureau"] = "14";
+    GovDepartment["Meteorological Agency"] = "15";
+    GovDepartment["College of Aviation Technology"] = "16";
+    GovDepartment["National Information Technology Development Agency"] = "17";
+    GovDepartment["Satellite Limited"] = "18";
+    GovDepartment["Broadcasting Commission"] = "19";
+    GovDepartment["Commission"] = "20";
+    GovDepartment["Postal Service"] = "21";
+    GovDepartment["National Frequency Management Council"] = "22";
+    GovDepartment["Television Authority"] = "23";
+    GovDepartment["Galaxy Backbone"] = "24";
+    GovDepartment["Asset Management Corporation"] = "25";
+    GovDepartment["Social Security Administration"] = "26";
+    GovDepartment["Budget Office of the Federation"] = "27";
+    GovDepartment["Bureau of Public Enterprises"] = "28";
+    GovDepartment["Bureau of Public Procurement"] = "29";
+    GovDepartment["Central Bank"] = "30";
+    GovDepartment["Corporate Affairs Commission"] = "31";
+    GovDepartment["Debt Management Office"] = "32";
+    GovDepartment["Inland Revenue Service"] = "33";
+    GovDepartment["Mortgage Bank"] = "34";
+    GovDepartment["Fiscal Responsibility Commission"] = "35";
+    GovDepartment["Infrastructure Concession Regulatory Commission"] = "36";
+    GovDepartment["National Bureau of Statistics"] = "37";
+    GovDepartment["National Council on Privatisation"] = "38";
+    GovDepartment["National Insurance Commission"] = "39";
+    GovDepartment["National Pension Commission"] = "40";
+    GovDepartment["National Planning Commission"] = "41";
+    GovDepartment["National Sugar Development Council"] = "42";
+    GovDepartment["Niger Delta Development Commission"] = "43";
+    GovDepartment["Customs Service"] = "44";
+    GovDepartment["Deposit Insurance Corporation"] = "45";
+    GovDepartment["Investment Promotion Commission"] = "46";
+    GovDepartment["Export - Import Bank"] = "47";
+    GovDepartment["Export Promotion Council"] = "48";
+    GovDepartment["Oil and Gas Free Zones Authority"] = "49";
+    GovDepartment["Export Processing Zones Authority"] = "50";
+    GovDepartment["Revenue Mobilisation Allocation and Fiscal Commission"] = "51";
+    GovDepartment["Securities and Exchange Commission"] = "52";
+    GovDepartment["Standards Organisation"] = "53";
+    GovDepartment["Small and Medium Enterprise Development Agency"] = "54";
+    GovDepartment["National Board for Arabic And Islamic Studies"] = "55";
+    GovDepartment["Joint Admissions and Matriculation Board"] = "56";
+    GovDepartment["National Examination Council"] = "115";
+    GovDepartment["National Open University"] = "57";
+    GovDepartment["National Teachers Institute"] = "58";
+    GovDepartment["National Universities Commission"] = "59";
+    GovDepartment["Tertiary Education Trust Fund"] = "60";
+    GovDepartment["Teachers Registration Council"] = "61";
+    GovDepartment["National Business and Technical Examinations Board"] = "62";
+    GovDepartment["Universal Basic Education Commission"] = "63";
+    GovDepartment["West African Examination Council"] = "64";
+    GovDepartment["National Commission for Colleges of Education"] = "65";
+    GovDepartment["National Library"] = "66";
+    GovDepartment["Midstream and Downstream Petroleum Regulatory Authority"] = "67";
+    GovDepartment["Upstream Petroleum Regulatory Commission"] = "68";
+    GovDepartment["Electricity Management Services Limited"] = "69";
+    GovDepartment["Energy Commission"] = "70";
+    GovDepartment["National Power Training Institute"] = "71";
+    GovDepartment["Electricity Regulatory Commission"] = "72";
+    GovDepartment["Content Monitoring and Development Board"] = "73";
+    GovDepartment["National Petroleum Corporation"] = "74";
+    GovDepartment["Nuclear Regulatory Authority Science & Technology"] = "75";
+    GovDepartment["Petroleum Product Pricing Regulatory Agency"] = "76";
+    GovDepartment["Power Holding Company (defunct)"] = "77";
+    GovDepartment["Rural Electrification Agency"] = "78";
+    GovDepartment["Transmission Company"] = "79";
+    GovDepartment["Environmental Protection Agency (defunct)"] = "80";
+    GovDepartment["Forestry Research Institute"] = "81";
+    GovDepartment["National Biosafety Management Agency"] = "82";
+    GovDepartment["National Environmental Standards and Regulations Enforcement Agency"] = "83";
+    GovDepartment["National Oil Spill Detection and Response Agency"] = "84";
+    GovDepartment["Environmental Health Officers Registration Council"] = "85";
+    GovDepartment["National Health Insurance Scheme"] = "86";
+    GovDepartment["Institute for Pharmaceutical Research and Development"] = "87";
+    GovDepartment["Agency for the Control of AIDS"] = "88";
+    GovDepartment["Agency for Food and Drug Administration and Control"] = "89";
+    GovDepartment["Primary Health Care Development Agency"] = "90";
+    GovDepartment["Institute of Medical Research"] = "91";
+    GovDepartment["Centre for Disease Control"] = "92";
+    GovDepartment["Drug Law Enforcement Agency"] = "93";
+    GovDepartment["Defence Intelligence Agency"] = "94";
+    GovDepartment["State Security Service"] = "95";
+    GovDepartment["National Intelligence Agency"] = "96";
+    GovDepartment["Financial Intelligence Unit"] = "97";
+    GovDepartment["National Judicial Council"] = "98";
+    GovDepartment["Federal Judicial Service Commission"] = "99";
+    GovDepartment["National Judicial Institute"] = "100";
+    GovDepartment["Maritime Administration and Safety Agency"] = "101";
+    GovDepartment["Ports Authority"] = "102";
+    GovDepartment["Shippers' Council"] = "103";
+    GovDepartment["Broadcasting Organisation"] = "104";
+    GovDepartment["News Agency"] = "105";
+    GovDepartment["Press Council"] = "106";
+    GovDepartment["Television Authority Media"] = "107";
+    GovDepartment["Agency For Science and Engineering Infrastructure"] = "108";
+    GovDepartment["Biotechnology Development Agency"] = "109";
+    GovDepartment["Centre for Remote Sensing"] = "110";
+    GovDepartment["Science and Technology Complex"] = "111";
+    GovDepartment["Office for Technology Acquisition and Promotion"] = "112";
+    GovDepartment["Space Research and Development Agency"] = "113";
+    GovDepartment["Nuclear Regulatory Authority"] = "114";
+    GovDepartment["Raw Materials Research and Development Council"] = "116";
+    GovDepartment["Communications Satellite Ltd"] = "117";
+    GovDepartment["Centre for Technology Management"] = "118";
+    GovDepartment["Hydrological Services Agency"] = "119";
+    GovDepartment["Integrated Water Resources Commission"] = "120";
+    GovDepartment["Water Resources Institute"] = "121";
+    GovDepartment["River Basin Development Authorities"] = "122";
+    GovDepartment["Centre for Black and African Arts and Civilization"] = "123";
+    GovDepartment["Automotive Design and Development Council"] = "124";
+    GovDepartment["Code of Conduct Bureau"] = "125";
+    GovDepartment["Computer Professionals Registration Council"] = "126";
+    GovDepartment["Consumer Protection Council"] = "127";
+    GovDepartment["Economic and Financial Crimes Commission"] = "128";
+    GovDepartment["Federal Character Commission"] = "129";
+    GovDepartment["Federal Housing Authority"] = "130";
+    GovDepartment["Corrupt Practices and Other Related Offences Commission"] = "131";
+    GovDepartment["Independent National Electoral Commission"] = "132";
+    GovDepartment["Industrial Training Fund"] = "133";
+    GovDepartment["Legal Aid Council"] = "134";
+    GovDepartment["Agency for the Prohibition of Trafficking in Persons"] = "135";
+    GovDepartment["National Boundary Commission"] = "136";
+    GovDepartment["National Council of Arts and Culture"] = "137";
+    GovDepartment["Economic Reconstruction Fund"] = "138";
+    GovDepartment["Emergency Management Agency"] = "139";
+    GovDepartment["Hajj Commission"] = "140";
+    GovDepartment["Human Rights Commission"] = "141";
+    GovDepartment["Identity Management Commission"] = "142";
+    GovDepartment["Institute for Hospitality Tourism"] = "143";
+    GovDepartment["Lottery Regulatory Commission"] = "144";
+    GovDepartment["Orientation Agency"] = "145";
+    GovDepartment["Population Commission"] = "146";
+    GovDepartment["Poverty Eradication Programme (defunct)"] = "147";
+    GovDepartment["Salaries, Incomes and Wages Commission"] = "148";
+    GovDepartment["Sports Commission"] = "149";
+    GovDepartment["Extractive Industries Transparency Initiative"] = "150";
+    GovDepartment["Immigration Service"] = "151";
+    GovDepartment["Building and Road Research Institute"] = "152";
+    GovDepartment["Institute of Building"] = "153";
+    GovDepartment["Christian Pilgrim Commission"] = "154";
+    GovDepartment["Copyright Commission"] = "155";
+    GovDepartment["Tourism Development Corporation"] = "156";
+    GovDepartment["Public Complaints Commission"] = "157";
+    GovDepartment["Surveyors Council"] = "158";
+    GovDepartment["National Lottery Trust Fund"] = "159";
+})(GovDepartment || (GovDepartment = {}));
+
+var Ministry;
+(function (Ministry) {
+    Ministry["Agriculture"] = "Agriculture";
+    Ministry["Aviation"] = "Aviation";
+    Ministry["Communications"] = "Communications";
+    Ministry["Economy"] = "Economy";
+    Ministry["Education"] = "Education";
+    Ministry["Energy"] = "Energy";
+    Ministry["Environment"] = "Environment";
+    Ministry["Health"] = "Health";
+    Ministry["Intelligence"] = "Intelligence";
+    Ministry["Judiciary"] = "Judiciary";
+    Ministry["Maritime"] = "Maritime";
+    Ministry["Media"] = "Media";
+    Ministry["ScienceAndTechnology"] = "Science And Technology";
+    Ministry["WaterResources"] = "Water Resources";
+    Ministry["Other"] = "Other";
+})(Ministry || (Ministry = {}));
+
 var ConfigurationSettingsType;
 (function (ConfigurationSettingsType) {
     ConfigurationSettingsType[ConfigurationSettingsType["isTransferFrozen"] = 0] = "isTransferFrozen";
@@ -5732,6 +5914,197 @@ var ProgrammeCertify = /** @class */ (function () {
     return ProgrammeCertify;
 }());
 
+var sectoralScopes$1 = {
+    Agriculture: [
+        "Cocoa Research Institute",
+        "National Agricultural Extension, Research and Liaison Services",
+        "National Veterinary Research Institute",
+        "Agricultural Insurance Corporation",
+        "National Root Crops Research Institute",
+        "Agricultural Research Council",
+        "Institute for Oceanography and Marine Research",
+        "Institute for Oil Palm Research",
+        "Agricultural Quarantine Service",
+        "National Horticultural Research Institute",
+    ],
+    Aviation: [
+        "Federal Airports Authority",
+        "Airspace Management Agency",
+        "Civil Aviation Authority",
+        "Safety Investigation Bureau",
+        "Meteorological Agency",
+        "College of Aviation Technology",
+    ],
+    Communications: [
+        "National Information Technology Development Agency",
+        "Communications Satellite Limited",
+        "Broadcasting Commission",
+        "Communications Commission",
+        "Postal Service",
+        "National Frequency Management Council",
+        "Television Authority",
+        "Galaxy Backbone",
+    ],
+    Economy: [
+        "Asset Management Corporation",
+        "Social Security Administration",
+        "Budget Office of the Federation",
+        "Bureau of Public Enterprises",
+        "Bureau of Public Procurement",
+        "Central Bank",
+        "Corporate Affairs Commission",
+        "Debt Management Office",
+        "Inland Revenue Service",
+        "Mortgage Bank",
+        "Fiscal Responsibility Commission",
+        "Infrastructure Concession Regulatory Commission",
+        "National Bureau of Statistics",
+        "National Council on Privatisation",
+        "National Insurance Commission",
+        "National Pension Commission",
+        "National Planning Commission",
+        "National Sugar Development Council",
+        "Niger Delta Development Commission",
+        "Customs Service",
+        "Deposit Insurance Corporation",
+        "Investment Promotion Commission",
+        "Export - Import Bank",
+        "Export Promotion Council",
+        "Oil and Gas Free Zones Authority",
+        "Export Processing Zones Authority",
+        "Revenue Mobilisation Allocation and Fiscal Commission",
+        "Securities and Exchange Commission",
+        "Standards Organisation",
+        "Small and Medium Enterprise Development Agency",
+    ],
+    Education: [
+        "National Board for Arabic And Islamic Studies",
+        "Joint Admissions and Matriculation Board",
+        "National Examination Council",
+        "National Open University",
+        "National Teachers Institute",
+        "National Universities Commission",
+        "Tertiary Education Trust Fund",
+        "Teachers Registration Council",
+        "National Business and Technical Examinations Board",
+        "Universal Basic Education Commission",
+        "West African Examination Council",
+        "National Commission for Colleges of Education",
+        "National Library",
+    ],
+    Energy: [
+        "Midstream and Downstream Petroleum Regulatory Authority",
+        "Upstream Petroleum Regulatory Commission",
+        "Electricity Management Services Limited",
+        "Energy Commission",
+        "National Power Training Institute",
+        "Electricity Regulatory Commission",
+        "Content Monitoring and Development Board",
+        "National Petroleum Corporation",
+        "Nuclear Regulatory Authority",
+        "Petroleum Product Pricing Regulatory Agency",
+        "Power Holding Company (defunct)",
+        "Rural Electrification Agency",
+        "Transmission Company",
+    ],
+    Environment: [
+        "Environmental Protection Agency (defunct)",
+        "Forestry Research Institute",
+        "National Biosafety Management Agency",
+        "National Environmental Standards and Regulations Enforcement Agency",
+        "National Oil Spill Detection and Response Agency",
+        "Environmental Health Officers Registration Council",
+    ],
+    Health: [
+        "National Health Insurance Scheme",
+        "Institute for Pharmaceutical Research and Development",
+        "Agency for the Control of AIDS",
+        "Agency for Food and Drug Administration and Control",
+        "Primary Health Care Development Agency",
+        "Institute of Medical Research",
+        "Centre for Disease Control",
+        "Drug Law Enforcement Agency",
+    ],
+    Intelligence: [
+        "Defence Intelligence Agency",
+        "State Security Service",
+        "National Intelligence Agency",
+        "Financial Intelligence Unit",
+    ],
+    Judiciary: [
+        "National Judicial Council",
+        "Federal Judicial Service Commission",
+        "National Judicial Institute",
+    ],
+    Maritime: [
+        "Maritime Administration and Safety Agency",
+        "Ports Authority",
+        "Shippers' Council",
+    ],
+    Media: [
+        "Broadcasting Organisation",
+        "News Agency",
+        "Press Council",
+        "Television Authority",
+    ],
+    ScienceAndTechnology: [
+        "Agency For Science and Engineering Infrastructure",
+        "Biotechnology Development Agency",
+        "Centre for Remote Sensing",
+        "Science and Technology Complex",
+        "Office for Technology Acquisition and Promotion",
+        "Space Research and Development Agency",
+        "Nuclear Regulatory Authority",
+        "Raw Materials Research and Development Council",
+        "Communications Satellite Ltd",
+        "Centre for Technology Management",
+    ],
+    WaterResources: [
+        "Hydrological Services Agency",
+        "Integrated Water Resources Commission",
+        "Water Resources Institute",
+        "River Basin Development Authorities",
+    ],
+    Other: [
+        "Centre for Black and African Arts and Civilization",
+        "Automotive Design and Development Council",
+        "Code of Conduct Bureau",
+        "Computer Professionals Registration Council",
+        "Consumer Protection Council",
+        "Economic and Financial Crimes Commission",
+        "Federal Character Commission",
+        "Federal Housing Authority",
+        "Corrupt Practices and Other Related Offences Commission",
+        "Independent National Electoral Commission",
+        "Industrial Training Fund",
+        "Legal Aid Council",
+        "Agency for the Prohibition of Trafficking in Persons",
+        "National Boundary Commission",
+        "National Council of Arts and Culture",
+        "Economic Reconstruction Fund",
+        "Emergency Management Agency",
+        "Hajj Commission",
+        "Human Rights Commission",
+        "Identity Management Commission",
+        "Institute for Hospitality Tourism",
+        "Lottery Regulatory Commission",
+        "Orientation Agency",
+        "Population Commission",
+        "Poverty Eradication Programme (defunct)",
+        "Salaries, Incomes and Wages Commission",
+        "Sports Commission",
+        "Extractive Industries Transparency Initiative",
+        "Immigration Service",
+        "Building and Road Research Institute",
+        "Institute of Building",
+        "Christian Pilgrim Commission",
+        "Copyright Commission",
+        "Tourism Development Corporation",
+        "Public Complaints Commission",
+        "Surveyors Council",
+        "National Lottery Trust Fund",
+    ],
+};
 var AddNewCompanyComponent = function (props) {
     var _a;
     var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField, isGuest = props.isGuest, onNavigateToHome = props.onNavigateToHome, systemType = props.systemType;
@@ -5750,6 +6123,53 @@ var AddNewCompanyComponent = function (props) {
     var _k = useState(false), loadingList = _k[0], setLoadingList = _k[1];
     var _l = useState([]), regionsList = _l[0], setRegionsList = _l[1];
     var _m = useState((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.companyRole), companyRole = _m[0], setCompanyRole = _m[1];
+    var _o = useState(""), selectedMinistry = _o[0], setSelectedMinistry = _o[1];
+    var _p = useState([]), existgovDep = _p[0], setexistGovdep = _p[1];
+    var selectedGovDepatments = sectoralScopes$1[selectedMinistry];
+    if (existgovDep && existgovDep.length > 0) {
+        selectedGovDepatments = selectedGovDepatments.filter(function (x) { return !existgovDep.includes(x); });
+    }
+    var onChangeMinistry = function (val) { return __awaiter(void 0, void 0, void 0, function () {
+        var key, response, existDep, i, departName;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    formOne.resetFields(["govDep"]);
+                    key = Object.keys(Ministry)[Object.values(Ministry).indexOf(val)];
+                    setSelectedMinistry(String(key));
+                    return [4 /*yield*/, post("national/organisation/query", {
+                            page: 1,
+                            size: 10,
+                            filterAnd: [
+                                {
+                                    key: "companyRole",
+                                    operation: "=",
+                                    value: "Ministry",
+                                },
+                                {
+                                    key: "ministry",
+                                    operation: "=",
+                                    value: val,
+                                },
+                            ],
+                        })];
+                case 1:
+                    response = _a.sent();
+                    if (response && response.data) {
+                        existDep = [];
+                        for (i in response.data) {
+                            console.log("existdata", response.data[i]);
+                            if (response.data[i].govDep && response.data[i].govDep.length > 0) {
+                                departName = Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(response.data[i].govDep)];
+                                existDep.push(departName);
+                            }
+                        }
+                        setexistGovdep(existDep);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, alpha2Names;
         return __generator(this, function (_a) {
@@ -5874,6 +6294,10 @@ var AddNewCompanyComponent = function (props) {
                     logoBase64 = _c.sent();
                     logoUrls = logoBase64.split(",");
                     requestData.company.logo = logoUrls[1];
+                    if (companyRole === CompanyRole.MINISTRY) {
+                        requestData.company.name =
+                            "Ministry of " + requestData.company.ministry;
+                    }
                     if (!isGuest) return [3 /*break*/, 4];
                     return [4 /*yield*/, post("national/user/register", requestData)];
                 case 3:
@@ -5926,7 +6350,7 @@ var AddNewCompanyComponent = function (props) {
         });
     }); };
     var onUpdateCompany = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var formOneValues, values, logoBase64, logoUrls, response, error_3;
+        var formOneValues, values, key, logoBase64, logoUrls, response, error_3;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         return __generator(this, function (_l) {
             switch (_l.label) {
@@ -5967,6 +6391,15 @@ var AddNewCompanyComponent = function (props) {
                     if (((_g = state === null || state === void 0 ? void 0 : state.record) === null || _g === void 0 ? void 0 : _g.companyRole) === CompanyRole.MINISTRY) {
                         values.sectoralScope = formOneValues.sectoralScope;
                         values.nameOfMinister = formOneValues.nameOfMinister;
+                        values.ministry = formOneValues.ministry;
+                        if (formOneValues.govDep in GovDepartment) {
+                            key = formOneValues.govDep;
+                            values.govDep = GovDepartment[key];
+                        }
+                        else {
+                            values.govDep = formOneValues.govDep;
+                        }
+                        values.name = "Ministry of " + formOneValues.ministry;
                     }
                     if (((_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.companyRole) === CompanyRole.GOVERNMENT) {
                         values.omgePercentage = Math.round(Number(formOneValues.omgePercentage));
@@ -6027,7 +6460,7 @@ var AddNewCompanyComponent = function (props) {
         setCompanyRole(value);
     };
     var CompanyDetailsForm = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         var companyRoleClassName = companyRole === CompanyRole.CERTIFIER
             ? "certifier"
             : companyRole === CompanyRole.PROGRAMME_DEVELOPER
@@ -6041,7 +6474,7 @@ var AddNewCompanyComponent = function (props) {
                     React.createElement(Row, { className: "row", gutter: [16, 16] },
                         React.createElement(Col, { xl: 12, md: 24 },
                             React.createElement("div", { className: "details-part-one" },
-                                React.createElement(Form.Item, { label: "Name", name: "name", initialValue: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name, rules: [
+                                companyRole !== CompanyRole.MINISTRY && (React.createElement(Form.Item, { label: "Name", name: "name", initialValue: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name, rules: [
                                         {
                                             required: true,
                                             message: "",
@@ -6060,7 +6493,7 @@ var AddNewCompanyComponent = function (props) {
                                             }); },
                                         },
                                     ] },
-                                    React.createElement(Input, { size: "large" })),
+                                    React.createElement(Input, { size: "large" }))),
                                 companyRole !== CompanyRole.MINISTRY
                                     ? (!isUpdate ||
                                         (isUpdate &&
@@ -6140,7 +6573,31 @@ var AddNewCompanyComponent = function (props) {
                                         },
                                     ] },
                                     React.createElement(Input, { size: "large" })),
-                                React.createElement(Form.Item, { className: "website", label: "Website", initialValue: (_f = (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.website) === null || _f === void 0 ? void 0 : _f.split("://")[1], name: "website", rules: [
+                                companyRole === CompanyRole.MINISTRY && (React.createElement("div", { className: "space-container", style: { width: "100%" } },
+                                    React.createElement(Form.Item, { label: "Ministry Name", name: "ministry", initialValue: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.ministry, rules: [
+                                            {
+                                                required: true,
+                                                message: "Ministry Name is required",
+                                            },
+                                        ] },
+                                        React.createElement(Select, { size: "large", onChange: onChangeMinistry }, Object.values(Ministry).map(function (ministry) { return (React.createElement(Select.Option, { value: ministry }, ministry)); }))),
+                                    React.createElement(Form.Item, { label: "Name of the Minister", name: "nameOfMinister", initialValue: (_f = state === null || state === void 0 ? void 0 : state.record) === null || _f === void 0 ? void 0 : _f.nameOfMinister, rules: [
+                                            {
+                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                    return __generator(this, function (_a) {
+                                                        if (String(value).trim() === "" ||
+                                                            String(value).trim() === undefined ||
+                                                            value === null ||
+                                                            value === undefined) {
+                                                            throw new Error("Name of the Minister ".concat(t("isRequired")));
+                                                        }
+                                                        return [2 /*return*/];
+                                                    });
+                                                }); },
+                                            },
+                                        ] },
+                                        React.createElement(Input, { size: "large" })))),
+                                React.createElement(Form.Item, { className: "website", label: "Website", initialValue: (_h = (_g = state === null || state === void 0 ? void 0 : state.record) === null || _g === void 0 ? void 0 : _g.website) === null || _h === void 0 ? void 0 : _h.split("://")[1], name: "website", rules: [
                                         {
                                             required: false,
                                             validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6158,6 +6615,23 @@ var AddNewCompanyComponent = function (props) {
                                         },
                                     ], getValueFromEvent: function (event) { var _a; return (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value.trim(); } },
                                     React.createElement(Input, { addonBefore: "https://", size: "large" })),
+                                companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_j = state === null || state === void 0 ? void 0 : state.record) === null || _j === void 0 ? void 0 : _j.address, rules: [
+                                        { required: true, message: "" },
+                                        {
+                                            validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                return __generator(this, function (_a) {
+                                                    if (String(value).trim() === "" ||
+                                                        String(value).trim() === undefined ||
+                                                        value === null ||
+                                                        value === undefined) {
+                                                        throw new Error("Address ".concat(t("isRequired")));
+                                                    }
+                                                    return [2 /*return*/];
+                                                });
+                                            }); },
+                                        },
+                                    ] },
+                                    React.createElement(Input.TextArea, { rows: 3, maxLength: 100 }))),
                                 React.createElement(Form.Item, { name: "logo", label: "Organisation Logo (File Type : JPEG , PNG)", valuePropName: "fileList", getValueFromEvent: normFile, required: true, rules: [
                                         {
                                             validator: function (rule, file) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6201,29 +6675,12 @@ var AddNewCompanyComponent = function (props) {
                                             return false;
                                         }, className: "logo-upload-section", name: "logo", action: "/upload.do", listType: "picture", multiple: false, defaultFileList: fileList, maxCount: 1 },
                                         React.createElement(Button, { size: "large", icon: React.createElement(UploadOutlined, null) }, "Upload"))),
-                                companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_g = state === null || state === void 0 ? void 0 : state.record) === null || _g === void 0 ? void 0 : _g.address, rules: [
-                                        { required: true, message: "" },
-                                        {
-                                            validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                                                return __generator(this, function (_a) {
-                                                    if (String(value).trim() === "" ||
-                                                        String(value).trim() === undefined ||
-                                                        value === null ||
-                                                        value === undefined) {
-                                                        throw new Error("Address ".concat(t("isRequired")));
-                                                    }
-                                                    return [2 /*return*/];
-                                                });
-                                            }); },
-                                        },
-                                    ] },
-                                    React.createElement(Input.TextArea, { rows: 3, maxLength: 100 }))),
                                 companyRole === CompanyRole.GOVERNMENT && (React.createElement("div", { className: "space-container", style: { width: "100%" } },
                                     React.createElement(Space, { wrap: true, style: {
                                             display: "flex",
                                             marginBottom: 8,
                                         }, align: "center", size: "large" },
-                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "nationalSopValue", label: "National Share of Proceeds", initialValue: (_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.nationalSopValue, rules: [
+                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "nationalSopValue", label: "National Share of Proceeds", initialValue: (_k = state === null || state === void 0 ? void 0 : state.record) === null || _k === void 0 ? void 0 : _k.nationalSopValue, rules: [
                                                 { required: true, message: "" },
                                                 {
                                                     validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6281,37 +6738,45 @@ var AddNewCompanyComponent = function (props) {
                                                 React.createElement(Radio.Button, { className: "minister", value: "Ministry" },
                                                     React.createElement(AuditOutlined, { className: "role-icons" }),
                                                     "Ministry")))))))),
-                                companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { label: "Name of the Minister", name: "nameOfMinister", initialValue: (_j = state === null || state === void 0 ? void 0 : state.record) === null || _j === void 0 ? void 0 : _j.nameOfMinister, rules: [
+                                companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { label: "Government Department", name: "govDep", initialValue: Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf((_l = state === null || state === void 0 ? void 0 : state.record) === null || _l === void 0 ? void 0 : _l.govDep)], rules: [
                                         {
                                             required: true,
-                                            message: "",
+                                            message: "Government Department is required",
                                         },
                                         {
                                             validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                var val;
                                                 return __generator(this, function (_a) {
-                                                    if (String(value).trim() === "" ||
-                                                        String(value).trim() === undefined ||
-                                                        value === null ||
-                                                        value === undefined) {
-                                                        throw new Error("Name of the Minister ".concat(t("isRequired")));
+                                                    val = Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(value)];
+                                                    if (val &&
+                                                        val.length > 0 &&
+                                                        selectedGovDepatments &&
+                                                        !selectedGovDepatments.includes(val)) {
+                                                        throw new Error("Department not exist in Ministry");
                                                     }
                                                     return [2 /*return*/];
                                                 });
                                             }); },
                                         },
                                     ] },
-                                    React.createElement(Input, { size: "large" }))),
+                                    React.createElement(Select, { size: "large" }, selectedGovDepatments === null || selectedGovDepatments === void 0 ? void 0 : selectedGovDepatments.map(function (val) {
+                                        if (val in GovDepartment) {
+                                            var key = val;
+                                            return (React.createElement(Select.Option, { key: GovDepartment[key], value: GovDepartment[key] }, val));
+                                        }
+                                        return null;
+                                    })))),
                                 companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { label: "Sectoral Scope", name: "sectoralScope", rules: [
                                         {
                                             required: true,
                                             message: "Sectoral Scope ".concat(t("isRequired")),
                                         },
-                                    ], initialValue: (_k = state === null || state === void 0 ? void 0 : state.record) === null || _k === void 0 ? void 0 : _k.sectoralScope },
+                                    ], initialValue: (_m = state === null || state === void 0 ? void 0 : state.record) === null || _m === void 0 ? void 0 : _m.sectoralScope },
                                     React.createElement(Select, { mode: "multiple", size: "large", maxTagCount: 2, allowClear: true }, Object.entries(SectoralScope).map(function (_a) {
                                         var key = _a[0], value = _a[1];
                                         return (React.createElement(Select.Option, { key: value, value: value }, key));
                                     })))),
-                                React.createElement(Form.Item, { name: "phoneNo", label: "Phone Number", initialValue: (_l = state === null || state === void 0 ? void 0 : state.record) === null || _l === void 0 ? void 0 : _l.phoneNo, rules: [
+                                React.createElement(Form.Item, { name: "phoneNo", label: "Phone Number", initialValue: (_o = state === null || state === void 0 ? void 0 : state.record) === null || _o === void 0 ? void 0 : _o.phoneNo, rules: [
                                         {
                                             required: true,
                                             message: "",
@@ -6342,14 +6807,14 @@ var AddNewCompanyComponent = function (props) {
                                         },
                                     ] },
                                     React.createElement(PhoneInput, { placeholder: "Phone number", international: true, value: formatPhoneNumberIntl(contactNoInput), defaultCountry: "LK", countryCallingCodeEditable: false, onChange: function (v) { }, countries: countries })),
-                                regionField && (React.createElement(Form.Item, { label: t("region"), name: "regions", initialValue: (_m = state === null || state === void 0 ? void 0 : state.record) === null || _m === void 0 ? void 0 : _m.regions, rules: [
+                                regionField && (React.createElement(Form.Item, { label: t("region"), name: "regions", initialValue: (_p = state === null || state === void 0 ? void 0 : state.record) === null || _p === void 0 ? void 0 : _p.regions, rules: [
                                         {
                                             required: true,
                                             message: "".concat(t("region"), " ").concat(t("isRequired")),
                                         },
                                     ] },
                                     React.createElement(Select, { mode: "multiple", size: "large", maxTagCount: 2, onChange: onChangeRegion, loading: loadingList, allowClear: true }, regionsList.map(function (region) { return (React.createElement(Select.Option, { value: region }, region)); })))),
-                                companyRole !== CompanyRole.MINISTRY && (React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_o = state === null || state === void 0 ? void 0 : state.record) === null || _o === void 0 ? void 0 : _o.address, rules: [
+                                companyRole !== CompanyRole.MINISTRY && (React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_q = state === null || state === void 0 ? void 0 : state.record) === null || _q === void 0 ? void 0 : _q.address, rules: [
                                         { required: true, message: "" },
                                         {
                                             validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6372,7 +6837,7 @@ var AddNewCompanyComponent = function (props) {
                                             display: "flex",
                                             marginBottom: 8,
                                         }, align: "center", size: "large" },
-                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "omgePercentage", label: "Overall Mitigation in Global Emissions (OMGE) Account", initialValue: (_p = state === null || state === void 0 ? void 0 : state.record) === null || _p === void 0 ? void 0 : _p.omgePercentage, rules: [
+                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "omgePercentage", label: "Overall Mitigation in Global Emissions (OMGE) Account", initialValue: (_r = state === null || state === void 0 ? void 0 : state.record) === null || _r === void 0 ? void 0 : _r.omgePercentage, rules: [
                                                 { required: true, message: "" },
                                                 {
                                                     validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6879,6 +7344,16 @@ var CompanyProfileComponent = function (props) {
                                         React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
                                             ? companyDetails.nameOfMinister
                                             : "-")),
+                                    React.createElement(Row, { className: "field" },
+                                        React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministryName")),
+                                        React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.ministry
+                                            ? companyDetails.ministry
+                                            : "-")),
+                                    React.createElement(Row, { className: "field" },
+                                        React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:govDepName")),
+                                        React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.govDep
+                                            ? Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(companyDetails.govDep)]
+                                            : "-")),
                                     React.createElement(Row, { className: "field" },
                                         React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
                                         React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
@@ -26655,891 +27130,622 @@ var RegistryDashboardComponent = function (props) {
                                     lastUpdateTransferLocations))))))))) : ("")));
 };
 
-React.createContext(null);
+var EditableContext = React.createContext(null);
+var EditableRow = function (_a) {
+    _a.index; var props = __rest(_a, ["index"]);
+    var form = Form.useForm()[0];
+    return (React.createElement(Form, { form: form, component: false },
+        React.createElement(EditableContext.Provider, { value: form },
+            React.createElement("tr", __assign({}, props)))));
+};
 var EditableCell = function (_a) {
-    var editing = _a.editing, dataIndex = _a.dataIndex, title = _a.title; _a.inputType; var record = _a.record; _a.index; var children = _a.children, onBlurHandler = _a.onBlurHandler, t = _a.t, restProps = __rest(_a, ["editing", "dataIndex", "title", "inputType", "record", "index", "children", "onBlurHandler", "t"]);
-    return (React.createElement("td", __assign({}, restProps), editing && dataIndex === "nationalPlanObjective" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
-            {
-                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                    var trimValue;
-                    return __generator(this, function (_a) {
-                        trimValue = typeof value === "string" ? value.trim() : value;
-                        if (!trimValue) {
-                            throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
-                        }
-                        return [2 /*return*/];
-                    });
-                }); },
-            },
-        ] },
-        React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
-            {
-                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                    var trimValue;
-                    return __generator(this, function (_a) {
-                        trimValue = typeof value === "string" ? value.trim() : value;
-                        if (trimValue) {
-                            if (isNaN(+trimValue)) {
-                                throw new Error(t("ndc:kpiInvalidFormat"));
-                            }
-                            else if (+trimValue <= 0) {
-                                throw new Error(t("ndc:kpiGreaterThanZero"));
-                            }
-                            else if (trimValue.toString().length > 7) {
-                                throw new Error(t("ndc:kpiMaxLength"));
-                            }
-                        }
-                        else {
-                            throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
-                        }
-                        return [2 /*return*/];
-                    });
-                }); },
-            },
-        ] },
-        React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiPlaceHolder") }))) : (children)));
+    var title = _a.title, editable = _a.editable, children = _a.children, dataIndex = _a.dataIndex, record = _a.record, handleSave = _a.handleSave, restProps = __rest(_a, ["title", "editable", "children", "dataIndex", "record", "handleSave"]);
+    var _b = useState(false), editing = _b[0], setEditing = _b[1];
+    var inputRef = useRef(null);
+    var form = useContext(EditableContext);
+    useEffect(function () {
+        if (editing) {
+            inputRef.current.focus();
+        }
+    }, [editing]);
+    var toggleEdit = function () {
+        var _a;
+        setEditing(!editing);
+        form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
+    };
+    var save = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var values, errInfo_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, form.validateFields()];
+                case 1:
+                    values = _a.sent();
+                    toggleEdit();
+                    handleSave(__assign(__assign({}, record), values));
+                    return [3 /*break*/, 3];
+                case 2:
+                    errInfo_1 = _a.sent();
+                    console.log("Save failed:", errInfo_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var childNode = children;
+    if (editable) {
+        childNode = editing ? (React.createElement(Form.Item, { style: { margin: 0 }, name: dataIndex, rules: [
+                {
+                    required: true,
+                    message: "".concat(title, " is required."),
+                },
+            ] },
+            React.createElement(Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24, minWidth: "100px", minHeight: "20px" }, onClick: toggleEdit }, children));
+    }
+    return React.createElement("td", __assign({}, restProps), childNode);
 };
 
-var css_248z$4 = ".ndc-steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: center; }\n  .ndc-steps-actions .action-btn {\n    border: 1px solid #16b1ff;\n    color: #16b1ff;\n    margin-right: 1rem; }\n  .ndc-steps-actions .back-btn {\n    border: 1px solid rgba(140, 140, 140, 0.7);\n    color: rgba(140, 140, 140, 0.7);\n    margin-right: 1rem; }\n  .ndc-steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n\n.ndc-details .ant-input-number-input-wrap {\n  margin-right: 10px; }\n\n.ndc-details tbody {\n  vertical-align: top; }\n\n.ndc-details td .ant-space-item {\n  margin-top: 5px; }\n\n.ndc-details .btn-danger {\n  color: #ff4d4f !important;\n  border-color: #ff8183 !important; }\n";
+var css_248z$4 = ".ndc-steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: center; }\n  .ndc-steps-actions .action-btn {\n    border: 1px solid #16b1ff;\n    color: #16b1ff;\n    margin-right: 1rem; }\n  .ndc-steps-actions .back-btn {\n    border: 1px solid rgba(140, 140, 140, 0.7);\n    color: rgba(140, 140, 140, 0.7);\n    margin-right: 1rem; }\n  .ndc-steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n";
 styleInject(css_248z$4);
 
-var NdcDetailsActionType;
-(function (NdcDetailsActionType) {
-    NdcDetailsActionType["MainAction"] = "MainAction";
-    NdcDetailsActionType["SubAction"] = "SubAction";
-})(NdcDetailsActionType || (NdcDetailsActionType = {}));
-var NdcDetailsActionStatus;
-(function (NdcDetailsActionStatus) {
-    NdcDetailsActionStatus["New"] = "New";
-    NdcDetailsActionStatus["Pending"] = "Pending";
-    NdcDetailsActionStatus["Approved"] = "Approved";
-    NdcDetailsActionStatus["Rejected"] = "Rejected";
-})(NdcDetailsActionStatus || (NdcDetailsActionStatus = {}));
-var getNdcActionStatusEnumVal = function (value) {
-    var index = Object.keys(NdcDetailsActionStatus).indexOf(value);
-    if (index < 0) {
-        return value;
-    }
-    return Object.values(NdcDetailsActionStatus)[index];
-};
-var getNdcActionStatusTagType = function (status) {
-    switch (getNdcActionStatusEnumVal(status)) {
-        case NdcDetailsActionStatus.Rejected:
-            return "error";
-        case NdcDetailsActionStatus.Pending:
-            return "processing";
-        case NdcDetailsActionStatus.Approved:
-            return "success";
-        default:
-            return "default";
-    }
-};
-
+var NdcActionType;
+(function (NdcActionType) {
+    NdcActionType[NdcActionType["main"] = 0] = "main";
+    NdcActionType[NdcActionType["sub"] = 1] = "sub";
+})(NdcActionType || (NdcActionType = {}));
 var NdcDetailsComponent = function (props) {
-    var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext;
+    var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
     var RangePicker = DatePicker.RangePicker;
-    var _a = useState([]), ndcActionsList = _a[0], setNdcActionsList = _a[1];
-    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _a = useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
+    var _b = useState(false), loading = _b[0]; _b[1];
+    var periodItemsRef = useRef([]);
     var _c = useState([]), periodItems = _c[0], setPeriodItems = _c[1];
-    var _d = useState({}), selectedPeriod = _d[0], setSelectedPeriod = _d[1];
-    var selectedDateRangeRef = useRef({});
+    var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
+    var selectedPeriod = useRef({});
+    var addedNdcDetailId = useRef(0);
+    var selectedNdcDetail = useRef({});
     var _e = useState(0), tableKey = _e[0], setTableKey = _e[1];
-    var _f = useConnection(), get = _f.get, post = _f.post, put = _f.put;
-    var _g = useState([]), ministryOrgList = _g[0], setMinistryOrgList = _g[1];
-    var _h = useState({}), actionInfo = _h[0], setActionInfo = _h[1];
-    var _j = useState(false), openConfirmationModal = _j[0], setOpenConfirmationModal = _j[1];
-    var form = Form.useForm()[0];
-    var _k = useState(null), editingKey = _k[0], setEditingKey = _k[1];
-    var _l = useState(0), nextAvailableActionId = _l[0], setNextAvailableActionId = _l[1];
-    var _m = useState([]), expandedRowKeys = _m[0], setExpandedRowKeys = _m[1];
-    var _o = useState([]), subNdcActionsForPeriod = _o[0], setSubNdcActionsForPeriod = _o[1];
-    var _p = useState(1), currentPage = _p[0], setCurrentPage = _p[1];
-    var _q = useState(10), pageSize = _q[0], setPageSize = _q[1];
-    var isEditing = function (record) { return record.id === editingKey; };
-    var isMainActionInEditMode = function () {
-        if (editingKey) {
-            var action = ndcActionsList.find(function (item) { return item.id === editingKey; });
-            if (action && action.actionType === NdcDetailsActionType.MainAction) {
-                return true;
-            }
-        }
-        return false;
-    };
     var userInfoState = useUserContext().userInfoState;
-    useEffect(function () {
-        if (expandedRowKeys && expandedRowKeys.length > 0) {
-            var expandedKey = expandedRowKeys[0];
-            setNdcSubActionsForMainAction(expandedKey);
-        }
-    }, ndcActionsList);
-    var loginMinistry = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT
-        ? process.env.REACT_APP_GOVERNMENT_MINISTRY
-            ? process.env.REACT_APP_GOVERNMENT_MINISTRY
-            : "Ministry Of Environment"
-        : (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY
-            ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName
-            : undefined;
-    var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
-        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
-    var isMainNdcActionsEditable = !selectedPeriod.finalized &&
-        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
-        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
-    var isSubNdcActionsEditable = function (record) {
-        return (!selectedPeriod.finalized &&
-            record.status !== NdcDetailsActionStatus.Approved &&
-            ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
-                ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY &&
-                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName) === record.ministryName)) &&
+    var isAddRangeVisible = function () {
+        return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
+            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT) &&
             (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
     };
-    var checkSubNdcActionCreatePermission = function () {
-        return (!selectedPeriod.finalized &&
-            ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
-                (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
+    var isAddNdcActionVisible = function () {
+        return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
             (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
     };
-    var isNdcActionEditable = function (record) {
-        if (record.actionType === NdcDetailsActionType.MainAction) {
-            return isMainNdcActionsEditable;
-        }
-        else if (record.actionType === NdcDetailsActionType.SubAction) {
-            return isSubNdcActionsEditable(record);
-        }
-    };
-    var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
-        ? ndcActionsList.filter(function (ndcDetail) {
-            return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
-                ndcDetail.actionType === NdcDetailsActionType.MainAction);
-        })
-        : [];
-    var setNdcSubActionsForMainAction = function (mainActionId) {
-        var subNdcDetails = ndcActionsList.filter(function (ndcDetail) {
-            return (ndcDetail.parentActionId === mainActionId &&
-                ndcDetail.actionType === NdcDetailsActionType.SubAction);
-        });
-        var emptySubNdcRow = {
-            id: nextAvailableActionId,
-            actionType: NdcDetailsActionType.SubAction,
-            nationalPlanObjective: "",
-            kpi: "",
-            ministryName: loginMinistry,
-            status: NdcDetailsActionStatus.New,
-            parentActionId: mainActionId,
-        };
-        if (checkSubNdcActionCreatePermission()) {
-            subNdcDetails = __spreadArray(__spreadArray([], subNdcDetails, true), [emptySubNdcRow], false);
-            setEditingKey(nextAvailableActionId);
-            setNextAvailableActionId(function (value) { return value + 1; });
-            form.setFieldsValue({
-                nationalPlanObjective: "",
-                kpi: "",
-            });
-        }
-        setSubNdcActionsForPeriod(subNdcDetails);
-    };
     var inRange = function (num, min, max) {
         return num >= min && num <= max;
     };
-    var ClearEditMode = function () {
-        var unsavedMainActions = ndcActionsList.filter(function (item) {
-            return item.status === NdcDetailsActionStatus.New &&
-                item.actionType === NdcDetailsActionType.MainAction;
-        });
-        if (unsavedMainActions && unsavedMainActions.length) {
-            var updatedActions = ndcActionsList.filter(function (item) { return !unsavedMainActions.includes(item); });
-            setNdcActionsList(updatedActions);
-        }
-        setEditingKey(null);
-    };
-    var handleSave = function (row) { return __awaiter(void 0, void 0, void 0, function () {
-        var updatedFields, updatedItem, exception_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 9, , 10]);
-                    updatedFields = void 0;
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, form.validateFields()];
-                case 2:
-                    updatedFields = (_a.sent());
-                    return [3 /*break*/, 4];
-                case 3:
-                    _a.sent();
-                    return [2 /*return*/];
-                case 4:
-                    if (!updatedFields) {
-                        ClearEditMode();
-                        return [2 /*return*/];
-                    }
-                    else if (updatedFields.kpi === row.kpi &&
-                        updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
-                        ClearEditMode();
-                        return [2 /*return*/];
-                    }
-                    updatedItem = __assign(__assign({}, row), updatedFields);
-                    if (!(updatedItem.status === NdcDetailsActionStatus.New)) return [3 /*break*/, 6];
-                    if (isGovernmentUser &&
-                        updatedItem.actionType === NdcDetailsActionType.SubAction) {
-                        updatedItem.status = NdcDetailsActionStatus.Approved;
+    function onAddNewSubNdcDetail() {
+        var range = selectedTab.split("-");
+        var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
+        var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
+        if (ndcDetail) {
+            addedNdcDetailId.current = addedNdcDetailId.current + 1;
+            var newData = {
+                key: addedNdcDetailId.current,
+                startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
+                endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
+                ndcActionId: ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.key,
+                nationalPlanObj: "",
+                kpi: "",
+                ministry: "",
+            };
+            if (!ndcDetail.subNdcDetails) {
+                ndcDetail.subNdcDetails = [];
+            }
+            ndcDetail.subNdcDetails.push(newData);
+        }
+        ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
+        setNdcDetailsData(ndcDetailsData);
+        setTableKey(function (key) { return key + 1; });
+    }
+    var handleSave = function (row) {
+        setNdcDetailsData(function (prevData) {
+            var newData = JSON.parse(JSON.stringify(prevData));
+            if (row.type === NdcActionType.main) {
+                var index = newData.findIndex(function (item) { return row.key === item.key; });
+                if (index !== -1) {
+                    newData[index] = __assign(__assign({}, newData[index]), row);
+                }
+            }
+            else {
+                var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
+                var parentItem = newData[parentIndex];
+                if (parentItem) {
+                    if (parentItem.subNdcDetails) {
+                        var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
+                        if (itemIndex === -1) {
+                            parentItem.subNdcDetails.push(row);
+                        }
+                        else {
+                            parentItem.subNdcDetails[itemIndex] = __assign({}, row);
+                        }
                     }
                     else {
-                        updatedItem.status = NdcDetailsActionStatus.Pending;
+                        parentItem.subNdcDetails = [row];
                     }
-                    return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
-                case 5:
-                    _a.sent();
-                    return [3 /*break*/, 8];
-                case 6:
-                    updatedItem.status = NdcDetailsActionStatus.Pending;
-                    return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
-                case 7:
-                    _a.sent();
-                    _a.label = 8;
-                case 8:
-                    fetchNdcDetailActions();
-                    ClearEditMode();
-                    return [3 /*break*/, 10];
-                case 9:
-                    exception_2 = _a.sent();
-                    ClearEditMode();
-                    message.open({
-                        type: "error",
-                        content: exception_2.message,
-                        duration: 3,
-                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                    });
-                    return [3 /*break*/, 10];
-                case 10: return [2 /*return*/];
+                }
+                newData[parentIndex] = __assign({}, parentItem);
+                setTableKey(function (key) { return key + 1; });
             }
+            return newData;
         });
-    }); };
-    var actionMenu = function (record) {
-        if (record.status === NdcDetailsActionStatus.Pending &&
-            isGovernmentUser &&
-            !selectedPeriod.finalized) {
-            return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
-                    {
-                        text: t("ndc:approve"),
-                        icon: React.createElement(Icon.BoxArrowInDown, null),
-                        style: "color-primary",
-                        click: function () {
-                            setActionInfo({
-                                action: "Approve",
-                                headerText: t("ndc:actionApproveTitle"),
-                                type: "primary",
-                                icon: React.createElement(Icon.BoxArrowInDown, null),
-                                recordId: record.id,
-                            });
-                            setOpenConfirmationModal(true);
-                        },
-                    },
-                    {
-                        text: t("ndc:reject"),
-                        icon: React.createElement(Icon.XOctagon, null),
-                        style: "color-error",
-                        click: function () {
-                            setActionInfo({
-                                action: "Reject",
-                                headerText: t("ndc:rejectApproveTitle"),
-                                type: "danger",
-                                icon: React.createElement(Icon.XOctagon, null),
-                                recordId: record.id,
-                            });
-                            setOpenConfirmationModal(true);
-                        },
-                    },
-                ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
-                    React.createElement(Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
-                    React.createElement("span", null, item.text))); } }));
+    };
+    var getNdcDetailsForPeriod = function () {
+        var range = selectedTab.split("-");
+        if (range.length > 1) {
+            var filteredData = ndcDetailsData.filter(function (item) {
+                return inRange(Number(moment(item.startDate).year()), Number(range[0]), Number(range[1]));
+            });
+            return filteredData;
         }
         else {
-            return null;
+            return [];
+        }
+    };
+    var getSubNdcDetails = function (key) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
+        if (ndcDetail) {
+            if (((_b = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_a = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _a === void 0 ? void 0 : _a.length) - 1]) === null || _b === void 0 ? void 0 : _b.ministry.trim()) !== "" &&
+                ((_d = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_c = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.ministry) &&
+                ((_f = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_e = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _e === void 0 ? void 0 : _e.length) - 1]) === null || _f === void 0 ? void 0 : _f.nationalPlanObj.trim()) !== "" &&
+                ((_h = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_g = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _g === void 0 ? void 0 : _g.length) - 1]) === null || _h === void 0 ? void 0 : _h.nationalPlanObj) &&
+                String((_k = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_j = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _j === void 0 ? void 0 : _j.length) - 1]) === null || _k === void 0 ? void 0 : _k.kpi).trim() !== "" &&
+                String((_m = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_l = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _l === void 0 ? void 0 : _l.length) - 1]) === null || _m === void 0 ? void 0 : _m.kpi)) {
+                onAddNewSubNdcDetail();
+            }
+            return ndcDetail.subNdcDetails;
+        }
+        else {
+            return [];
         }
     };
     var defaultColumns = [
         {
             title: t("ndc:ndcColumnsNationalPlanObj"),
-            dataIndex: "nationalPlanObjective",
-            key: "nationalPlanObjective",
+            dataIndex: "nationalPlanObj",
+            key: "nationalPlanObj",
             align: "left",
-            width: 400,
             editable: true,
-            render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.nationalPlanObjective ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
-                React.createElement("span", null, record.nationalPlanObjective))) : (React.createElement(Input, { placeholder: t("ndc:nationalPlanObjectivePlaceHolder") })))); },
+            width: "50%",
+            render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
+                React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add Programmes", className: "ant-input", type: "text" })))); },
         },
         {
             title: t("ndc:ndcColumnsKpi"),
             dataIndex: "kpi",
             key: "kpi",
             align: "left",
-            width: 100,
             editable: true,
-            render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpi ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
-                React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: "Enter Kpi" })))); },
+            width: "10%",
+            render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
+                React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
         },
         {
-            title: t("ndc:ndcColumnsMinistry"),
-            dataIndex: "ministryName",
-            key: "ministryName",
+            title: "Government Department",
+            dataIndex: "ministry",
+            key: "ministry",
             align: "left",
-            width: 300,
-            editable: false,
-            render: function (_, record) { return (React.createElement(Tooltip, { title: isSubNdcActionsEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
-                React.createElement(Select, { disabled: !(isSubNdcActionsEditable(record) && isEditing(record)), defaultValue: record.ministryName ? record.ministryName : loginMinistry, style: { width: 220 }, onChange: function (value, option) {
-                        record.ministryName = option.label;
-                        handleSave(record);
-                    }, options: ministryOrgList }))); },
-        },
-        {
-            title: t("ndc:ndcColumnsStatus"),
-            dataIndex: "status",
-            key: "status",
-            align: "left",
-            width: 200,
-            editable: false,
-            render: function (_, record) {
-                var menu = actionMenu(record);
-                return (React.createElement("div", { onClick: function (event) { return event.stopPropagation(); } },
-                    record.actionType === NdcDetailsActionType.SubAction &&
-                        record.status !== NdcDetailsActionStatus.New ? (React.createElement(Tooltip, { title: record.status, color: TooltipColor, key: TooltipColor },
-                        React.createElement(Tag, { className: "clickable", color: getNdcActionStatusTagType(record.status) }, addSpaces(record.status)))) : (""),
-                    record.actionType === NdcDetailsActionType.SubAction && menu ? (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
-                        React.createElement(EllipsisOutlined, { rotate: 90, style: {
-                                fontWeight: 600,
-                                fontSize: "1rem",
-                                cursor: "pointer",
-                            } }))) : (React.createElement("span", null))));
-            },
+            editable: true,
+            width: "40%",
+            render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
+                React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Government Department", className: "ant-input", type: "text" })))); },
         },
     ];
     var columns = defaultColumns.map(function (col) {
         if (!col.editable) {
             return col;
         }
-        return __assign(__assign({}, col), { onCell: function (record) {
-                return {
-                    record: record,
-                    editing: isEditing(record),
-                    dataIndex: col.dataIndex,
-                    title: col.title,
-                    onBlurHandler: function (record) {
-                        if (isEditing(record)) {
-                            handleSave(record);
-                        }
-                    },
-                    t: t,
-                };
-            } });
+        return __assign(__assign({}, col), { onCell: function (record) { return ({
+                record: record,
+                editable: col.editable,
+                dataIndex: col.dataIndex,
+                title: col.title,
+                handleSave: handleSave,
+            }); } });
     });
-    function onClickedAddNewNdcDetail() {
-        return __awaiter(this, void 0, void 0, function () {
-            var periodId, newData_1, lastPage;
-            return __generator(this, function (_a) {
-                if (selectedPeriod.key !== "add_new") {
-                    form.setFieldsValue({
-                        nationalPlanObjective: "",
-                        kpi: "",
-                    });
-                    periodId = parseInt(selectedPeriod.key);
-                    newData_1 = {
-                        id: nextAvailableActionId,
-                        actionType: NdcDetailsActionType.MainAction,
-                        nationalPlanObjective: "",
-                        kpi: "",
-                        ministryName: loginMinistry,
-                        periodId: periodId,
-                        status: NdcDetailsActionStatus.New,
-                    };
-                    setEditingKey(nextAvailableActionId);
-                    setNextAvailableActionId(function (value) { return value + 1; });
-                    setNdcActionsList(function (ndcActionsList) { return __spreadArray(__spreadArray([], ndcActionsList, true), [
-                        newData_1,
-                    ], false); });
-                    setTableKey(function (key) { return key + 1; });
-                    if (ndcMainDetailsForPeriod.length + 1 > pageSize) {
-                        lastPage = Math.ceil(ndcMainDetailsForPeriod.length / pageSize);
-                        setCurrentPage(lastPage);
-                    }
-                }
-                return [2 /*return*/];
-            });
-        });
+    function onAddNewNdcDetail() {
+        var range = selectedTab.split("-");
+        var ndcActionId = ++addedNdcDetailId.current;
+        var newData = {
+            key: ndcActionId,
+            type: NdcActionType.main,
+            startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
+            endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
+            nationalPlanObj: "",
+            kpi: "",
+            ministry: "",
+            subNdcDetails: [
+                {
+                    key: ++addedNdcDetailId.current,
+                    ndcActionId: ndcActionId,
+                    type: NdcActionType.sub,
+                    startDate: new Date("2019-03-25"),
+                    endDate: new Date("2020-03-25"),
+                    nationalPlanObj: "",
+                    kpi: "",
+                    ministry: "",
+                },
+            ],
+        };
+        setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
     }
     var components = {
         body: {
+            row: EditableRow,
             cell: EditableCell,
         },
     };
-    var onClickedDeletePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            setActionInfo({
-                action: "Delete",
-                headerText: t("ndc:periodDeleteConfirmTitle"),
-                type: "danger",
-                icon: React.createElement(Icon.XCircle, null),
-                recordId: selectedPeriod.key,
+    //commented because rendering issue
+    function ndcDetailsTableContent() {
+        return (React.createElement("div", null)
+        // <div>
+        //   <Button
+        //     onClick={onAddNewNdcDetail}
+        //     type="primary"
+        //     style={{
+        //       marginBottom: 16,
+        //     }}
+        //   >
+        //     Add a row
+        //   </Button>
+        //   <Table
+        //     components={components}
+        //     rowClassName={() => 'editable-row'}
+        //     bordered
+        //     dataSource={ndcDetailsData}
+        //     columns={columns}
+        //   />
+        // </div>
+        );
+    }
+    var onCancelPeriod = function () { };
+    var onAddNewPeriod = function () {
+        if (selectedPeriod &&
+            selectedPeriod.current &&
+            selectedPeriod.current.start &&
+            selectedPeriod.current.end) {
+            var newPeriodItem_1 = {
+                key: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
+                label: "".concat(selectedPeriod.current.start, "-").concat(selectedPeriod.current.end),
+                start: selectedPeriod.current.start,
+                end: selectedPeriod.current.end,
+                children: ndcDetailsTableContent(),
+            };
+            var existingIndex = periodItemsRef.current.findIndex(function (item) {
+                return inRange(newPeriodItem_1.start, item.start, item.end) ||
+                    inRange(newPeriodItem_1.end, item.start, item.end);
             });
-            setOpenConfirmationModal(true);
-            return [2 /*return*/];
-        });
-    }); };
-    var onClickedFinalizePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var isPendingActionAvailable;
-        return __generator(this, function (_a) {
-            if (ndcMainDetailsForPeriod.length === 0) {
-                message.open({
-                    type: "error",
-                    content: t("ndc:finalizeNdcEmptyErrorText"),
-                    duration: 3,
-                    style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                });
-                return [2 /*return*/];
+            if (existingIndex === -1) {
+                setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
+                periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
             }
-            isPendingActionAvailable = false;
-            ndcMainDetailsForPeriod.forEach(function (mainAction) {
-                var pendingActions = ndcActionsList.filter(function (action) {
-                    return (action.status === NdcDetailsActionStatus.Pending &&
-                        action.actionType === NdcDetailsActionType.SubAction &&
-                        action.parentActionId === mainAction.id);
-                });
-                if (pendingActions && pendingActions.length > 0) {
-                    isPendingActionAvailable = true;
-                    return;
-                }
-            });
-            if (isPendingActionAvailable) {
+            else {
                 message.open({
                     type: "error",
-                    content: t("ndc:finalizeErrorText"),
+                    content: t("ndc:rangeAlreadyExists"),
                     duration: 3,
                     style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                 });
             }
-            else {
-                setActionInfo({
-                    action: "Finalize",
-                    headerText: t("ndc:finalizeApproveTitle"),
-                    text: t("ndc:finalizeApproveSubTitle"),
-                    type: "primary",
-                    icon: React.createElement(Icon.Clipboard2Check, null),
-                    recordId: selectedPeriod.key,
-                });
-                setOpenConfirmationModal(true);
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var onMainTableRowExpand = function (expanded, record) {
-        var keys = [];
-        if (expanded) {
-            keys.push(record.id);
         }
-        setExpandedRowKeys(keys);
-        setNdcSubActionsForMainAction(record.id);
     };
-    function addNewPeriodContent() {
-        return (React.createElement("div", null,
-            React.createElement(Row, { justify: "start", align: "middle", gutter: [16, 16] },
-                React.createElement(Col, { flex: "340px" },
-                    React.createElement(RangePicker, { disabledDate: function (current) { return moment(current).year() < 1900; }, onChange: onDateRangeChanged, picker: "year" })),
-                React.createElement(Col, { flex: "auto" },
-                    React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit"))))));
-    }
-    var onChange = function (page, size) {
-        setCurrentPage(page);
-        setPageSize(size);
+    useEffect(function () {
+        if (periodItems && periodItems.length > 3) {
+            setSelectedTab(periodItems[periodItems.length - 1].key);
+        }
+    }, [periodItems]);
+    var onDateRangeChanged = function (range) {
+        var period = {
+            start: Number(moment(range[0]).year()),
+            end: Number(moment(range[1]).year()),
+        };
+        selectedPeriod.current = period;
     };
-    function mainNdcActionTableContent() {
+    function addNewPeriodContent() {
         return (React.createElement("div", null,
             React.createElement(Row, null,
-                React.createElement(Col, { span: 24 },
-                    React.createElement(Form, { form: form, component: false },
-                        React.createElement(Table, { tableLayout: "fixed", key: tableKey, className: "common-table-class", rowKey: "id", pagination: {
-                                current: currentPage,
-                                pageSize: pageSize,
-                                total: ndcMainDetailsForPeriod.length,
-                                showQuickJumper: true,
-                                showSizeChanger: true,
-                                onChange: onChange,
-                            }, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, loading: loading, dataSource: ndcMainDetailsForPeriod, columns: columns, expandedRowKeys: expandedRowKeys, onExpand: onMainTableRowExpand, expandable: {
-                                expandedRowRender: function (record) {
-                                    return subNdcActionTableContent();
-                                },
-                                columnWidth: 40,
-                            }, onRow: function (record, rowIndex) {
-                                return {
-                                    onClick: function (event) {
-                                        if (record.id &&
-                                            isNdcActionEditable(record) &&
-                                            !isEditing(record)) {
-                                            form.setFieldsValue(__assign({}, record));
-                                            setEditingKey(record.id);
-                                        }
-                                    },
-                                    onMouseLeave: function () {
-                                        if (isEditing(record)) {
-                                            handleSave(record);
-                                        }
-                                    },
-                                };
-                            }, footer: function () {
-                                return isGovernmentUser &&
-                                    !selectedPeriod.finalized && (React.createElement(Row, { justify: "center" },
-                                    React.createElement(Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
-                            } })))),
-            isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" },
-                React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", disabled: isMainActionInEditMode(), loading: loading }, t("ndc:delete")),
-                React.createElement(Button, { className: "mg-left-1 footer-btns", type: "primary", onClick: onClickedFinalizePeriod, disabled: isMainActionInEditMode(), htmlType: "submit", loading: loading }, t("ndc:finalize")))) : ("")));
-    }
-    function subNdcActionTableContent(record) {
-        return (React.createElement(Table, { tableLayout: "fixed", rowKey: "id", components: components, rowClassName: function () { return "editable-row"; }, className: "common-table-class", bordered: true, dataSource: subNdcActionsForPeriod, loading: loading, onRow: function (record, rowIndex) {
-                return {
-                    onClick: function (event) {
-                        if (record.id &&
-                            isNdcActionEditable(record) &&
-                            !isEditing(record)) {
-                            form.setFieldsValue(__assign({}, record));
-                            setEditingKey(record.id);
-                        }
-                    },
-                    onMouseLeave: function () {
-                        if (isEditing(record)) {
-                            handleSave(record);
-                        }
-                    },
-                };
-            }, columns: columns, showHeader: false, pagination: false }));
+                React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
+            React.createElement(Row, { className: "mg-top-1" },
+                React.createElement("div", { className: "ndc-steps-actions" },
+                    React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
+                    React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
+    }
+    function getSubNdcActionContent(record) {
+        selectedNdcDetail.current = record;
+        return (React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
     }
-    var onAddNewPeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var periodItem_1, existingIndex, response, addedPeriodItem, updatedPeriodItem_1, exception_3;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 4, , 5]);
-                    if (!(selectedDateRangeRef &&
-                        selectedDateRangeRef.current &&
-                        selectedDateRangeRef.current.startYear &&
-                        selectedDateRangeRef.current.endYear)) return [3 /*break*/, 3];
-                    periodItem_1 = {
-                        startYear: selectedDateRangeRef.current.startYear,
-                        endYear: selectedDateRangeRef.current.endYear,
-                        finalized: false,
-                    };
-                    existingIndex = periodItems.findIndex(function (item) {
-                        return inRange(periodItem_1.startYear, item.startYear, item.endYear) ||
-                            inRange(periodItem_1.endYear, item.startYear, item.endYear);
-                    });
-                    if (!(existingIndex === -1)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, post("national/programme/addNdcDetailsPeriod", __assign({}, periodItem_1))];
-                case 1:
-                    response = _a.sent();
-                    if (response && response.data) {
-                        addedPeriodItem = response.data;
-                        updatedPeriodItem_1 = __assign(__assign({}, addedPeriodItem), { key: addedPeriodItem.id, label: "".concat(addedPeriodItem.startYear, "-").concat(addedPeriodItem.endYear) });
-                        setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [updatedPeriodItem_1], false); });
-                        setSelectedPeriod(updatedPeriodItem_1);
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    message.open({
-                        type: "error",
-                        content: t("ndc:rangeAlreadyExists"),
-                        duration: 3,
-                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                    });
-                    _a.label = 3;
-                case 3: return [3 /*break*/, 5];
-                case 4:
-                    exception_3 = _a.sent();
-                    message.open({
-                        type: "error",
-                        content: exception_3.message,
-                        duration: 3,
-                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                    });
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    var onDateRangeChanged = function (range) {
-        if (range) {
-            var period = {
-                startYear: Number(moment(range[0]).year()),
-                endYear: Number(moment(range[1]).year()),
-            };
-            if (period.startYear === period.endYear) {
-                message.open({
-                    type: "error",
-                    content: t("ndc:sameStartEndDates"),
-                    duration: 3,
-                    style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                });
-            }
-            else {
-                selectedDateRangeRef.current = period;
-            }
-        }
-    };
     var onTabChange = function (key) {
-        var selectedPeriod = periodItems.find(function (item) { return item.key === key; });
-        if (selectedPeriod) {
-            setSelectedPeriod(selectedPeriod);
-        }
-    };
-    var onActionConfirmed = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var actionResponse, exception_4;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoading(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 10, , 11]);
-                    if (!(actionInfo.action === "Approve")) return [3 /*break*/, 3];
-                    return [4 /*yield*/, post("national/programme/approveNdcDetailsAction", {
-                            id: actionInfo.recordId,
-                        })];
-                case 2:
-                    actionResponse = _a.sent();
-                    return [3 /*break*/, 9];
-                case 3:
-                    if (!(actionInfo.action === "Reject")) return [3 /*break*/, 5];
-                    return [4 /*yield*/, post("national/programme/rejectNdcDetailsAction", {
-                            id: actionInfo.recordId,
-                        })];
-                case 4:
-                    actionResponse = _a.sent();
-                    return [3 /*break*/, 9];
-                case 5:
-                    if (!(actionInfo.action === "Finalize")) return [3 /*break*/, 7];
-                    return [4 /*yield*/, post("national/programme/finalizeNdcDetailsPeriod", {
-                            id: selectedPeriod.key,
-                        })];
-                case 6:
-                    actionResponse = _a.sent();
-                    return [3 /*break*/, 9];
-                case 7:
-                    if (!(actionInfo.action === "Delete")) return [3 /*break*/, 9];
-                    return [4 /*yield*/, post("national/programme/deleteNdcDetailsPeriod", {
-                            id: selectedPeriod.key,
-                        })];
-                case 8:
-                    actionResponse = _a.sent();
-                    _a.label = 9;
-                case 9: return [3 /*break*/, 11];
-                case 10:
-                    exception_4 = _a.sent();
-                    message.open({
-                        type: "error",
-                        content: exception_4.message,
-                        duration: 3,
-                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                    });
-                    return [3 /*break*/, 11];
-                case 11:
-                    if (actionResponse) {
-                        if (actionInfo.action === "Delete") {
-                            message.open({
-                                type: "success",
-                                content: t("ndc:deletePeriodSuccessMsg"),
-                                duration: 3,
-                                style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                            });
-                            fetchNdcDetailPeriods();
-                        }
-                        else if (actionInfo.action === "Finalize") {
-                            message.open({
-                                type: "success",
-                                content: t("ndc:finalizeSuccessMsg"),
-                                duration: 3,
-                                style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                            });
-                            fetchNdcDetailPeriods();
-                            setExpandedRowKeys([]);
-                            ClearEditMode();
-                        }
-                        else if (actionInfo.action === "Approve") {
-                            message.open({
-                                type: "success",
-                                content: t("ndc:approveSuccessMsg"),
-                                duration: 3,
-                                style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                            });
-                            fetchNdcDetailActions();
-                        }
-                        else if (actionInfo.action === "Reject") {
-                            message.open({
-                                type: "success",
-                                content: t("ndc:rejectSuccessMsg"),
-                                duration: 3,
-                                style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                            });
-                            fetchNdcDetailActions();
-                        }
-                    }
-                    setOpenConfirmationModal(false);
-                    setLoading(false);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var onActionCanceled = function () {
-        setOpenConfirmationModal(false);
+        setSelectedTab(key);
     };
-    var fetchNdcDetailPeriods = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var periods, addNewTab, response, exception_5;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoading(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    periods = [];
-                    addNewTab = {
-                        key: "add_new",
-                        label: "Add New",
-                        startYear: 0,
-                        endYear: 0,
-                        finalized: false,
-                        deleted: false,
-                    };
-                    return [4 /*yield*/, get("national/programme/queryNdcDetailsPeriod")];
-                case 2:
-                    response = _a.sent();
-                    if (response && response.data) {
-                        periods = response.data.map(function (period) {
-                            return __assign(__assign({}, period), { key: period.id, label: period.finalized ? (React.createElement("span", null,
-                                    React.createElement(LockOutlined, null),
-                                    " ",
-                                    period.startYear,
-                                    "-",
-                                    period.endYear,
-                                    " ")) : ("".concat(period.startYear, "-").concat(period.endYear)) });
-                        });
-                    }
-                    if (isGovernmentUser) {
-                        periods.unshift(addNewTab);
-                    }
-                    setPeriodItems(periods);
-                    if (isGovernmentUser) {
-                        setSelectedPeriod(addNewTab);
-                    }
-                    else {
-                        setSelectedPeriod(periods[0]);
-                    }
-                    setLoading(false);
-                    return [3 /*break*/, 5];
-                case 3:
-                    exception_5 = _a.sent();
-                    message.open({
-                        type: "error",
-                        content: exception_5.message,
-                        duration: 3,
-                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                    });
-                    return [3 /*break*/, 5];
-                case 4:
-                    setLoading(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    var fetchNdcDetailActions = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, maxActionId, exception_6;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoading(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, get("national/programme/queryNdcDetailsAction")];
-                case 2:
-                    response = _a.sent();
-                    if (response && response.data) {
-                        maxActionId = Math.max.apply(Math, response.data.map(function (item) { return item.id; }));
-                        setNextAvailableActionId(maxActionId + 1);
-                        setNdcActionsList(response.data);
-                    }
-                    setLoading(false);
-                    return [3 /*break*/, 5];
-                case 3:
-                    exception_6 = _a.sent();
-                    message.open({
-                        type: "error",
-                        content: exception_6.message,
-                        duration: 3,
-                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                    });
-                    return [3 /*break*/, 5];
-                case 4:
-                    setLoading(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    var fetchMinistries = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, ministryOrgDetails, exception_7;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoading(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, get("national/organisation/getMinistries")];
-                case 2:
-                    response = _a.sent();
-                    if (response && response.data) {
-                        ministryOrgDetails = response.data.map(function (value) {
-                            return {
-                                value: value.company_companyId,
-                                label: value.company_name,
-                            };
-                        });
-                        setMinistryOrgList(ministryOrgDetails);
-                    }
-                    setLoading(false);
-                    return [3 /*break*/, 5];
-                case 3:
-                    exception_7 = _a.sent();
-                    message.open({
-                        type: "error",
-                        content: exception_7.message,
-                        duration: 3,
-                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
-                    });
-                    return [3 /*break*/, 5];
-                case 4:
-                    setLoading(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
     useEffect(function () {
-        fetchNdcDetailPeriods();
-        fetchNdcDetailActions();
-        fetchMinistries();
+        var defaultNdcDetails = [
+            {
+                key: 1,
+                type: NdcActionType.main,
+                startDate: new Date("2019-03-25"),
+                endDate: new Date("2020-03-25"),
+                nationalPlanObj: "Enhance value addition in key growth opportunities",
+                kpi: 25,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 6,
+                        ndcActionId: 1,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
+                        kpi: 25,
+                        ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
+                    },
+                    {
+                        key: 7,
+                        ndcActionId: 1,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 2,
+                type: NdcActionType.main,
+                startDate: new Date("2019-03-25"),
+                endDate: new Date("2019-08-25"),
+                nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
+                kpi: 10500,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 8,
+                        ndcActionId: 2,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 12,
+                type: NdcActionType.main,
+                startDate: new Date("2019-03-25"),
+                endDate: new Date("2019-08-25"),
+                nationalPlanObj: "Other",
+                kpi: 10500,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 8,
+                        ndcActionId: 12,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 3,
+                type: NdcActionType.main,
+                startDate: new Date("2021-03-25"),
+                endDate: new Date("2022-03-25"),
+                nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
+                kpi: 48,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 9,
+                        ndcActionId: 3,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 4,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2022-05-25"),
+                nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
+                kpi: 20,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 10,
+                        ndcActionId: 4,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 5,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2023-03-25"),
+                nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
+                kpi: 10,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 11,
+                        ndcActionId: 5,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 13,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2023-03-25"),
+                nationalPlanObj: "Convert to solar energy",
+                kpi: 50000,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 11,
+                        ndcActionId: 13,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "Convert to solar energy",
+                        kpi: "3000",
+                        ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
+                    },
+                    {
+                        key: 14,
+                        ndcActionId: 13,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 15,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2023-03-25"),
+                nationalPlanObj: "Strengthen the private sector to create jobs",
+                kpi: 10000,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 16,
+                        ndcActionId: 15,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "Strengthen the private sector to create jobs",
+                        kpi: "7200",
+                        ministry: "Ministry of Tourism (MoT)",
+                    },
+                    {
+                        key: 17,
+                        ndcActionId: 15,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 18,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2023-03-25"),
+                nationalPlanObj: "Other",
+                kpi: "",
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 19,
+                        ndcActionId: 18,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "Strengthen the private sector to create jobs",
+                        kpi: "",
+                        ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
+                    },
+                    {
+                        key: 20,
+                        ndcActionId: 18,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+        ];
+        var initialPeriods = [
+            {
+                key: "2019-2020",
+                label: "2019-2020",
+                start: 2019,
+                end: 2020,
+                children: ndcDetailsTableContent(),
+            },
+            {
+                key: "2021-2023",
+                label: "2021-2023",
+                start: 2021,
+                end: 2021,
+                children: ndcDetailsTableContent(),
+            },
+        ];
+        if (isAddRangeVisible()) {
+            initialPeriods.unshift({
+                key: "add_new",
+                label: "Add New",
+                start: 0,
+                end: 0,
+                children: addNewPeriodContent(),
+            });
+        }
+        addedNdcDetailId.current = 20;
+        setPeriodItems(initialPeriods);
+        periodItemsRef.current = initialPeriods;
+        setNdcDetailsData(defaultNdcDetails);
     }, []);
-    return (React.createElement("div", { className: "ndc-details content-container" },
+    return (React.createElement("div", { className: "ndc-management content-container" },
         React.createElement("div", { className: "title-bar" },
             React.createElement(Row, { justify: "space-between", align: "middle" },
                 React.createElement(Col, { span: 20 },
                     React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
                     React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
         React.createElement("div", null,
-            React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
-        React.createElement("div", null, selectedPeriod.key === "add_new"
-            ? addNewPeriodContent()
-            : mainNdcActionTableContent()),
-        React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
+            React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
+        selectedTab !== "add_new" && (React.createElement("div", null,
+            React.createElement("div", null,
+                React.createElement(Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
+                        expandedRowRender: function (record) { return getSubNdcActionContent(record); },
+                        indentSize: 0,
+                        defaultExpandedRowKeys: [selectedNdcDetail.current.key],
+                    }, footer: function () {
+                        return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
+                            React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
+                                    marginBottom: 16,
+                                    width: "100%",
+                                } }, t("ndc:addNdcAction"))));
+                    } }))))));
 };
 
 var ImgWithFallback = function (_a) {
@@ -29249,5 +29455,5 @@ var TimelineBody = function (props) {
             React.createElement("div", { className: "remark-body" }, remark)))));
 };
 
-export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal$1 as getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
+export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, GovDepartment, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, Ministry, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
 //# sourceMappingURL=index.js.map