@undp/carbon-library 1.0.135-ghg-inventory.1 → 1.0.135-ghg-inventory.3

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-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, PlusCircleOutlined, LockFilled, CloseCircleOutlined } from '@ant-design/icons';
+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, PlusCircleOutlined, LockFilled, DownloadOutlined, CloseCircleOutlined } from '@ant-design/icons';
 import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, InputNumber, Popover, List, Typography, Spin, Tabs, Progress, Collapse } from 'antd';
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
@@ -7,7 +7,7 @@ import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phon
 import validator from 'validator';
 import { plainToClass } from 'class-transformer';
 import * as Icon from 'react-bootstrap-icons';
-import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill, Clipboard2Pulse, HandThumbsUp, XCircle, ClockHistory, BoxArrowInRight, ShieldX, BoxArrowRight, ShieldCheck, Gem, ShieldExclamation } from 'react-bootstrap-icons';
+import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill, Clipboard2Pulse, HandThumbsUp, XCircle, ClockHistory, BoxArrowInRight, ShieldX, BoxArrowRight, ShieldCheck, Gem, ShieldExclamation, ClipboardCheck } from 'react-bootstrap-icons';
 import 'react-phone-number-input/style.css';
 import mapboxgl from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
@@ -5265,7 +5265,7 @@ var CompanyRoleIcon = function (props) {
         role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
 };
 
-var TextArea$1 = Input.TextArea;
+var TextArea$2 = Input.TextArea;
 var UserActionConfirmationModel = function (props) {
     var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
     var _a = useState(""), comment = _a[0], setComment = _a[1];
@@ -5280,7 +5280,7 @@ var UserActionConfirmationModel = function (props) {
                 onActionConfirmed(comment);
             } },
             React.createElement(Form.Item, { className: "mg-bottom-0", label: t("userProfile:remarks"), name: "remarks", required: actionInfo.type === "danger" },
-                React.createElement(TextArea$1, { defaultValue: comment, rows: 2, onChange: function (v) { return setComment(v.target.value); } })),
+                React.createElement(TextArea$2, { defaultValue: comment, rows: 2, onChange: function (v) { return setComment(v.target.value); } })),
             errorMsg ? (React.createElement(Alert, { className: "mg-top-1", message: errorMsg, type: "error", showIcon: true })) : (""),
             React.createElement("div", { className: "mg-top-1 ant-modal-footer padding-bottom-0" },
                 React.createElement(Button, { htmlType: "button", onClick: function () {
@@ -24186,7 +24186,7 @@ var ProgrammeTransferForm = function (props) {
                 React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionBtnText)))));
 };
 
-var TextArea = Input.TextArea;
+var TextArea$1 = Input.TextArea;
 var RejectDocumentationConfirmationModel = function (props) {
     var actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading, translator = props.translator;
     var t = translator.t;
@@ -24207,7 +24207,7 @@ var RejectDocumentationConfirmationModel = function (props) {
                         message: "".concat(t("programme:remarks")) + " " + "".concat(t("common:isRequired")),
                     },
                 ] },
-                React.createElement(TextArea, { defaultValue: comment, rows: 2, onChange: function (v) { return setComment(v.target.value); } })),
+                React.createElement(TextArea$1, { defaultValue: comment, rows: 2, onChange: function (v) { return setComment(v.target.value); } })),
             errorMsg ? (React.createElement(Alert, { className: "mg-top-1", message: errorMsg, type: "error", showIcon: true })) : (""),
             React.createElement("div", { className: "mg-top-1 ant-modal-footer padding-bottom-0" },
                 React.createElement(Button, { htmlType: "button", onClick: function () {
@@ -24996,7 +24996,7 @@ var TimelineBody = function (props) {
             React.createElement("div", { className: "remark-body" }, remark)))));
 };
 
-var css_248z$1 = ".ant-tabs-tab-btn {\n  padding: 5px 30px;\n  text-align: center;\n  font-weight: 600;\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n  width: 65px !important;\n  height: 32px !important;\n  text-align: center !important;\n  border-radius: 50px !important;\n  background: #16b1ff !important;\n  line-height: 30px !important; }\n\n.ant-picker-cell-disabled::before {\n  width: 65px !important;\n  height: 32px !important;\n  text-align: center !important;\n  border-radius: 50px !important;\n  line-height: 30px !important; }\n\n.ant-picker-cell::before {\n  left: 11px; }\n\n.ant-input-suffix {\n  display: flex;\n  flex: none;\n  align-items: center;\n  height: 50px; }\n  .ant-input-suffix button {\n    border: none;\n    color: #8C8C8C; }\n\n.ant-input-affix-wrapper {\n  padding: 0 11px;\n  border-radius: 5px; }\n\n.emission-tab-container .add-emission {\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  margin: 1rem 0 1rem 0;\n  border-radius: 10px;\n  padding: 0 1.5rem 2.5rem 1.5rem; }\n  .emission-tab-container .add-emission .add-new-year-picker-col {\n    padding-left: 5%; }\n  .emission-tab-container .add-emission .ant-picker {\n    border-radius: 5px !important;\n    height: 50px !important;\n    width: 80%; }\n  .emission-tab-container .add-emission .add-new-upload-file-label {\n    color: rgba(58, 53, 65, 0.5);\n    padding: 0 0 8px;\n    line-height: 1.5715;\n    white-space: initial;\n    text-align: left; }\n  .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n    height: 50px;\n    color: #16b1ff; }\n  .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n    height: 50px;\n    font-size: 11px;\n    width: 120px; }\n  .emission-tab-container .add-emission .table-heading-row {\n    padding-top: 20px;\n    padding-bottom: 25px;\n    margin-left: 10px !important; }\n    .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n      text-align: center;\n      font-size: 18px;\n      font-weight: 600;\n      color: #28282899; }\n  .emission-tab-container .add-emission .total-emission-row {\n    padding: 12px 16px;\n    margin-left: 30px !important; }\n    .emission-tab-container .add-emission .total-emission-row span {\n      font-size: 20px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n      padding-bottom: 10px; }\n  .emission-tab-container .add-emission .panel-header-col {\n    font-size: 20px;\n    font-weight: 600;\n    color: #3A3541CC; }\n  .emission-tab-container .add-emission .panel-header-emission-value-col {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px; }\n  .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n    border-bottom: none !important;\n    padding-bottom: 10px; }\n  .emission-tab-container .add-emission .sub-panel-heading {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px;\n    margin-top: 35px; }\n    .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n  .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n    padding-top: 0px;\n    padding-bottom: 12px;\n    margin-left: 25px; }\n  .emission-tab-container .add-emission .ant-collapse-expand-icon {\n    margin-top: 5px; }\n    .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n      font-size: 20px;\n      color: #976ED7; }\n  .emission-tab-container .add-emission .ant-collapse {\n    margin-left: 10px; }\n  .emission-tab-container .add-emission .co2-total-pill {\n    border-radius: 20px;\n    background-color: rgba(145, 85, 253, 0.4);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .emission-tab-container .add-emission .ch4-total-pill {\n    border-radius: 20px;\n    background-color: rgba(217, 217, 217, 0.6);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .emission-tab-container .add-emission .n2o-total-pill {\n    border-radius: 20px;\n    background-color: rgba(185, 226, 244, 0.4);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .emission-tab-container .add-emission .co2eq-total-pill {\n    border-radius: 20px;\n    background-color: rgba(255, 166, 166, 0.6);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .emission-tab-container .add-emission .panel-content-row {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px;\n    height: 68px;\n    align-items: center; }\n    .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n      font-size: 16px;\n      font-weight: 500;\n      color: #3A3541CC; }\n  .emission-tab-container .add-emission .panel-content-input-box-row {\n    margin-top: 14px; }\n    .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n      height: 40px;\n      width: 50px;\n      margin-left: 25%; }\n  .emission-tab-container .add-emission .total-co2-without-land-row {\n    margin-left: 40px !important;\n    align-items: center;\n    margin-top: 50px; }\n    .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n  .emission-tab-container .add-emission .total-co2-with-land-row {\n    margin-left: 40px !important;\n    align-items: center; }\n    .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n  .emission-tab-container .add-emission .steps-actions {\n    display: flex;\n    flex-direction: row-reverse;\n    margin-right: 1rem;\n    margin-top: 3rem; }\n    .emission-tab-container .add-emission .steps-actions .action-btn {\n      border: 1px solid #16b1ff;\n      color: #16b1ff;\n      margin-right: 1rem; }\n    .emission-tab-container .add-emission .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    .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n";
+var css_248z$1 = ".ant-tabs-tab-btn {\n  padding: 5px 30px;\n  text-align: center;\n  font-weight: 600;\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n  width: 65px !important;\n  height: 32px !important;\n  text-align: center !important;\n  border-radius: 50px !important;\n  background: #16b1ff !important;\n  line-height: 30px !important; }\n\n.ant-picker-cell-disabled::before {\n  width: 65px !important;\n  height: 32px !important;\n  text-align: center !important;\n  border-radius: 50px !important;\n  line-height: 30px !important; }\n\n.ant-picker-cell::before {\n  left: 11px; }\n\n.ant-input-suffix {\n  display: flex;\n  flex: none;\n  align-items: center;\n  height: 50px; }\n  .ant-input-suffix button {\n    border: none;\n    color: #8C8C8C; }\n\n.ant-input-affix-wrapper {\n  padding: 0 11px;\n  border-radius: 5px; }\n\n.emission-tab-container .add-emission {\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  margin: 1rem 0 1rem 0;\n  border-radius: 10px;\n  padding: 0 1.5rem 2.5rem 1.5rem; }\n  .emission-tab-container .add-emission .add-new-year-picker-col {\n    padding-left: 5%; }\n  .emission-tab-container .add-emission .ant-picker {\n    border-radius: 5px !important;\n    height: 50px !important;\n    width: 80%; }\n  .emission-tab-container .add-emission .add-new-upload-file-label {\n    color: rgba(58, 53, 65, 0.5);\n    padding: 0 0 8px;\n    line-height: 1.5715;\n    white-space: initial;\n    text-align: left; }\n  .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n    height: 50px;\n    color: #16b1ff; }\n  .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n    height: 50px;\n    font-size: 11px;\n    width: 120px;\n    color: #8C8C8C;\n    border-radius: 4px; }\n  .emission-tab-container .add-emission .view-download-file-name-input input {\n    height: 50px;\n    color: #16b1ff; }\n  .emission-tab-container .add-emission .view-download-file-inner-col button {\n    height: 50px;\n    font-size: 12px;\n    font-weight: 400;\n    width: 135px;\n    margin-left: 5px;\n    color: #8C8C8C;\n    border-radius: 4px; }\n  .emission-tab-container .add-emission .table-heading-row {\n    padding-top: 20px;\n    padding-bottom: 25px;\n    margin-left: 10px !important; }\n    .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n      text-align: center;\n      font-size: 18px;\n      font-weight: 600;\n      color: #28282899; }\n  .emission-tab-container .add-emission .total-emission-row {\n    padding: 12px 16px;\n    margin-left: 30px !important; }\n    .emission-tab-container .add-emission .total-emission-row span {\n      font-size: 20px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n      padding-bottom: 10px; }\n  .emission-tab-container .add-emission .panel-header-col {\n    font-size: 20px;\n    font-weight: 600;\n    color: #3A3541CC; }\n  .emission-tab-container .add-emission .panel-header-emission-value-col {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px; }\n  .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n    border-bottom: none !important;\n    padding-bottom: 10px; }\n  .emission-tab-container .add-emission .sub-panel-heading {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px;\n    margin-top: 35px; }\n    .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n  .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n    padding-top: 0px;\n    padding-bottom: 12px;\n    margin-left: 25px; }\n  .emission-tab-container .add-emission .ant-collapse-expand-icon {\n    margin-top: 5px; }\n    .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n      font-size: 20px;\n      color: #976ED7; }\n  .emission-tab-container .add-emission .ant-collapse {\n    margin-left: 10px; }\n  .emission-tab-container .add-emission .co2-total-pill {\n    border-radius: 20px;\n    background-color: rgba(145, 85, 253, 0.4);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .emission-tab-container .add-emission .ch4-total-pill {\n    border-radius: 20px;\n    background-color: rgba(217, 217, 217, 0.6);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .emission-tab-container .add-emission .n2o-total-pill {\n    border-radius: 20px;\n    background-color: rgba(185, 226, 244, 0.4);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .emission-tab-container .add-emission .co2eq-total-pill {\n    border-radius: 20px;\n    background-color: rgba(255, 166, 166, 0.6);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .emission-tab-container .add-emission .panel-content-row {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px;\n    height: 68px;\n    align-items: center; }\n    .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n      font-size: 16px;\n      font-weight: 500;\n      color: #3A3541CC; }\n  .emission-tab-container .add-emission .panel-content-input-box-row {\n    margin-top: 14px; }\n    .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n      height: 40px;\n      width: 50px;\n      margin-left: 33%; }\n  .emission-tab-container .add-emission .total-co2-without-land-row {\n    margin-left: 40px !important;\n    align-items: center;\n    margin-top: 50px; }\n    .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n  .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n    padding-bottom: 24px; }\n  .emission-tab-container .add-emission .total-co2-with-land-row {\n    margin-left: 40px !important;\n    align-items: center; }\n    .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n  .emission-tab-container .add-emission .steps-actions {\n    display: flex;\n    flex-direction: row-reverse;\n    margin-right: 1rem;\n    margin-top: 3rem; }\n    .emission-tab-container .add-emission .steps-actions .action-btn {\n      border: 1px solid #16b1ff;\n      color: #16b1ff;\n      margin-right: 1rem; }\n    .emission-tab-container .add-emission .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    .emission-tab-container .add-emission .steps-actions .submit-btn {\n      margin-right: 1rem; }\n    .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  @media only screen and (max-width: 1600px) {\n    .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n      margin-left: 25%; } }\n";
 styleInject(css_248z$1);
 
 var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -25067,6 +25067,238 @@ var formFields = {
     ],
     other: ['indirectN2oEmissions', 'other'],
 };
+var emissionCsvFieldMap = {
+    "year": "Year",
+    "energyEmissions_fuelCombustionActivities_transport_ch4": "Transport - CH4",
+    "energyEmissions_fuelCombustionActivities_transport_co2": "Transport - CO2",
+    "energyEmissions_fuelCombustionActivities_transport_n2o": "Transport - N2O",
+    "energyEmissions_fuelCombustionActivities_transport_co2eq": "Transport - CO2-eq",
+    "energyEmissions_fuelCombustionActivities_nonSpecified_ch4": "Non-Specified - CH4",
+    "energyEmissions_fuelCombustionActivities_nonSpecified_co2": "Non-Specified - CO2",
+    "energyEmissions_fuelCombustionActivities_nonSpecified_n2o": "Non-Specified - N2O",
+    "energyEmissions_fuelCombustionActivities_nonSpecified_co2eq": "Non-Specified - CO2-eq",
+    "energyEmissions_fuelCombustionActivities_otherSectors_ch4": "Other Sectors - CH4",
+    "energyEmissions_fuelCombustionActivities_otherSectors_co2": "Other Sectors - CO2",
+    "energyEmissions_fuelCombustionActivities_otherSectors_n2o": "Other Sectors - N2O",
+    "energyEmissions_fuelCombustionActivities_otherSectors_co2eq": "Other Sectors - CO2-eq",
+    "energyEmissions_fuelCombustionActivities_energyIndustries_ch4": "Energy Industries - CH4",
+    "energyEmissions_fuelCombustionActivities_energyIndustries_co2": "Energy Industries - CO2",
+    "energyEmissions_fuelCombustionActivities_energyIndustries_n2o": "Energy Industries - N2O",
+    "energyEmissions_fuelCombustionActivities_energyIndustries_co2eq": "Energy Industries - CO2-eq",
+    "energyEmissions_fuelCombustionActivities_manufacturingIndustriesConstruction_ch4": "Manufacturing Industries and Construction - CH4",
+    "energyEmissions_fuelCombustionActivities_manufacturingIndustriesConstruction_co2": "Manufacturing Industries and Construction - CO2",
+    "energyEmissions_fuelCombustionActivities_manufacturingIndustriesConstruction_n2o": "Manufacturing Industries and Construction - N2O",
+    "energyEmissions_fuelCombustionActivities_manufacturingIndustriesConstruction_co2eq": "Manufacturing Industries and Construction - CO2-eq",
+    "energyEmissions_fugitiveEmissionsFromFuels_solidFuels_ch4": "Solid Fuels - CH4",
+    "energyEmissions_fugitiveEmissionsFromFuels_solidFuels_co2": "Solid Fuels - CO2",
+    "energyEmissions_fugitiveEmissionsFromFuels_solidFuels_n2o": "Solid Fuels - N2O",
+    "energyEmissions_fugitiveEmissionsFromFuels_solidFuels_co2eq": "Solid Fuels - CO2-eq",
+    "energyEmissions_fugitiveEmissionsFromFuels_oilNaturalGas_ch4": "Oil and Natural Gas - CH4",
+    "energyEmissions_fugitiveEmissionsFromFuels_oilNaturalGas_co2": "Oil and Natural Gas - CO2",
+    "energyEmissions_fugitiveEmissionsFromFuels_oilNaturalGas_n2o": "Oil and Natural Gas - N2O",
+    "energyEmissions_fugitiveEmissionsFromFuels_oilNaturalGas_co2eq": "Oil and Natural Gas - CO2-eq",
+    "energyEmissions_fugitiveEmissionsFromFuels_otherEmissionsEnergyProduction_ch4": "Other emissions from Energy Production - CH4",
+    "energyEmissions_fugitiveEmissionsFromFuels_otherEmissionsEnergyProduction_co2": "Other emissions from Energy Production - CO2",
+    "energyEmissions_fugitiveEmissionsFromFuels_otherEmissionsEnergyProduction_n2o": "Other emissions from Energy Production - N2O",
+    "energyEmissions_fugitiveEmissionsFromFuels_otherEmissionsEnergyProduction_co2eq": "Other emissions from Energy Production - CO2-eq",
+    "energyEmissions_carbonDioxideTransportStorage_other_ch4": "Other (Carbon dioxide Transport and Storage) - CH4",
+    "energyEmissions_carbonDioxideTransportStorage_other_co2": "Other (Carbon dioxide Transport and Storage) - CO2",
+    "energyEmissions_carbonDioxideTransportStorage_other_n2o": "Other (Carbon dioxide Transport and Storage) - N2O",
+    "energyEmissions_carbonDioxideTransportStorage_other_co2eq": "Other (Carbon dioxide Transport and Storage) - CO2-eq",
+    "energyEmissions_carbonDioxideTransportStorage_transportOfCo2_ch4": "Transport of CO2 - CH4",
+    "energyEmissions_carbonDioxideTransportStorage_transportOfCo2_co2": "Transport of CO2 - CO2",
+    "energyEmissions_carbonDioxideTransportStorage_transportOfCo2_n2o": "Transport of CO2 - N2O",
+    "energyEmissions_carbonDioxideTransportStorage_transportOfCo2_co2eq": "Transport of CO2 - CO2-eq",
+    "energyEmissions_carbonDioxideTransportStorage_injectionStorage_ch4": "Injection and Storage - CH4",
+    "energyEmissions_carbonDioxideTransportStorage_injectionStorage_co2": "Injection and Storage - CO2",
+    "energyEmissions_carbonDioxideTransportStorage_injectionStorage_n2o": "Injection and Storage - N2O",
+    "energyEmissions_carbonDioxideTransportStorage_injectionStorage_co2eq": "Injection and Storage - CO2-eq",
+    "industrialProcessesProductUse_other_ch4": "Other (Industrial Processes & Product Use) - CH4",
+    "industrialProcessesProductUse_other_co2": "Other (Industrial Processes & Product Use) - CO2",
+    "industrialProcessesProductUse_other_n2o": "Other (Industrial Processes & Product Use) - N2O",
+    "industrialProcessesProductUse_other_co2eq": "Other (Industrial Processes & Product Use) - CO2-eq",
+    "industrialProcessesProductUse_metalIndustry_ch4": "Metal Industry - CH4",
+    "industrialProcessesProductUse_metalIndustry_co2": "Metal Industry - CO2",
+    "industrialProcessesProductUse_metalIndustry_n2o": "Metal Industry - N2O",
+    "industrialProcessesProductUse_metalIndustry_co2eq": "Metal Industry - CO2-eq",
+    "industrialProcessesProductUse_mineralIndustry_ch4": "Mineral Industry - CH4",
+    "industrialProcessesProductUse_mineralIndustry_co2": "Mineral Industry - CO2",
+    "industrialProcessesProductUse_mineralIndustry_n2o": "Mineral Industry - N2O",
+    "industrialProcessesProductUse_mineralIndustry_co2eq": "Mineral Industry - CO2-eq",
+    "industrialProcessesProductUse_chemicalIndustry_ch4": "Chemical Industry - CH4",
+    "industrialProcessesProductUse_chemicalIndustry_co2": "Chemical Industry - CO2",
+    "industrialProcessesProductUse_chemicalIndustry_n2o": "Chemical Industry - N2O",
+    "industrialProcessesProductUse_chemicalIndustry_co2eq": "Chemical Industry - CO2-eq",
+    "industrialProcessesProductUse_electronicsIndustry_ch4": "Electronics Industry - CH4",
+    "industrialProcessesProductUse_electronicsIndustry_co2": "Electronics Industry - CO2",
+    "industrialProcessesProductUse_electronicsIndustry_n2o": "Electronics Industry - N2O",
+    "industrialProcessesProductUse_electronicsIndustry_co2eq": "Electronics Industry - CO2-eq",
+    "industrialProcessesProductUse_otherProductManufactureUse_ch4": "Other Product Manufacture and Use - CH4",
+    "industrialProcessesProductUse_otherProductManufactureUse_co2": "Other Product Manufacture and Use - CO2",
+    "industrialProcessesProductUse_otherProductManufactureUse_n2o": "Other Product Manufacture and Use - N2O",
+    "industrialProcessesProductUse_otherProductManufactureUse_co2eq": "Other Product Manufacture and Use - CO2-eq",
+    "industrialProcessesProductUse_nonEnergyProductsFuelsSolventUse_ch4": "Non-Energy Products from Fuels and Solvent Use - CH4",
+    "industrialProcessesProductUse_nonEnergyProductsFuelsSolventUse_co2": "Non-Energy Products from Fuels and Solvent Use - CO2",
+    "industrialProcessesProductUse_nonEnergyProductsFuelsSolventUse_n2o": "Non-Energy Products from Fuels and Solvent Use - N2O",
+    "industrialProcessesProductUse_nonEnergyProductsFuelsSolventUse_co2eq": "Non-Energy Products from Fuels and Solvent Use - CO2-eq",
+    "industrialProcessesProductUse_productUsesSubstOzoneDepletingSubs_ch4": "Product Uses as Substitutes for Ozone Depleting Substances - CH4",
+    "industrialProcessesProductUse_productUsesSubstOzoneDepletingSubs_co2": "Product Uses as Substitutes for Ozone Depleting Substances - CO2",
+    "industrialProcessesProductUse_productUsesSubstOzoneDepletingSubs_n2o": "Product Uses as Substitutes for Ozone Depleting Substances - N2O",
+    "industrialProcessesProductUse_productUsesSubstOzoneDepletingSubs_co2eq": "Product Uses as Substitutes for Ozone Depleting Substances - CO2-eq",
+    "agricultureForestryOtherLandUse_land_ch4": "Land - CH4",
+    "agricultureForestryOtherLandUse_land_co2": "Land - CO2",
+    "agricultureForestryOtherLandUse_land_n2o": "Land - N2O",
+    "agricultureForestryOtherLandUse_land_co2eq": "Land - CO2-eq",
+    "agricultureForestryOtherLandUse_other_ch4": "Other (Agriculture, Forestry, and Other Land Use) - CH4",
+    "agricultureForestryOtherLandUse_other_co2": "Other (Agriculture, Forestry, and Other Land Use) - CO2",
+    "agricultureForestryOtherLandUse_other_n2o": "Other (Agriculture, Forestry, and Other Land Use) - N2O",
+    "agricultureForestryOtherLandUse_other_co2eq": "Other (Agriculture, Forestry, and Other Land Use) - CO2-eq",
+    "agricultureForestryOtherLandUse_livestock_ch4": "Livestock - CH4",
+    "agricultureForestryOtherLandUse_livestock_co2": "Livestock - CO2",
+    "agricultureForestryOtherLandUse_livestock_n2o": "Livestock - N2O",
+    "agricultureForestryOtherLandUse_livestock_co2eq": "Livestock - CO2-eq",
+    "agricultureForestryOtherLandUse_aggregateNonCo2SourcesLand_ch4": "Aggregate sources and non-CO2 emissions sources on land - CH4",
+    "agricultureForestryOtherLandUse_aggregateNonCo2SourcesLand_co2": "Aggregate sources and non-CO2 emissions sources on land - CO2",
+    "agricultureForestryOtherLandUse_aggregateNonCo2SourcesLand_n2o": "Aggregate sources and non-CO2 emissions sources on land - N2O",
+    "agricultureForestryOtherLandUse_aggregateNonCo2SourcesLand_co2eq": "Aggregate sources and non-CO2 emissions sources on land - CO2-eq",
+    "waste_other_ch4": "Other (Waste) - CH4",
+    "waste_other_co2": "Other (Waste) - CO2",
+    "waste_other_n2o": "Other (Waste) - N2O",
+    "waste_other_co2eq": "Other (Waste) - CO2-eq",
+    "waste_solidWasteDisposal_ch4": "Solid Waste Disposal - CH4",
+    "waste_solidWasteDisposal_co2": "Solid Waste Disposal - CO2",
+    "waste_solidWasteDisposal_n2o": "Solid Waste Disposal - N2O",
+    "waste_solidWasteDisposal_co2eq": "Solid Waste Disposal - CO2-eq",
+    "waste_incinerationOpenBurningWaste_ch4": "Incineration and Open Burning of Waste - CH4",
+    "waste_incinerationOpenBurningWaste_co2": "Incineration and Open Burning of Waste - CO2",
+    "waste_incinerationOpenBurningWaste_n2o": "Incineration and Open Burning of Waste - N2O",
+    "waste_incinerationOpenBurningWaste_co2eq": "Incineration and Open Burning of Waste - CO2-eq",
+    "waste_wastewaterTreatmentDischarge_ch4": "Wastewater Treatment and Discharge - CH4",
+    "waste_wastewaterTreatmentDischarge_co2": "Wastewater Treatment and Discharge - CO2",
+    "waste_wastewaterTreatmentDischarge_n2o": "Wastewater Treatment and Discharge - N2O",
+    "waste_wastewaterTreatmentDischarge_co2eq": "Wastewater Treatment and Discharge - CO2-eq",
+    "waste_biologicalTreatmentSolidWaste_ch4": "Biological Treatment of Solid Waste - CH4",
+    "waste_biologicalTreatmentSolidWaste_co2": "Biological Treatment of Solid Waste - CO2",
+    "waste_biologicalTreatmentSolidWaste_n2o": "Biological Treatment of Solid Waste - N2O",
+    "waste_biologicalTreatmentSolidWaste_co2eq": "Biological Treatment of Solid Waste - CO2-eq",
+    "other_other_ch4": "Other - CH4",
+    "other_other_co2": "Other - CO2",
+    "other_other_n2o": "Other - N2O",
+    "other_other_co2eq": "Other - CO2-eq",
+    "other_indirectN2oEmissions_ch4": "Indirect N2O emissions from the atmospheric deposition of nitrogen in NOx and NH3 - CH4",
+    "other_indirectN2oEmissions_co2": "Indirect N2O emissions from the atmospheric deposition of nitrogen in NOx and NH3 - CO2",
+    "other_indirectN2oEmissions_n2o": "Indirect N2O emissions from the atmospheric deposition of nitrogen in NOx and NH3 - N2O",
+    "other_indirectN2oEmissions_co2eq": "Indirect N2O emissions from the atmospheric deposition of nitrogen in NOx and NH3 - CO2-eq",
+    "totalCo2WithoutLand_ch4": "Total CO2 equivalent emissions without land use, land-use change and forestry - CH4",
+    "totalCo2WithoutLand_co2": "Total CO2 equivalent emissions without land use, land-use change and forestry - CO2",
+    "totalCo2WithoutLand_n2o": "Total CO2 equivalent emissions without land use, land-use change and forestry - N2O",
+    "totalCo2WithoutLand_co2eq": "Total CO2 equivalent emissions without land use, land-use change and forestry - CO2-eq",
+    "totalCo2WithLand_ch4": "Total CO2 equivalent emissions with land use, land-use change and forestry - CH4",
+    "totalCo2WithLand_co2": "Total CO2 equivalent emissions with land use, land-use change and forestry - CO2",
+    "totalCo2WithLand_n2o": "Total CO2 equivalent emissions with land use, land-use change and forestry - N2O",
+    "totalCo2WithLand_co2eq": "Total CO2 equivalent emissions with land use, land-use change and forestry - CO2-eq",
+    // "state": "Status"
+};
+var projectionsCsvFieldMap = {
+    "year": "Year",
+    "energyEmissions_fuelCombustionActivities_transport_bau": "Transport - BAU",
+    "energyEmissions_fuelCombustionActivities_transport_conditionalNdc": "Transport - Conditional NDC",
+    "energyEmissions_fuelCombustionActivities_transport_unconditionalNdc": "Transport - Unconditional NDC",
+    "energyEmissions_fuelCombustionActivities_nonSpecified_bau": "Non-Specified - BAU",
+    "energyEmissions_fuelCombustionActivities_nonSpecified_conditionalNdc": "Non-Specified - Conditional NDC",
+    "energyEmissions_fuelCombustionActivities_nonSpecified_unconditionalNdc": "Non-Specified - Unconditional NDC",
+    "energyEmissions_fuelCombustionActivities_otherSectors_bau": "Other Sectors - BAU",
+    "energyEmissions_fuelCombustionActivities_otherSectors_conditionalNdc": "Other Sectors - Conditional NDC",
+    "energyEmissions_fuelCombustionActivities_otherSectors_unconditionalNdc": "Other Sectors - Unconditional NDC",
+    "energyEmissions_fuelCombustionActivities_energyIndustries_bau": "Energy Industries - BAU",
+    "energyEmissions_fuelCombustionActivities_energyIndustries_conditionalNdc": "Energy Industries - Conditional NDC",
+    "energyEmissions_fuelCombustionActivities_energyIndustries_unconditionalNdc": "Energy Industries - Unconditional NDC",
+    "energyEmissions_fuelCombustionActivities_manufacturingIndustriesConstruction_bau": "Manufacturing Industries and Construction - BAU",
+    "energyEmissions_fuelCombustionActivities_manufacturingIndustriesConstruction_conditionalNdc": "Manufacturing Industries and Construction - Conditional NDC",
+    "energyEmissions_fuelCombustionActivities_manufacturingIndustriesConstruction_unconditionalNdc": "Manufacturing Industries and Construction - Unconditional NDC",
+    "energyEmissions_fugitiveEmissionsFromFuels_solidFuels_bau": "Solid Fuels - BAU",
+    "energyEmissions_fugitiveEmissionsFromFuels_solidFuels_conditionalNdc": "Solid Fuels - Conditional NDC",
+    "energyEmissions_fugitiveEmissionsFromFuels_solidFuels_unconditionalNdc": "Solid Fuels - Unconditional NDC",
+    "energyEmissions_fugitiveEmissionsFromFuels_oilNaturalGas_bau": "Oil and Natural Gas - BAU",
+    "energyEmissions_fugitiveEmissionsFromFuels_oilNaturalGas_conditionalNdc": "Oil and Natural Gas - Conditional NDC",
+    "energyEmissions_fugitiveEmissionsFromFuels_oilNaturalGas_unconditionalNdc": "Oil and Natural Gas - Unconditional NDC",
+    "energyEmissions_fugitiveEmissionsFromFuels_otherEmissionsEnergyProduction_bau": "Other emissions from Energy Production - BAU",
+    "energyEmissions_fugitiveEmissionsFromFuels_otherEmissionsEnergyProduction_conditionalNdc": "Other emissions from Energy Production - Conditional NDC",
+    "energyEmissions_fugitiveEmissionsFromFuels_otherEmissionsEnergyProduction_unconditionalNdc": "Other emissions from Energy Production - Unconditional NDC",
+    "energyEmissions_carbonDioxideTransportStorage_other_bau": "Other (Carbon dioxide Transport and Storage) - BAU",
+    "energyEmissions_carbonDioxideTransportStorage_other_conditionalNdc": "Other (Carbon dioxide Transport and Storage) - Conditional NDC",
+    "energyEmissions_carbonDioxideTransportStorage_other_unconditionalNdc": "Other (Carbon dioxide Transport and Storage) - Unconditional NDC",
+    "energyEmissions_carbonDioxideTransportStorage_transportOfCo2_bau": "Transport of CO2 - BAU",
+    "energyEmissions_carbonDioxideTransportStorage_transportOfCo2_conditionalNdc": "Transport of CO2 - Conditional NDC",
+    "energyEmissions_carbonDioxideTransportStorage_transportOfCo2_unconditionalNdc": "Transport of CO2 - Unconditional NDC",
+    "energyEmissions_carbonDioxideTransportStorage_injectionStorage_bau": "Injection and Storage - BAU",
+    "energyEmissions_carbonDioxideTransportStorage_injectionStorage_conditionalNdc": "Injection and Storage - Conditional NDC",
+    "energyEmissions_carbonDioxideTransportStorage_injectionStorage_unconditionalNdc": "Injection and Storage - Unconditional NDC",
+    "industrialProcessesProductUse_other_bau": "Other (Industrial Processes & Product Use) - BAU",
+    "industrialProcessesProductUse_other_conditionalNdc": "Other (Industrial Processes & Product Use) - Conditional NDC",
+    "industrialProcessesProductUse_other_unconditionalNdc": "Other (Industrial Processes & Product Use) - Unconditional NDC",
+    "industrialProcessesProductUse_metalIndustry_bau": "Metal Industry - BAU",
+    "industrialProcessesProductUse_metalIndustry_conditionalNdc": "Metal Industry - Conditional NDC",
+    "industrialProcessesProductUse_metalIndustry_unconditionalNdc": "Metal Industry - Unconditional NDC",
+    "industrialProcessesProductUse_mineralIndustry_bau": "Mineral Industry - BAU",
+    "industrialProcessesProductUse_mineralIndustry_conditionalNdc": "Mineral Industry - Conditional NDC",
+    "industrialProcessesProductUse_mineralIndustry_unconditionalNdc": "Mineral Industry - Unconditional NDC",
+    "industrialProcessesProductUse_chemicalIndustry_bau": "Chemical Industry - BAU",
+    "industrialProcessesProductUse_chemicalIndustry_conditionalNdc": "Chemical Industry - Conditional NDC",
+    "industrialProcessesProductUse_chemicalIndustry_unconditionalNdc": "Chemical Industry - Unconditional NDC",
+    "industrialProcessesProductUse_electronicsIndustry_bau": "Electronics Industry - BAU",
+    "industrialProcessesProductUse_electronicsIndustry_conditionalNdc": "Electronics Industry - Conditional NDC",
+    "industrialProcessesProductUse_electronicsIndustry_unconditionalNdc": "Electronics Industry - Unconditional NDC",
+    "industrialProcessesProductUse_otherProductManufactureUse_bau": "Other Product Manufacture and Use - BAU",
+    "industrialProcessesProductUse_otherProductManufactureUse_conditionalNdc": "Other Product Manufacture and Use - Conditional NDC",
+    "industrialProcessesProductUse_otherProductManufactureUse_unconditionalNdc": "Other Product Manufacture and Use - Unconditional NDC",
+    "industrialProcessesProductUse_nonEnergyProductsFuelsSolventUse_bau": "Non-Energy Products from Fuels and Solvent Use - BAU",
+    "industrialProcessesProductUse_nonEnergyProductsFuelsSolventUse_conditionalNdc": "Non-Energy Products from Fuels and Solvent Use - Conditional NDC",
+    "industrialProcessesProductUse_nonEnergyProductsFuelsSolventUse_unconditionalNdc": "Non-Energy Products from Fuels and Solvent Use - Unconditional NDC",
+    "industrialProcessesProductUse_productUsesSubstOzoneDepletingSubs_bau": "Product Uses as Substitutes for Ozone Depleting Substances - BAU",
+    "industrialProcessesProductUse_productUsesSubstOzoneDepletingSubs_conditionalNdc": "Product Uses as Substitutes for Ozone Depleting Substances - Conditional NDC",
+    "industrialProcessesProductUse_productUsesSubstOzoneDepletingSubs_unconditionalNdc": "Product Uses as Substitutes for Ozone Depleting Substances - Unconditional NDC",
+    "agricultureForestryOtherLandUse_land_bau": "Land - BAU",
+    "agricultureForestryOtherLandUse_land_conditionalNdc": "Land - Conditional NDC",
+    "agricultureForestryOtherLandUse_land_unconditionalNdc": "Land - Unconditional NDC",
+    "agricultureForestryOtherLandUse_other_bau": "Other (Agriculture, Forestry, and Other Land Use) - BAU",
+    "agricultureForestryOtherLandUse_other_conditionalNdc": "Other (Agriculture, Forestry, and Other Land Use) - Conditional NDC",
+    "agricultureForestryOtherLandUse_other_unconditionalNdc": "Other (Agriculture, Forestry, and Other Land Use) - Unconditional NDC",
+    "agricultureForestryOtherLandUse_livestock_bau": "Livestock - BAU",
+    "agricultureForestryOtherLandUse_livestock_conditionalNdc": "Livestock - Conditional NDC",
+    "agricultureForestryOtherLandUse_livestock_unconditionalNdc": "Livestock - Unconditional NDC",
+    "agricultureForestryOtherLandUse_aggregateNonCo2SourcesLand_bau": "Aggregate sources and non-CO2 emissions sources on land - BAU",
+    "agricultureForestryOtherLandUse_aggregateNonCo2SourcesLand_conditionalNdc": "Aggregate sources and non-CO2 emissions sources on land - Conditional NDC",
+    "agricultureForestryOtherLandUse_aggregateNonCo2SourcesLand_unconditionalNdc": "Aggregate sources and non-CO2 emissions sources on land - Unconditional NDC",
+    "waste_other_bau": "Other (Waste) - BAU",
+    "waste_other_conditionalNdc": "Other (Waste) - Conditional NDC",
+    "waste_other_unconditionalNdc": "Other (Waste) - Unconditional NDC",
+    "waste_solidWasteDisposal_bau": "Solid Waste Disposal - BAU",
+    "waste_solidWasteDisposal_conditionalNdc": "Solid Waste Disposal - Conditional NDC",
+    "waste_solidWasteDisposal_unconditionalNdc": "Solid Waste Disposal - Unconditional NDC",
+    "waste_incinerationOpenBurningWaste_bau": "Incineration and Open Burning of Waste - BAU",
+    "waste_incinerationOpenBurningWaste_conditionalNdc": "Incineration and Open Burning of Waste - Conditional NDC",
+    "waste_incinerationOpenBurningWaste_unconditionalNdc": "Incineration and Open Burning of Waste - Unconditional NDC",
+    "waste_wastewaterTreatmentDischarge_bau": "Wastewater Treatment and Discharge - BAU",
+    "waste_wastewaterTreatmentDischarge_conditionalNdc": "Wastewater Treatment and Discharge - Conditional NDC",
+    "waste_wastewaterTreatmentDischarge_unconditionalNdc": "Wastewater Treatment and Discharge - Unconditional NDC",
+    "waste_biologicalTreatmentSolidWaste_bau": "Biological Treatment of Solid Waste - BAU",
+    "waste_biologicalTreatmentSolidWaste_conditionalNdc": "Biological Treatment of Solid Waste - Conditional NDC",
+    "waste_biologicalTreatmentSolidWaste_unconditionalNdc": "Biological Treatment of Solid Waste - Unconditional NDC",
+    "other_other_bau": "Other - BAU",
+    "other_other_conditionalNdc": "Other - Conditional NDC",
+    "other_other_unconditionalNdc": "Other - Unconditional NDC",
+    "other_indirectN2oEmissions_bau": "Indirect N2O emissions from the atmospheric deposition of nitrogen in NOx and NH3 - BAU",
+    "other_indirectN2oEmissions_conditionalNdc": "Indirect N2O emissions from the atmospheric deposition of nitrogen in NOx and NH3 - Conditional NDC",
+    "other_indirectN2oEmissions_unconditionalNdc": "Indirect N2O emissions from the atmospheric deposition of nitrogen in NOx and NH3 - Unconditional NDC",
+    "totalCo2WithoutLand_bau": "Total CO2 equivalent emissions without land use, land-use change and forestry - BAU",
+    "totalCo2WithoutLand_conditionalNdc": "Total CO2 equivalent emissions without land use, land-use change and forestry - Conditional NDC",
+    "totalCo2WithoutLand_unconditionalNdc": "Total CO2 equivalent emissions without land use, land-use change and forestry - Unconditional NDC",
+    "totalCo2WithLand_bau": "Total CO2 equivalent emissions with land use, land-use change and forestry - BAU",
+    "totalCo2WithLand_conditionalNdc": "Total CO2 equivalent emissions with land use, land-use change and forestry - Conditional NDC",
+    "totalCo2WithLand_unconditionalNdc": "Total CO2 equivalent emissions with land use, land-use change and forestry - Unconditional NDC",
+    // "state": "Status"
+};
 
 Input.TextArea;
 var DiscardChangesConfirmationModel = function (props) {
@@ -25089,7 +25321,37 @@ var DiscardChangesConfirmationModel = function (props) {
                 React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading }, actionInfo.action)))));
 };
 
-// import React from 'react';
+var GHGRecordState;
+(function (GHGRecordState) {
+    GHGRecordState["SAVED"] = "SAVED";
+    GHGRecordState["FINALIZED"] = "FINALIZED";
+})(GHGRecordState || (GHGRecordState = {}));
+
+var TextArea = Input.TextArea;
+var GHGUserActionConfirmationModel = function (props) {
+    var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
+    var _a = useState(""), comment = _a[0], setComment = _a[1];
+    useEffect(function () {
+        setComment("");
+    }, [openModal]);
+    return (React.createElement(Modal, { title: React.createElement("div", { className: "popup-header" },
+            React.createElement("div", { className: "icon" }, actionInfo.icon),
+            React.createElement("div", null, actionInfo.headerText)), className: "popup-" + actionInfo.type, open: openModal, width: Math.min(400, window.innerWidth), centered: true, onCancel: onActionCanceled, destroyOnClose: true, footer: null },
+        React.createElement("p", { style: { whiteSpace: "pre-line" } }, actionInfo.text),
+        React.createElement(Form, { layout: "vertical", onFinish: function () {
+                var status = actionInfo.action === "submit" ? GHGRecordState.SAVED : GHGRecordState.FINALIZED;
+                onActionConfirmed(comment, status);
+            } },
+            React.createElement(Form.Item, { className: "mg-bottom-0", label: t("userProfile:remarks"), name: "remarks", required: actionInfo.type === "danger" },
+                React.createElement(TextArea, { defaultValue: comment, rows: 2, onChange: function (v) { return setComment(v.target.value); } })),
+            errorMsg ? (React.createElement(Alert, { className: "mg-top-1", message: errorMsg, type: "error", showIcon: true })) : (""),
+            React.createElement("div", { className: "mg-top-1 ant-modal-footer padding-bottom-0" },
+                React.createElement(Button, { htmlType: "button", onClick: function () {
+                        onActionCanceled();
+                    } }, t("userProfile:cancel")),
+                React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
+};
+
 var GHGEmissionsComponent = function (props) {
     var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
     var userInfoState = useUserContext().userInfoState;
@@ -25100,7 +25362,7 @@ var GHGEmissionsComponent = function (props) {
     var _e = useState(null); _e[0]; var setSelectedYear = _e[1];
     var _f = useState(''), uploadedFileName = _f[0], setUploadedFileName = _f[1];
     var _g = useState([]), disabledYears = _g[0], setDisabledYears = _g[1];
-    var _h = useState(); _h[0]; var setChangedValues = _h[1];
+    var _h = useState(); _h[0]; _h[1];
     var _j = useState(0), totalNationalCo2 = _j[0], setTotalNationalCo2 = _j[1];
     var _k = useState(0), totalNationalCh4 = _k[0], setTotalNationalCh4 = _k[1];
     var _l = useState(0), totalNationalN2o = _l[0], setTotalNationalN2o = _l[1];
@@ -25138,9 +25400,13 @@ var GHGEmissionsComponent = function (props) {
     var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
     var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
     var _20 = useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
-    var _21 = useState(false), openResetFormModal = _21[0], setOpenResetFormModal = _21[1];
-    var _22 = useState(''), errorMsg = _22[0], setErrorMsg = _22[1];
-    var _23 = useState({}), actionInfo = _23[0], setActionInfo = _23[1];
+    var _21 = useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
+    var _22 = useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
+    var _23 = useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
+    var _24 = useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
+    var _25 = useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
+    var _26 = useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
+    var _27 = useState({}), actionInfo = _27[0], setActionInfo = _27[1];
     var Panel = Collapse.Panel;
     var form = Form.useForm()[0];
     var createSetFieldObject = function (obj, objName) {
@@ -25237,20 +25503,8 @@ var GHGEmissionsComponent = function (props) {
         setFormValues(upData);
     };
     useEffect(function () {
-        console.log('++++++++++++++data', data);
         var hasSaveState = data.some(function (item) { return item.state === 'SAVED'; });
-        console.log('++++++++++++++hasSaveState', hasSaveState);
-        // const years = data.map((item: any) => !(item.state === 'SAVED') && item.year);
-        // console.log('++++++++++++++data, years', data, years);
-        console.log(uploadedFileName);
         setIsPendingFinalization(hasSaveState);
-        // Update 'disabledYears' only if 'years' array has changed
-        // setDisabledYears((prevYears) => {
-        //   if (JSON.stringify(prevYears) !== JSON.stringify(years)) {
-        //     return years;
-        //   }
-        //   return prevYears;
-        // });
     }, [data, uploadedFileName]);
     var handleYearChange = function (date, dateString) {
         setSelectedYear(dateString);
@@ -25269,9 +25523,16 @@ var GHGEmissionsComponent = function (props) {
         }
         return sum;
     }
-    var onValuesChange = function (changedValues2, allValues) {
+    var onValuesChange = function (changedValues, allValues) {
         // Track the changed values
-        setChangedValues(function (prevChangedValues) { return (__assign(__assign({}, prevChangedValues), changedValues2)); });
+        var initialValues = null;
+        if (isPendingFinalization) {
+            var savedData = data.filter(function (item) { return item.state === 'SAVED'; });
+            initialValues = savedData[0];
+        }
+        var currentValues = form.getFieldsValue(true);
+        var isChanged = !(JSON.stringify(currentValues) === JSON.stringify(initialValues));
+        setIsFormChanged(isChanged);
     };
     var getBase64 = function (file) {
         return new Promise(function (resolve, reject) {
@@ -25281,7 +25542,7 @@ var GHGEmissionsComponent = function (props) {
             reader.onerror = function (error) { return reject(error); };
         });
     };
-    var createSaveRequestPayload = function (fields) { return __awaiter(void 0, void 0, void 0, function () {
+    var createSaveRequestPayload = function (fields, remarks, status) { return __awaiter(void 0, void 0, void 0, function () {
         var requestBody, savedEmission, emissionImportBase64;
         var _a;
         return __generator(this, function (_b) {
@@ -25498,7 +25759,9 @@ var GHGEmissionsComponent = function (props) {
                             n2o: fields === null || fields === void 0 ? void 0 : fields.totalCo2WithLand_n2o,
                             co2eq: fields === null || fields === void 0 ? void 0 : fields.totalCo2WithLand_co2eq,
                         },
-                        state: 'SAVED',
+                        state: status,
+                        remarks: remarks,
+                        version: formDataVersion,
                     };
                     requestBody = savedEmission;
                     if (!(fields === null || fields === void 0 ? void 0 : fields.emissionsDocument)) return [3 /*break*/, 2];
@@ -25513,6 +25776,37 @@ var GHGEmissionsComponent = function (props) {
             }
         });
     }); };
+    var clearForm = function () {
+        form.resetFields();
+        setFuelCombustionActivitiesCo2(0);
+        setFuelCombustionActivitiesCh4(0);
+        setFuelCombustionActivitiesN2o(0);
+        setFuelCombustionActivitiesCo2Eq(0);
+        setFugitiveEmissionsFromFuelsCo2(0);
+        setFugitiveEmissionsFromFuelsCh4(0);
+        setFugitiveEmissionsFromFuelsN2o(0);
+        setFugitiveEmissionsFromFuelsCo2Eq(0);
+        setCarbonDioxideTransportStorageCo2(0);
+        setCarbonDioxideTransportStorageCh4(0);
+        setCarbonDioxideTransportStorageN2o(0);
+        setCarbonDioxideTransportStorageCo2Eq(0);
+        setIndustrialProcessesProductUseCo2(0);
+        setIndustrialProcessesProductUseCh4(0);
+        setIndustrialProcessesProductUseN2o(0);
+        setIndustrialProcessesProductUseCo2Eq(0);
+        setAgricultureForestryOtherLandUseCo2(0);
+        setAgricultureForestryOtherLandUseCh4(0);
+        setAgricultureForestryOtherLandUseN2o(0);
+        setAgricultureForestryOtherLandUseCo2Eq(0);
+        setWasteCo2(0);
+        setWasteCh4(0);
+        setWasteN2o(0);
+        setWasteCo2Eq(0);
+        setOtherCo2(0);
+        setOtherCh4(0);
+        setOtherN2o(0);
+        setOtherCo2Eq(0);
+    };
     var resetForm = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -25526,36 +25820,14 @@ var GHGEmissionsComponent = function (props) {
                     setIsSavedFormDataSet(false);
                     clearUploadDoc();
                     if (!isPendingFinalization) {
-                        form.resetFields();
-                        setFuelCombustionActivitiesCo2(0);
-                        setFuelCombustionActivitiesCh4(0);
-                        setFuelCombustionActivitiesN2o(0);
-                        setFuelCombustionActivitiesCo2Eq(0);
-                        setFugitiveEmissionsFromFuelsCo2(0);
-                        setFugitiveEmissionsFromFuelsCh4(0);
-                        setFugitiveEmissionsFromFuelsN2o(0);
-                        setFugitiveEmissionsFromFuelsCo2Eq(0);
-                        setCarbonDioxideTransportStorageCo2(0);
-                        setCarbonDioxideTransportStorageCh4(0);
-                        setCarbonDioxideTransportStorageN2o(0);
-                        setCarbonDioxideTransportStorageCo2Eq(0);
-                        setIndustrialProcessesProductUseCo2(0);
-                        setIndustrialProcessesProductUseCh4(0);
-                        setIndustrialProcessesProductUseN2o(0);
-                        setIndustrialProcessesProductUseCo2Eq(0);
-                        setAgricultureForestryOtherLandUseCo2(0);
-                        setAgricultureForestryOtherLandUseCh4(0);
-                        setAgricultureForestryOtherLandUseN2o(0);
-                        setAgricultureForestryOtherLandUseCo2Eq(0);
-                        setWasteCo2(0);
-                        setWasteCh4(0);
-                        setWasteN2o(0);
-                        setWasteCo2Eq(0);
-                        setOtherCo2(0);
-                        setOtherCh4(0);
-                        setOtherN2o(0);
-                        setOtherCo2Eq(0);
+                        clearForm();
                     }
+                    message.open({
+                        type: 'success',
+                        content: t('ghgInventory:formCancelledSuccess'),
+                        duration: 4,
+                        style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
+                    });
                     return [2 /*return*/];
             }
         });
@@ -25563,7 +25835,7 @@ var GHGEmissionsComponent = function (props) {
     var onResetFormCanceled = function () {
         setOpenResetFormModal(false);
     };
-    var onResetFormModel = function () {
+    var onOpenResetFormModel = function () {
         setActionInfo({
             action: "".concat(t('ghgInventory:proceed')),
             headerText: "".concat(t('ghgInventory:discardHeaderText')),
@@ -25573,55 +25845,106 @@ var GHGEmissionsComponent = function (props) {
         setErrorMsg('');
         setOpenResetFormModal(true);
     };
-    var onSubmitForm = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var fields, payload, response, error_1;
+    var onSaveFormCanceled = function () {
+        setOpenSaveFormModal(false);
+    };
+    var onOpenSaveFormModel = function () {
+        if (!isFormChanged) {
+            message.open({
+                type: 'error',
+                content: t('ghgInventory:formNotChanged'),
+                duration: 4,
+                style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
+            });
+        }
+        else {
+            setActionInfo({
+                action: "".concat(t("ghgInventory:submit")),
+                headerText: "".concat(t("ghgInventory:submitModelHeader")),
+                type: "primary",
+                icon: React.createElement(CheckCircleOutlined, null),
+            });
+            setErrorMsg('');
+            setOpenSaveFormModal(true);
+        }
+    };
+    var onFinalizeFormCanceled = function () {
+        setOpenFinalizeFormModal(false);
+    };
+    var onOpenFinalizeFormModel = function () {
+        setActionInfo({
+            action: "".concat(t("ghgInventory:finalize")),
+            headerText: "".concat(t("ghgInventory:finalizeModelHeader")),
+            type: "primary",
+            icon: React.createElement(ClipboardCheck, null),
+        });
+        setErrorMsg('');
+        setOpenFinalizeFormModal(true);
+    };
+    var onSubmitForm = function (remarks, status) { return __awaiter(void 0, void 0, void 0, function () {
+        var fields, payload, response, messageContent, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     fields = form.getFieldsValue(true);
-                    return [4 /*yield*/, createSaveRequestPayload(fields)];
+                    return [4 /*yield*/, createSaveRequestPayload(fields, remarks, status)];
                 case 1:
                     payload = _a.sent();
                     setLoading(true);
                     _a.label = 2;
                 case 2:
-                    _a.trys.push([2, 4, 5, 7]);
+                    _a.trys.push([2, 6, 9, 10]);
                     return [4 /*yield*/, post('national/emissions', payload)];
                 case 3:
                     response = _a.sent();
                     console.log('Emission creation -> ', response);
-                    if ((response === null || response === void 0 ? void 0 : response.statusText) === 'SUCCESS') {
-                        message.open({
-                            type: 'success',
-                            content: 
-                            // eslint-disable-next-line eqeqeq
-                            (response === null || response === void 0 ? void 0 : response.status) == HttpStatusCode.Created
-                                ? t('ghgInventory:emissionCreationSuccess')
-                                : t('ghgInventory:emissionUpdateSuccess'),
-                            duration: 4,
-                            style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
-                        });
+                    if (!((response === null || response === void 0 ? void 0 : response.statusText) === 'SUCCESS')) return [3 /*break*/, 5];
+                    setOpenSaveFormModal(false);
+                    messageContent = (response === null || response === void 0 ? void 0 : response.status) == HttpStatusCode.Created ?
+                        t('ghgInventory:emissionCreationSuccess')
+                        : t('ghgInventory:emissionUpdateSuccess');
+                    if (status === GHGRecordState.FINALIZED) {
+                        clearUploadDoc();
+                        clearForm();
+                        messageContent = t('ghgInventory:emissionFinalizedSuccess');
                     }
-                    return [3 /*break*/, 7];
+                    setOpenFinalizeFormModal(false);
+                    message.open({
+                        type: 'success',
+                        content: messageContent,
+                        duration: 4,
+                        style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
+                    });
+                    clearUploadDoc();
+                    return [4 /*yield*/, getEmissionData()];
                 case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5: return [3 /*break*/, 10];
+                case 6:
                     error_1 = _a.sent();
                     console.log('Error in emission creation - ', error_1);
+                    setOpenSaveFormModal(false);
+                    setOpenFinalizeFormModal(false);
                     message.open({
                         type: 'error',
                         content: error_1 === null || error_1 === void 0 ? void 0 : error_1.message,
                         duration: 4,
                         style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 7];
-                case 5: 
-                // eslint-disable-next-line no-use-before-define, @typescript-eslint/no-use-before-define
-                return [4 /*yield*/, getEmissionData()];
-                case 6:
-                    // eslint-disable-next-line no-use-before-define, @typescript-eslint/no-use-before-define
+                    if (!(error_1.statusCode == HttpStatusCode.Conflict)) return [3 /*break*/, 8];
+                    return [4 /*yield*/, getEmissionData()];
+                case 7:
                     _a.sent();
+                    clearUploadDoc();
+                    _a.label = 8;
+                case 8: return [3 /*break*/, 10];
+                case 9:
+                    // eslint-disable-next-line no-use-before-define, @typescript-eslint/no-use-before-define
+                    setIsFormChanged(false);
                     setLoading(false);
                     return [7 /*endfinally*/];
-                case 7: return [2 /*return*/];
+                case 10: return [2 /*return*/];
             }
         });
     }); };
@@ -25653,6 +25976,7 @@ var GHGEmissionsComponent = function (props) {
                     });
                     return [3 /*break*/, 5];
                 case 4:
+                    setIsFormChanged(false);
                     setLoading(false);
                     return [7 /*endfinally*/];
                 case 5: return [2 /*return*/];
@@ -25724,13 +26048,16 @@ var GHGEmissionsComponent = function (props) {
         setIsSavedFormDataSet(true);
     };
     useEffect(function () {
-        // if (isPendingFinalization) {
+        var savedData = data.filter(function (item) { return item.state === 'SAVED'; });
         if (!isSavedFormDataSet) {
-            var savedData = data.filter(function (item) { return item.state === 'SAVED'; });
             if (savedData && savedData.length > 0) {
                 setFormValues(savedData[0]);
             }
         }
+        if (savedData && savedData.length > 0) {
+            setFormDataVersion(savedData[0].version);
+        }
+        console.log("data changed - version updated2? = ", formDataVersion);
         var years = data
             .filter(function (item) { return !(item.state === 'SAVED' && item.year); }) // Filter out items where state is not 'SAVED'
             .map(function (item) { return parseInt(item.year); });
@@ -26213,6 +26540,67 @@ var GHGEmissionsComponent = function (props) {
                     React.createElement(Col, { xl: 6 },
                         React.createElement(InputNumber, { value: co2eq, disabled: true }))))));
     };
+    var objectToCSV = function (dataToDownload) {
+        var flattenObject = function (obj, prefix) {
+            if (prefix === void 0) { prefix = ''; }
+            return Object.keys(obj).reduce(function (acc, key) {
+                var pre = prefix.length ? "".concat(prefix, "_") : '';
+                if (typeof obj[key] === 'object' && obj[key] !== null) {
+                    Object.assign(acc, flattenObject(obj[key], pre + key));
+                }
+                else {
+                    acc[pre + key] = obj[key];
+                }
+                return acc;
+            }, {});
+        };
+        var headers = [];
+        var contentKeys = [];
+        var flattenedObj = flattenObject(dataToDownload);
+        var objKeys = Object.keys(flattenedObj);
+        objKeys.map(function (key) {
+            if (emissionCsvFieldMap[key]) {
+                headers.push(emissionCsvFieldMap[key]);
+                contentKeys.push(key);
+            }
+        });
+        var flattenedData = [dataToDownload].map(function (item) {
+            var flattened = flattenObject(item);
+            return contentKeys.map(function (header) { return flattened[header]; });
+        });
+        var csvContent = headers.map(function (header) { return "\"".concat(header, "\""); }).join(',') +
+            '\n' +
+            flattenedData.map(function (row) { return row.map(function (value) { return (value === undefined || value === null) ? "" : value; }).join(','); }).join('\n');
+        return csvContent;
+    };
+    var downloadCSV = function (dataToDownload) {
+        var csvContent = objectToCSV(dataToDownload);
+        var encodedUri = encodeURI("data:text/csv;charset=utf-8,".concat(csvContent));
+        var link = document.createElement('a');
+        link.setAttribute('href', encodedUri);
+        link.setAttribute('download', "GHG-Reporting Emission_".concat(dataToDownload.year, "_V").concat(dataToDownload.version, ".csv"));
+        document.body.appendChild(link);
+        link.click();
+    };
+    var isRowDataEmpty = function (emissionDataObj) {
+        if (emissionDataObj == undefined || emissionDataObj == null) {
+            return true;
+        }
+        var co2 = emissionDataObj === null || emissionDataObj === void 0 ? void 0 : emissionDataObj.co2;
+        var ch4 = emissionDataObj === null || emissionDataObj === void 0 ? void 0 : emissionDataObj.ch4;
+        var n2o = emissionDataObj === null || emissionDataObj === void 0 ? void 0 : emissionDataObj.n2o;
+        var co2eq = emissionDataObj === null || emissionDataObj === void 0 ? void 0 : emissionDataObj.co2eq;
+        if (!co2 && !ch4 && !n2o && !co2eq) {
+            return true;
+        }
+        return false;
+    };
+    var isSectionDataEmpty = function (sectionTotalCo2, sectionTotalCh4, sectionTotalN2o, sectionTotalCo2eq) {
+        if (!sectionTotalCo2 && !sectionTotalCh4 && !sectionTotalN2o && !sectionTotalCo2eq) {
+            return true;
+        }
+        return false;
+    };
     return (React.createElement("div", null,
         React.createElement("div", { className: "content-container emission-tab-container" },
             React.createElement("div", { className: "emission-title-bar" },
@@ -26224,7 +26612,7 @@ var GHGEmissionsComponent = function (props) {
                     ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
                         (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
                         React.createElement("div", null,
-                            React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "add-emission", className: "programme-details-form", layout: "vertical", requiredMark: true, form: form, onValuesChange: onValuesChange, onFinish: onSubmitForm },
+                            React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "add-emission", className: "programme-details-form", layout: "vertical", requiredMark: true, form: form, onValuesChange: onValuesChange, onFinish: onOpenSaveFormModel },
                                 React.createElement(Row, null,
                                     React.createElement(Col, { xl: 12, md: 12, className: "add-new-year-picker-col" },
                                         React.createElement("div", null,
@@ -26388,10 +26776,13 @@ var GHGEmissionsComponent = function (props) {
                                                 React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq" },
                                                     React.createElement(InputNumber, null)))))),
                                 React.createElement("div", { className: "steps-actions" },
-                                    React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading }, "Submit"),
-                                    React.createElement(Button, { className: "back-btn", onClick: onResetFormModel, loading: loading }, "Cancel")))))),
+                                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
+                                        (React.createElement(Button, { className: "finalize-btn", type: "primary", loading: loading, onClick: onOpenFinalizeFormModel }, "Finalize")),
+                                    React.createElement(Button, { className: "submit-btn", type: "primary", htmlType: "submit", loading: loading }, "Submit"),
+                                    React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel")))))),
                     data.map(function (tabData) {
-                        return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { key: tabData.id.toString(), tab: React.createElement("span", null,
+                        var _a, _b, _c, _d, _e, _f, _g, _h;
+                        return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
                                 tabData.year,
                                 tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
                             React.createElement("div", null,
@@ -26399,47 +26790,14 @@ var GHGEmissionsComponent = function (props) {
                                     React.createElement(Col, { xl: 12, md: 12, className: "add-new-year-picker-col" },
                                         React.createElement("div", null,
                                             React.createElement(Row, { className: "add-new-upload-file-label" }, "Year"),
-                                            React.createElement(DatePicker
-                                            //   onChange={handleYearChange}
-                                            , { 
-                                                //   onChange={handleYearChange}
-                                                picker: "year", disabledDate: isYearDisabled, defaultValue: moment(tabData.year, 'YYYY'), disabled: true, size: "large" }))),
+                                            React.createElement(DatePicker, { picker: "year", disabledDate: isYearDisabled, defaultValue: moment(tabData.year, 'YYYY'), disabled: true, size: "large" }))),
                                     React.createElement(Col, { xl: 12, md: 12, className: "add-new-upload-file-col" },
                                         React.createElement(Row, { className: "add-new-upload-file-label" }, t("ghgInventory:emissionRemovalDocument")),
                                         React.createElement(Row, null,
-                                            React.createElement(Col, { xl: 5, md: 5, className: "add-new-upload-file-inner-col" },
-                                                React.createElement(Form.Item, null,
-                                                    React.createElement(Upload, { accept: ".xlsx", customRequest: function (_a) {
-                                                            _a.onSuccess; _a.onError; _a.file;
-                                                            var reader = new FileReader();
-                                                            reader.onload = function (e) {
-                                                                if (e && e.target) {
-                                                                    // Check if e and e.target are defined
-                                                                    var xldata = e.target.result;
-                                                                    if (xldata) {
-                                                                        try {
-                                                                            var workbook = XLSX.read(xldata, { type: 'array' });
-                                                                            var sheetName = workbook.SheetNames[0];
-                                                                            var sheet = workbook.Sheets[sheetName];
-                                                                            var excelData = XLSX.utils.sheet_to_json(sheet);
-                                                                            // Use excelData as needed, e.g., display it in a table.
-                                                                            console.log(excelData);
-                                                                            // You can perform any further processing with the data here.
-                                                                            // For example, you can call a function to handle the uploaded data.
-                                                                            // handleFileUpload(excelData);
-                                                                            //   onSuccess('ok', file);
-                                                                        }
-                                                                        catch (error) {
-                                                                            //   onError(error, 'error', file);
-                                                                        }
-                                                                    }
-                                                                }
-                                                            };
-                                                            //   reader.readAsArrayBuffer(file);
-                                                        } },
-                                                        React.createElement(Button, { icon: React.createElement(UploadOutlined, null) }, t("ghgInventory:upload"))))),
-                                            React.createElement(Col, { xl: 16, md: 16, className: "add-new-upload-file-name-input" },
-                                                React.createElement(Input, { value: uploadedFileName, readOnly: true }))))),
+                                            React.createElement(Col, { xl: 15, md: 15, className: "view-download-file-name-input" },
+                                                React.createElement(Input, { value: "GHG-Reporting Emission_".concat(tabData.year, "_V").concat(tabData.version, ".csv"), disabled: true })),
+                                            React.createElement(Col, { xl: 5, md: 5, className: "view-download-file-inner-col" },
+                                                React.createElement(Button, { icon: React.createElement(DownloadOutlined, null), onClick: function () { downloadCSV(tabData); } }, t("ghgInventory:download")))))),
                                 React.createElement(Row, { gutter: 16 },
                                     React.createElement(Col, { span: 9, offset: 12 },
                                         React.createElement(Row, { gutter: 16, className: "table-heading-row" },
@@ -26475,36 +26833,82 @@ var GHGEmissionsComponent = function (props) {
                                         return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
                                     } }, Object.entries(formFields).map(function (_a) {
                                     var panelHeading = _a[0], panelContent = _a[1];
-                                    return (React.createElement(Panel, { header: renderPanelHeaderView(panelHeading, tabData), key: panelHeading }, Array.isArray(panelContent)
-                                        ? panelContent.map(function (item, index) {
-                                            for (var key in tabData) {
-                                                if (key === panelHeading) {
-                                                    var emissionsObject = tabData[key];
-                                                    var emissionsData = emissionsObject[item];
-                                                    return renderPanelContentView(emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.co2, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.ch4, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.n2o, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.co2eq, item, index);
-                                                }
-                                            }
-                                        })
-                                        : Object.entries(panelContent).map(function (_a) {
-                                            var subPanelHeading = _a[0], subPanelContent = _a[1];
-                                            return (React.createElement("div", { className: "sub-panel" },
-                                                React.createElement("div", { className: "sub-panel-heading" }, renderPanelHeaderView(subPanelHeading, tabData.energyEmissions)),
-                                                subPanelContent.map(function (item, index) {
-                                                    for (var key in tabData.energyEmissions[subPanelHeading]) {
-                                                        if (key === item) {
-                                                            var emissionsObject = tabData.energyEmissions[subPanelHeading];
-                                                            var emissionsData = emissionsObject[item];
+                                    var emissionsObject = tabData[panelHeading];
+                                    var sectionTotalCo2 = calculateSumEmissionView(emissionsObject, 'co2');
+                                    var sectionTotalCh4 = calculateSumEmissionView(emissionsObject, 'ch4');
+                                    var sectionTotalN2o = calculateSumEmissionView(emissionsObject, 'n2o');
+                                    var sectionTotalCo2eq = calculateSumEmissionView(emissionsObject, 'co2eq');
+                                    if (!isSectionDataEmpty(sectionTotalCo2, sectionTotalCh4, sectionTotalN2o, sectionTotalCo2eq)) {
+                                        return (React.createElement(Panel, { header: renderPanelHeaderView(panelHeading, tabData), key: panelHeading }, Array.isArray(panelContent)
+                                            ? panelContent.map(function (item, index) {
+                                                for (var key in tabData) {
+                                                    if (key === panelHeading) {
+                                                        var emissionsObject_1 = tabData[key];
+                                                        var emissionsData = emissionsObject_1[item];
+                                                        if (!isRowDataEmpty(emissionsData)) {
                                                             return renderPanelContentView(emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.co2, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.ch4, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.n2o, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.co2eq, item, index);
                                                         }
                                                     }
-                                                })));
-                                        })));
-                                })))));
+                                                }
+                                            })
+                                            : Object.entries(panelContent).map(function (_a) {
+                                                var subPanelHeading = _a[0], subPanelContent = _a[1];
+                                                var emissionsObject = tabData.energyEmissions[subPanelHeading];
+                                                var sectionTotalCo2 = calculateSumEmissionView(emissionsObject, 'co2');
+                                                var sectionTotalCh4 = calculateSumEmissionView(emissionsObject, 'ch4');
+                                                var sectionTotalN2o = calculateSumEmissionView(emissionsObject, 'n2o');
+                                                var sectionTotalCo2eq = calculateSumEmissionView(emissionsObject, 'co2eq');
+                                                if (!isSectionDataEmpty(sectionTotalCo2, sectionTotalCh4, sectionTotalN2o, sectionTotalCo2eq)) {
+                                                    return (React.createElement("div", { className: "sub-panel" },
+                                                        React.createElement("div", { className: "sub-panel-heading" }, renderPanelHeaderView(subPanelHeading, tabData.energyEmissions)),
+                                                        subPanelContent.map(function (item, index) {
+                                                            for (var key in tabData.energyEmissions[subPanelHeading]) {
+                                                                if (key === item) {
+                                                                    var emissionsObject_2 = tabData.energyEmissions[subPanelHeading];
+                                                                    var emissionsData = emissionsObject_2[item];
+                                                                    if (!isRowDataEmpty(emissionsData)) {
+                                                                        return renderPanelContentView(emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.co2, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.ch4, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.n2o, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.co2eq, item, index);
+                                                                    }
+                                                                }
+                                                            }
+                                                        })));
+                                                }
+                                            })));
+                                    }
+                                })),
+                                (!isRowDataEmpty(tabData.totalCo2WithoutLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithoutLand', className: "total-co2-without-land-row" },
+                                    React.createElement(Col, { xl: 12, md: 12, className: "total-co2-without-land-title" },
+                                        React.createElement("span", null, t("ghgInventory:totalCo2WithoutLand"))),
+                                    React.createElement(Col, { xl: 9, md: 9 },
+                                        React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
+                                            React.createElement(Col, { xl: 6 },
+                                                React.createElement(InputNumber, { value: (_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2, disabled: true })),
+                                            React.createElement(Col, { xl: 6 },
+                                                React.createElement(InputNumber, { value: (_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.ch4, disabled: true })),
+                                            React.createElement(Col, { xl: 6 },
+                                                React.createElement(InputNumber, { value: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.n2o, disabled: true })),
+                                            React.createElement(Col, { xl: 6 },
+                                                React.createElement(InputNumber, { value: (_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2eq, disabled: true })))))),
+                                (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
+                                    React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
+                                        React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
+                                    React.createElement(Col, { xl: 9, md: 9 },
+                                        React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
+                                            React.createElement(Col, { xl: 6 },
+                                                React.createElement(InputNumber, { value: (_e = tabData.totalCo2WithLand) === null || _e === void 0 ? void 0 : _e.co2, disabled: true })),
+                                            React.createElement(Col, { xl: 6 },
+                                                React.createElement(InputNumber, { value: (_f = tabData.totalCo2WithLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
+                                            React.createElement(Col, { xl: 6 },
+                                                React.createElement(InputNumber, { value: (_g = tabData.totalCo2WithLand) === null || _g === void 0 ? void 0 : _g.n2o, disabled: true })),
+                                            React.createElement(Col, { xl: 6 },
+                                                React.createElement(InputNumber, { value: (_h = tabData.totalCo2WithLand) === null || _h === void 0 ? void 0 : _h.co2eq, disabled: true })))))))));
                     })))),
+        React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
+        React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
         React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
 };
 
-var css_248z = ".ant-tabs-tab-btn {\n  padding: 5px 30px;\n  text-align: center;\n  font-weight: 600;\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n  width: 65px !important;\n  height: 32px !important;\n  text-align: center !important;\n  border-radius: 50px !important;\n  background: #16b1ff !important;\n  line-height: 30px !important; }\n\n.ant-picker-cell-disabled::before {\n  width: 65px !important;\n  height: 32px !important;\n  text-align: center !important;\n  border-radius: 50px !important;\n  line-height: 30px !important; }\n\n.ant-picker-cell::before {\n  left: 11px; }\n\n.ant-input-suffix {\n  display: flex;\n  flex: none;\n  align-items: center;\n  height: 50px; }\n  .ant-input-suffix button {\n    border: none;\n    color: #8C8C8C; }\n\n.ant-input-affix-wrapper {\n  padding: 0 11px;\n  border-radius: 5px; }\n\n.projection-tab-container .add-projection {\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  margin: 1rem 0 1rem 0;\n  border-radius: 10px;\n  padding: 0 1.5rem 2.5rem 1.5rem; }\n  .projection-tab-container .add-projection .add-new-year-picker-col {\n    padding-left: 5%; }\n  .projection-tab-container .add-projection .ant-picker {\n    border-radius: 5px !important;\n    height: 50px !important;\n    width: 80%; }\n  .projection-tab-container .add-projection .add-new-upload-file-label {\n    color: rgba(58, 53, 65, 0.5);\n    padding: 0 0 8px;\n    line-height: 1.5715;\n    white-space: initial;\n    text-align: left; }\n  .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n    height: 50px;\n    color: #16b1ff; }\n  .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n    height: 50px;\n    font-size: 11px;\n    width: 120px; }\n  .projection-tab-container .add-projection .table-heading-row {\n    padding-top: 20px;\n    padding-bottom: 25px;\n    margin-left: 10px !important; }\n    .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n      text-align: center;\n      font-size: 16px;\n      font-weight: 600;\n      color: #28282899; }\n  .projection-tab-container .add-projection .total-emission-row {\n    padding: 12px 16px;\n    margin-left: 30px !important; }\n    .projection-tab-container .add-projection .total-emission-row span {\n      font-size: 20px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n      padding-bottom: 10px; }\n  .projection-tab-container .add-projection .panel-header-col {\n    font-size: 20px;\n    font-weight: 600;\n    color: #3A3541CC; }\n  .projection-tab-container .add-projection .panel-header-emission-value-col {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px; }\n  .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n    border-bottom: none !important;\n    padding-bottom: 10px; }\n  .projection-tab-container .add-projection .sub-panel-heading {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px;\n    margin-top: 35px; }\n    .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n  .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n    padding-top: 0px;\n    padding-bottom: 12px;\n    margin-left: 25px; }\n  .projection-tab-container .add-projection .ant-collapse-expand-icon {\n    margin-top: 5px; }\n    .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n      font-size: 20px;\n      color: #976ED7; }\n  .projection-tab-container .add-projection .ant-collapse {\n    margin-left: 10px; }\n  .projection-tab-container .add-projection .co2-total-pill {\n    border-radius: 20px;\n    background-color: rgba(145, 85, 253, 0.4);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .projection-tab-container .add-projection .ch4-total-pill {\n    border-radius: 20px;\n    background-color: rgba(217, 217, 217, 0.6);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .projection-tab-container .add-projection .n2o-total-pill {\n    border-radius: 20px;\n    background-color: rgba(185, 226, 244, 0.4);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .projection-tab-container .add-projection .co2eq-total-pill {\n    border-radius: 20px;\n    background-color: rgba(255, 166, 166, 0.6);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .projection-tab-container .add-projection .panel-content-row {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px;\n    height: 68px;\n    align-items: center; }\n    .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n      font-size: 16px;\n      font-weight: 500;\n      color: #3A3541CC; }\n  .projection-tab-container .add-projection .panel-content-input-box-row {\n    margin-top: 14px; }\n    .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n      height: 40px;\n      width: 50px;\n      margin-left: 25%; }\n  .projection-tab-container .add-projection .total-co2-without-land-row {\n    margin-left: 40px !important;\n    align-items: center;\n    margin-top: 50px; }\n    .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n  .projection-tab-container .add-projection .total-co2-with-land-row {\n    margin-left: 40px !important;\n    align-items: center; }\n    .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n  .projection-tab-container .add-projection .steps-actions {\n    display: flex;\n    flex-direction: row-reverse;\n    margin-right: 1rem;\n    margin-top: 3rem; }\n    .projection-tab-container .add-projection .steps-actions .action-btn {\n      border: 1px solid #16b1ff;\n      color: #16b1ff;\n      margin-right: 1rem; }\n    .projection-tab-container .add-projection .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    .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n";
+var css_248z = ".ant-tabs-tab-btn {\n  padding: 5px 30px;\n  text-align: center;\n  font-weight: 600;\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n  width: 65px !important;\n  height: 32px !important;\n  text-align: center !important;\n  border-radius: 50px !important;\n  background: #16b1ff !important;\n  line-height: 30px !important; }\n\n.ant-picker-cell-disabled::before {\n  width: 65px !important;\n  height: 32px !important;\n  text-align: center !important;\n  border-radius: 50px !important;\n  line-height: 30px !important; }\n\n.ant-picker-cell::before {\n  left: 11px; }\n\n.ant-input-suffix {\n  display: flex;\n  flex: none;\n  align-items: center;\n  height: 50px; }\n  .ant-input-suffix button {\n    border: none;\n    color: #8C8C8C; }\n\n.ant-input-affix-wrapper {\n  padding: 0 11px;\n  border-radius: 5px; }\n\n.projection-tab-container .add-projection {\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  margin: 1rem 0 1rem 0;\n  border-radius: 10px;\n  padding: 0 1.5rem 2.5rem 1.5rem; }\n  .projection-tab-container .add-projection .add-new-year-picker-col {\n    padding-left: 5%; }\n  .projection-tab-container .add-projection .ant-picker {\n    border-radius: 5px !important;\n    height: 50px !important;\n    width: 80%; }\n  .projection-tab-container .add-projection .add-new-upload-file-label {\n    color: rgba(58, 53, 65, 0.5);\n    padding: 0 0 8px;\n    line-height: 1.5715;\n    white-space: initial;\n    text-align: left; }\n  .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n    height: 50px;\n    color: #16b1ff; }\n  .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n    height: 50px;\n    font-size: 11px;\n    width: 120px; }\n  .projection-tab-container .add-projection .view-download-file-name-input input {\n    height: 50px;\n    color: #16b1ff; }\n  .projection-tab-container .add-projection .view-download-file-inner-col button {\n    height: 50px;\n    font-size: 12px;\n    font-weight: 400;\n    width: 135px;\n    margin-left: 5px;\n    color: #8C8C8C;\n    border-radius: 4px; }\n  .projection-tab-container .add-projection .table-heading-row {\n    padding-top: 20px;\n    padding-bottom: 25px;\n    margin-left: 10px !important; }\n    .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n      text-align: center;\n      font-size: 16px;\n      font-weight: 600;\n      color: #28282899; }\n  .projection-tab-container .add-projection .total-emission-row {\n    padding: 12px 16px;\n    margin-left: 30px !important; }\n    .projection-tab-container .add-projection .total-emission-row span {\n      font-size: 20px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n      padding-bottom: 10px; }\n  .projection-tab-container .add-projection .panel-header-col {\n    font-size: 20px;\n    font-weight: 600;\n    color: #3A3541CC; }\n  .projection-tab-container .add-projection .panel-header-emission-value-col {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px; }\n  .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n    border-bottom: none !important;\n    padding-bottom: 10px; }\n  .projection-tab-container .add-projection .sub-panel-heading {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px;\n    margin-top: 35px; }\n    .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n  .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n    padding-top: 0px;\n    padding-bottom: 12px;\n    margin-left: 25px; }\n  .projection-tab-container .add-projection .ant-collapse-expand-icon {\n    margin-top: 5px; }\n    .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n      font-size: 20px;\n      color: #976ED7; }\n  .projection-tab-container .add-projection .ant-collapse {\n    margin-left: 10px; }\n  .projection-tab-container .add-projection .co2-total-pill {\n    border-radius: 20px;\n    background-color: rgba(145, 85, 253, 0.4);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .projection-tab-container .add-projection .ch4-total-pill {\n    border-radius: 20px;\n    background-color: rgba(217, 217, 217, 0.6);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .projection-tab-container .add-projection .n2o-total-pill {\n    border-radius: 20px;\n    background-color: rgba(185, 226, 244, 0.4);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .projection-tab-container .add-projection .co2eq-total-pill {\n    border-radius: 20px;\n    background-color: rgba(255, 166, 166, 0.6);\n    padding: 4px 15px;\n    height: 28px;\n    color: #5B5B5B;\n    font-size: 12px;\n    font-weight: 900;\n    margin-left: auto;\n    margin-right: auto;\n    width: 90px;\n    text-align: center; }\n  .projection-tab-container .add-projection .panel-content-row {\n    border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n    padding-bottom: 10px;\n    height: 68px;\n    align-items: center; }\n    .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n      font-size: 16px;\n      font-weight: 500;\n      color: #3A3541CC; }\n  .projection-tab-container .add-projection .panel-content-input-box-row {\n    margin-top: 14px; }\n    .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n      height: 40px;\n      width: 50px;\n      margin-left: 35%; }\n  .projection-tab-container .add-projection .total-co2-without-land-row {\n    margin-left: 40px !important;\n    align-items: center;\n    margin-top: 50px; }\n    .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n  .projection-tab-container .add-projection .total-co2-with-land-row {\n    margin-left: 40px !important;\n    align-items: center; }\n    .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n      font-size: 16px;\n      font-weight: 600;\n      color: #3A3541CC; }\n    .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n      border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n  .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n    padding-bottom: 24px; }\n  .projection-tab-container .add-projection .steps-actions {\n    display: flex;\n    flex-direction: row-reverse;\n    margin-right: 1rem;\n    margin-top: 3rem; }\n    .projection-tab-container .add-projection .steps-actions .action-btn {\n      border: 1px solid #16b1ff;\n      color: #16b1ff;\n      margin-right: 1rem; }\n    .projection-tab-container .add-projection .steps-actions .submit-btn {\n      margin-right: 1rem; }\n    .projection-tab-container .add-projection .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    .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  @media only screen and (max-width: 1600px) {\n    .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n      margin-left: 30%; } }\n";
 styleInject(css_248z);
 
 var ProjectionTypes = {
@@ -26523,7 +26927,7 @@ var GHGProjectionsComponent = function (props) {
     var _e = useState(null); _e[0]; var setSelectedYear = _e[1];
     var _f = useState(''), uploadedFileName = _f[0], setUploadedFileName = _f[1];
     var _g = useState([]), disabledYears = _g[0], setDisabledYears = _g[1];
-    var _h = useState(); _h[0]; var setChangedValues = _h[1];
+    var _h = useState(); _h[0]; _h[1];
     var _j = useState(0), totalNationalBau = _j[0], setTotalNationalBau = _j[1];
     var _k = useState(0), totalNationalConditionalNdc = _k[0], setTotalNationalConditionalNdc = _k[1];
     var _l = useState(0), totalNationalUnconditionalNdc = _l[0], setTotalNationalUnconditionalNdc = _l[1];
@@ -26552,9 +26956,13 @@ var GHGProjectionsComponent = function (props) {
     var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
     var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
     var _11 = useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
-    var _12 = useState(false), openResetFormModal = _12[0], setOpenResetFormModal = _12[1];
-    var _13 = useState(''), errorMsg = _13[0], setErrorMsg = _13[1];
-    var _14 = useState({}), actionInfo = _14[0], setActionInfo = _14[1];
+    var _12 = useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
+    var _13 = useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
+    var _14 = useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
+    var _15 = useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
+    var _16 = useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
+    var _17 = useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
+    var _18 = useState({}), actionInfo = _18[0], setActionInfo = _18[1];
     var Panel = Collapse.Panel;
     var form = Form.useForm()[0];
     var createSetFieldObject = function (obj, objName) {
@@ -26654,20 +27062,8 @@ var GHGProjectionsComponent = function (props) {
         setFormValues(upData);
     };
     useEffect(function () {
-        console.log('++++++++++++++data', data);
         var hasSaveState = data.some(function (item) { return item.state === 'SAVED'; });
-        console.log('++++++++++++++hasSaveState', hasSaveState);
-        // const years = data.map((item: any) => !(item.state === 'SAVED') && item.year);
-        // console.log('++++++++++++++data, years', data, years);
-        console.log(uploadedFileName);
         setIsPendingFinalization(hasSaveState);
-        // Update 'disabledYears' only if 'years' array has changed
-        // setDisabledYears((prevYears) => {
-        //   if (JSON.stringify(prevYears) !== JSON.stringify(years)) {
-        //     return years;
-        //   }
-        //   return prevYears;
-        // });
     }, [data, uploadedFileName]);
     function calculateSumEmissionView(obj, conditionType) {
         var sum = 0;
@@ -26683,10 +27079,15 @@ var GHGProjectionsComponent = function (props) {
         }
         return sum;
     }
-    var onValuesChange = function (changedValues2, allValues) {
-        // Track the changed values
-        console.log('=================onValuesChange changedValues, allValues', changedValues2, allValues);
-        setChangedValues(function (prevChangedValues) { return (__assign(__assign({}, prevChangedValues), changedValues2)); });
+    var onValuesChange = function (changedValues, allValues) {
+        var initialValues = null;
+        if (isPendingFinalization) {
+            var savedData = data.filter(function (item) { return item.state === 'SAVED'; });
+            initialValues = savedData[0];
+        }
+        var currentValues = form.getFieldsValue(true);
+        var isChanged = !(JSON.stringify(currentValues) === JSON.stringify(initialValues));
+        setIsFormChanged(isChanged);
     };
     var getBase64 = function (file) {
         return new Promise(function (resolve, reject) {
@@ -26696,7 +27097,7 @@ var GHGProjectionsComponent = function (props) {
             reader.onerror = function (error) { return reject(error); };
         });
     };
-    var createSaveRequestPayload = function (fields) { return __awaiter(void 0, void 0, void 0, function () {
+    var createSaveRequestPayload = function (fields, remarks, status) { return __awaiter(void 0, void 0, void 0, function () {
         var requestBody, savedEmission, emissionImportBase64;
         var _a;
         return __generator(this, function (_b) {
@@ -26881,7 +27282,9 @@ var GHGProjectionsComponent = function (props) {
                             conditionalNdc: fields === null || fields === void 0 ? void 0 : fields.totalCo2WithLand_conditionalNdc,
                             unconditionalNdc: fields === null || fields === void 0 ? void 0 : fields.totalCo2WithLand_unconditionalNdc,
                         },
-                        state: 'SAVED',
+                        state: status,
+                        remarks: remarks,
+                        version: formDataVersion,
                     };
                     requestBody = savedEmission;
                     if (!(fields === null || fields === void 0 ? void 0 : fields.emissionsDocument)) return [3 /*break*/, 2];
@@ -26896,6 +27299,30 @@ var GHGProjectionsComponent = function (props) {
             }
         });
     }); };
+    var clearForm = function () {
+        form.resetFields();
+        setFuelCombustionActivitiesBau(0);
+        setFuelCombustionActivitiesConditionalNdc(0);
+        setFuelCombustionActivitiesUnconditionalNdc(0);
+        setFugitiveEmissionsFromFuelsBau(0);
+        setFugitiveEmissionsFromFuelsConditionalNdc(0);
+        setFugitiveEmissionsFromFuelsUnconditionalNdc(0);
+        setCarbonDioxideTransportStorageBau(0);
+        setCarbonDioxideTransportStorageConditionalNdc(0);
+        setCarbonDioxideTransportStorageUnconditionalNdc(0);
+        setIndustrialProcessesProductUseBau(0);
+        setIndustrialProcessesProductUseConditionalNdc(0);
+        setIndustrialProcessesProductUseUnconditionalNdc(0);
+        setAgricultureForestryOtherLandUseBau(0);
+        setAgricultureForestryOtherLandUseConditionalNdc(0);
+        setAgricultureForestryOtherLandUseUnconditionalNdc(0);
+        setWasteBau(0);
+        setWasteConditionalNdc(0);
+        setWasteUnconditionalNdc(0);
+        setOtherBau(0);
+        setOtherConditionalNdc(0);
+        setOtherUnconditionalNdc(0);
+    };
     var resetForm = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -26909,29 +27336,14 @@ var GHGProjectionsComponent = function (props) {
                     setIsSavedFormDataSet(false);
                     clearUploadDoc();
                     if (!isPendingFinalization) {
-                        form.resetFields();
-                        setFuelCombustionActivitiesBau(0);
-                        setFuelCombustionActivitiesConditionalNdc(0);
-                        setFuelCombustionActivitiesUnconditionalNdc(0);
-                        setFugitiveEmissionsFromFuelsBau(0);
-                        setFugitiveEmissionsFromFuelsConditionalNdc(0);
-                        setFugitiveEmissionsFromFuelsUnconditionalNdc(0);
-                        setCarbonDioxideTransportStorageBau(0);
-                        setCarbonDioxideTransportStorageConditionalNdc(0);
-                        setCarbonDioxideTransportStorageUnconditionalNdc(0);
-                        setIndustrialProcessesProductUseBau(0);
-                        setIndustrialProcessesProductUseConditionalNdc(0);
-                        setIndustrialProcessesProductUseUnconditionalNdc(0);
-                        setAgricultureForestryOtherLandUseBau(0);
-                        setAgricultureForestryOtherLandUseConditionalNdc(0);
-                        setAgricultureForestryOtherLandUseUnconditionalNdc(0);
-                        setWasteBau(0);
-                        setWasteConditionalNdc(0);
-                        setWasteUnconditionalNdc(0);
-                        setOtherBau(0);
-                        setOtherConditionalNdc(0);
-                        setOtherUnconditionalNdc(0);
+                        clearForm();
                     }
+                    message.open({
+                        type: 'success',
+                        content: t('ghgInventory:formCancelledSuccess'),
+                        duration: 4,
+                        style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
+                    });
                     return [2 /*return*/];
             }
         });
@@ -26939,7 +27351,7 @@ var GHGProjectionsComponent = function (props) {
     var onResetFormCanceled = function () {
         setOpenResetFormModal(false);
     };
-    var onResetFormModel = function () {
+    var onOpenResetFormModel = function () {
         setActionInfo({
             action: "".concat(t('ghgInventory:proceed')),
             headerText: "".concat(t('ghgInventory:discardHeaderText')),
@@ -26949,6 +27361,42 @@ var GHGProjectionsComponent = function (props) {
         setErrorMsg('');
         setOpenResetFormModal(true);
     };
+    var onSaveFormCanceled = function () {
+        setOpenSaveFormModal(false);
+    };
+    var onOpenSaveFormModel = function () {
+        if (!isFormChanged) {
+            message.open({
+                type: 'error',
+                content: t('ghgInventory:formNotChanged'),
+                duration: 4,
+                style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
+            });
+        }
+        else {
+            setActionInfo({
+                action: "".concat(t("ghgInventory:submit")),
+                headerText: "".concat(t("ghgInventory:submitModelHeader")),
+                type: "primary",
+                icon: React.createElement(CheckCircleOutlined, null),
+            });
+            setErrorMsg('');
+            setOpenSaveFormModal(true);
+        }
+    };
+    var onFinalizeFormCanceled = function () {
+        setOpenFinalizeFormModal(false);
+    };
+    var onOpenFinalizeFormModel = function () {
+        setActionInfo({
+            action: "".concat(t("ghgInventory:finalize")),
+            headerText: "".concat(t("ghgInventory:finalizeModelHeader")),
+            type: "primary",
+            icon: React.createElement(ClipboardCheck, null),
+        });
+        setErrorMsg('');
+        setOpenFinalizeFormModal(true);
+    };
     var getProjectionData = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
         return __generator(this, function (_a) {
@@ -26977,6 +27425,7 @@ var GHGProjectionsComponent = function (props) {
                     });
                     return [3 /*break*/, 5];
                 case 4:
+                    setIsFormChanged(false);
                     setLoading(false);
                     return [7 /*endfinally*/];
                 case 5: return [2 /*return*/];
@@ -26996,47 +27445,70 @@ var GHGProjectionsComponent = function (props) {
         }); };
         fetchData();
     }, []);
-    var onSubmitForm = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var fields, payload, response, error_2;
+    var onSubmitForm = function (remarks, status) { return __awaiter(void 0, void 0, void 0, function () {
+        var fields, payload, response, messageContent, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     fields = form.getFieldsValue(true);
-                    return [4 /*yield*/, createSaveRequestPayload(fields)];
+                    return [4 /*yield*/, createSaveRequestPayload(fields, remarks, status)];
                 case 1:
                     payload = _a.sent();
                     setLoading(true);
                     _a.label = 2;
                 case 2:
-                    _a.trys.push([2, 4, 5, 6]);
+                    _a.trys.push([2, 6, 9, 10]);
                     return [4 /*yield*/, post('national/projections', payload)];
                 case 3:
                     response = _a.sent();
                     console.log('Projections creation -> ', response);
-                    if ((response === null || response === void 0 ? void 0 : response.statusText) === 'SUCCESS') {
-                        message.open({
-                            type: 'success',
-                            content: (response === null || response === void 0 ? void 0 : response.status) == HttpStatusCode.Created ? t('ghgInventory:projectionCreationSuccess') : t('ghgInventory:projectionUpdateSuccess'),
-                            duration: 4,
-                            style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
-                        });
+                    if (!((response === null || response === void 0 ? void 0 : response.statusText) === 'SUCCESS')) return [3 /*break*/, 5];
+                    setOpenSaveFormModal(false);
+                    messageContent = (response === null || response === void 0 ? void 0 : response.status) == HttpStatusCode.Created ?
+                        t('ghgInventory:projectionCreationSuccess')
+                        : t('ghgInventory:projectionUpdateSuccess');
+                    if (status === GHGRecordState.FINALIZED) {
+                        clearUploadDoc();
+                        clearForm();
+                        messageContent = t('ghgInventory:projectionFinalizedSuccess');
                     }
-                    return [3 /*break*/, 6];
+                    setOpenFinalizeFormModal(false);
+                    message.open({
+                        type: 'success',
+                        content: messageContent,
+                        duration: 4,
+                        style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
+                    });
+                    clearUploadDoc();
+                    return [4 /*yield*/, getProjectionData()];
                 case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5: return [3 /*break*/, 10];
+                case 6:
                     error_2 = _a.sent();
                     console.log('Error in projection creation - ', error_2);
+                    setOpenSaveFormModal(false);
+                    setOpenFinalizeFormModal(false);
                     message.open({
                         type: 'error',
                         content: error_2 === null || error_2 === void 0 ? void 0 : error_2.message,
                         duration: 4,
                         style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 6];
-                case 5:
-                    getProjectionData();
+                    if (!(error_2.statusCode == HttpStatusCode.Conflict)) return [3 /*break*/, 8];
+                    return [4 /*yield*/, getProjectionData()];
+                case 7:
+                    _a.sent();
+                    clearUploadDoc();
+                    _a.label = 8;
+                case 8: return [3 /*break*/, 10];
+                case 9:
+                    // eslint-disable-next-line no-use-before-define, @typescript-eslint/no-use-before-define
+                    setIsFormChanged(false);
                     setLoading(false);
                     return [7 /*endfinally*/];
-                case 6: return [2 /*return*/];
+                case 10: return [2 /*return*/];
             }
         });
     }); };
@@ -27083,13 +27555,15 @@ var GHGProjectionsComponent = function (props) {
         setIsSavedFormDataSet(true);
     };
     useEffect(function () {
-        // if (isPendingFinalization) {
+        var savedData = data.filter(function (item) { return item.state === 'SAVED'; });
         if (!isSavedFormDataSet) {
-            var savedData = data.filter(function (item) { return item.state === 'SAVED'; });
             if (savedData && savedData.length > 0) {
                 setFormValues(savedData[0]);
             }
         }
+        if (savedData && savedData.length > 0) {
+            setFormDataVersion(savedData[0].version);
+        }
         var years = data
             .filter(function (item) { return !(item.state === 'SAVED' && item.year); }) // Filter out items where state is not 'SAVED'
             .map(function (item) { return parseInt(item.year); });
@@ -27484,6 +27958,66 @@ var GHGProjectionsComponent = function (props) {
                     React.createElement(Col, { xl: 7 },
                         React.createElement(InputNumber, { value: unconditionalNdc, disabled: true }))))));
     };
+    var objectToCSV = function (dataToDownload) {
+        var flattenObject = function (obj, prefix) {
+            if (prefix === void 0) { prefix = ''; }
+            return Object.keys(obj).reduce(function (acc, key) {
+                var pre = prefix.length ? "".concat(prefix, "_") : '';
+                if (typeof obj[key] === 'object' && obj[key] !== null) {
+                    Object.assign(acc, flattenObject(obj[key], pre + key));
+                }
+                else {
+                    acc[pre + key] = obj[key];
+                }
+                return acc;
+            }, {});
+        };
+        var headers = [];
+        var contentKeys = [];
+        var flattenedObj = flattenObject(dataToDownload);
+        var objKeys = Object.keys(flattenedObj);
+        objKeys.map(function (key) {
+            if (projectionsCsvFieldMap[key]) {
+                headers.push(projectionsCsvFieldMap[key]);
+                contentKeys.push(key);
+            }
+        });
+        var flattenedData = [dataToDownload].map(function (item) {
+            var flattened = flattenObject(item);
+            return contentKeys.map(function (header) { return flattened[header]; });
+        });
+        var csvContent = headers.map(function (header) { return "\"".concat(header, "\""); }).join(',') +
+            '\n' +
+            flattenedData.map(function (row) { return row.map(function (value) { return (value === undefined || value === null) ? "" : value; }).join(','); }).join('\n');
+        return csvContent;
+    };
+    var downloadCSV = function (dataToDownload) {
+        var csvContent = objectToCSV(dataToDownload);
+        var encodedUri = encodeURI("data:text/csv;charset=utf-8,".concat(csvContent));
+        var link = document.createElement('a');
+        link.setAttribute('href', encodedUri);
+        link.setAttribute('download', "GHG-Reporting Projections_".concat(dataToDownload.year, "_V").concat(dataToDownload.version, ".csv"));
+        document.body.appendChild(link);
+        link.click();
+    };
+    var isRowDataEmpty = function (projectionDataObj) {
+        if (projectionDataObj == undefined || projectionDataObj == null) {
+            return true;
+        }
+        var bau = projectionDataObj === null || projectionDataObj === void 0 ? void 0 : projectionDataObj.bau;
+        var conditionalNdc = projectionDataObj === null || projectionDataObj === void 0 ? void 0 : projectionDataObj.conditionalNdc;
+        var unconditionalNdc = projectionDataObj === null || projectionDataObj === void 0 ? void 0 : projectionDataObj.unconditionalNdc;
+        if (!bau && !conditionalNdc && !unconditionalNdc) {
+            return true;
+        }
+        return false;
+    };
+    var isSectionDataEmpty = function (sectionTotalBau, sectionTotalConditionalNdc, sectionTotalUnconditionalNdc) {
+        if (!sectionTotalBau && !sectionTotalConditionalNdc && !sectionTotalUnconditionalNdc) {
+            return true;
+        }
+        return false;
+    };
     return (React.createElement("div", null,
         React.createElement("div", { className: "content-container projection-tab-container" },
             React.createElement("div", { className: "projection-title-bar" },
@@ -27495,7 +28029,7 @@ var GHGProjectionsComponent = function (props) {
                     ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
                         (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
                         React.createElement("div", null,
-                            React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "add-projection", className: "programme-details-form", layout: "vertical", requiredMark: true, form: form, onValuesChange: onValuesChange, onFinish: onSubmitForm },
+                            React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "add-projection", className: "programme-details-form", layout: "vertical", requiredMark: true, form: form, onValuesChange: onValuesChange, onFinish: onOpenSaveFormModel },
                                 React.createElement(Row, null,
                                     React.createElement(Col, { xl: 12, md: 12, className: "add-new-year-picker-col" },
                                         React.createElement("div", null,
@@ -27641,10 +28175,13 @@ var GHGProjectionsComponent = function (props) {
                                                 React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc" },
                                                     React.createElement(InputNumber, null)))))),
                                 React.createElement("div", { className: "steps-actions" },
-                                    React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading }, "Submit"),
-                                    React.createElement(Button, { className: "back-btn", onClick: onResetFormModel, loading: loading }, "Cancel")))))),
+                                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
+                                        (React.createElement(Button, { className: "finalize-btn", type: "primary", loading: loading, onClick: onOpenFinalizeFormModel }, "Finalize")),
+                                    React.createElement(Button, { className: "submit-btn", type: "primary", htmlType: "submit", loading: loading }, "Submit"),
+                                    React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel")))))),
                     data.map(function (tabData) {
-                        return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { key: tabData.id.toString(), tab: React.createElement("span", null,
+                        var _a, _b, _c, _d, _e, _f;
+                        return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
                                 tabData.year,
                                 tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
                             React.createElement("div", null,
@@ -27660,39 +28197,10 @@ var GHGProjectionsComponent = function (props) {
                                     React.createElement(Col, { xl: 12, md: 12, className: "add-new-upload-file-col" },
                                         React.createElement(Row, { className: "add-new-upload-file-label" }, t("ghgInventory:emissionRemovalDocument")),
                                         React.createElement(Row, null,
-                                            React.createElement(Col, { xl: 5, md: 5, className: "add-new-upload-file-inner-col" },
-                                                React.createElement(Form.Item, null,
-                                                    React.createElement(Upload, { accept: ".xlsx", customRequest: function (_a) {
-                                                            _a.onSuccess; _a.onError; _a.file;
-                                                            var reader = new FileReader();
-                                                            reader.onload = function (e) {
-                                                                if (e && e.target) {
-                                                                    // Check if e and e.target are defined
-                                                                    var xldata = e.target.result;
-                                                                    if (xldata) {
-                                                                        try {
-                                                                            var workbook = XLSX.read(xldata, { type: 'array' });
-                                                                            var sheetName = workbook.SheetNames[0];
-                                                                            var sheet = workbook.Sheets[sheetName];
-                                                                            var excelData = XLSX.utils.sheet_to_json(sheet);
-                                                                            // Use excelData as needed, e.g., display it in a table.
-                                                                            console.log(excelData);
-                                                                            // You can perform any further processing with the data here.
-                                                                            // For example, you can call a function to handle the uploaded data.
-                                                                            // handleFileUpload(excelData);
-                                                                            //   onSuccess('ok', file);
-                                                                        }
-                                                                        catch (error) {
-                                                                            //   onError(error, 'error', file);
-                                                                        }
-                                                                    }
-                                                                }
-                                                            };
-                                                            //   reader.readAsArrayBuffer(file);
-                                                        } },
-                                                        React.createElement(Button, { icon: React.createElement(UploadOutlined, null) }, t("ghgInventory:upload"))))),
-                                            React.createElement(Col, { xl: 16, md: 16, className: "add-new-upload-file-name-input" },
-                                                React.createElement(Input, { value: uploadedFileName, readOnly: true }))))),
+                                            React.createElement(Col, { xl: 15, md: 15, className: "view-download-file-name-input" },
+                                                React.createElement(Input, { value: "GHG-Reporting Emission_".concat(tabData.year, "_V").concat(tabData.version, ".csv"), disabled: true })),
+                                            React.createElement(Col, { xl: 5, md: 5, className: "view-download-file-inner-col" },
+                                                React.createElement(Button, { icon: React.createElement(DownloadOutlined, null), onClick: function () { downloadCSV(tabData); } }, t("ghgInventory:download")))))),
                                 React.createElement(Row, { gutter: 16 },
                                     React.createElement(Col, { span: 9, offset: 12 },
                                         React.createElement(Row, { gutter: 16, className: "table-heading-row" },
@@ -27715,32 +28223,72 @@ var GHGProjectionsComponent = function (props) {
                                         return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
                                     } }, Object.entries(formFields).map(function (_a) {
                                     var panelHeading = _a[0], panelContent = _a[1];
-                                    return (React.createElement(Panel, { header: renderPanelHeaderView(panelHeading, tabData), key: panelHeading }, Array.isArray(panelContent)
-                                        ? panelContent.map(function (item, index) {
-                                            for (var key in tabData) {
-                                                if (key === panelHeading) {
-                                                    var emissionsObject = tabData[key];
-                                                    var emissionsData = emissionsObject[item];
-                                                    return renderPanelContentView(emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.bau, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.conditionalNdc, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.unconditionalNdc, item, index);
-                                                }
-                                            }
-                                        })
-                                        : Object.entries(panelContent).map(function (_a) {
-                                            var subPanelHeading = _a[0], subPanelContent = _a[1];
-                                            return (React.createElement("div", { className: "sub-panel" },
-                                                React.createElement("div", { className: "sub-panel-heading" }, renderPanelHeaderView(subPanelHeading, tabData.energyEmissions)),
-                                                subPanelContent.map(function (item, index) {
-                                                    for (var key in tabData.energyEmissions[subPanelHeading]) {
-                                                        if (key === item) {
-                                                            var emissionsObject = tabData.energyEmissions[subPanelHeading];
-                                                            var emissionsData = emissionsObject[item];
+                                    var projectionsObject = tabData[panelHeading];
+                                    var sectionTotalBau = calculateSumEmissionView(projectionsObject, 'bau');
+                                    var sectionTotalConditionalNdc = calculateSumEmissionView(projectionsObject, 'conditionalNdc');
+                                    var sectionTotalUnconditionalNdc = calculateSumEmissionView(projectionsObject, 'unconditionalNdc');
+                                    if (!isSectionDataEmpty(sectionTotalBau, sectionTotalConditionalNdc, sectionTotalUnconditionalNdc)) {
+                                        return (React.createElement(Panel, { header: renderPanelHeaderView(panelHeading, tabData), key: panelHeading }, Array.isArray(panelContent)
+                                            ? panelContent.map(function (item, index) {
+                                                for (var key in tabData) {
+                                                    if (key === panelHeading) {
+                                                        var emissionsObject = tabData[key];
+                                                        var emissionsData = emissionsObject[item];
+                                                        if (!isRowDataEmpty(emissionsData)) {
                                                             return renderPanelContentView(emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.bau, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.conditionalNdc, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.unconditionalNdc, item, index);
                                                         }
                                                     }
-                                                })));
-                                        })));
-                                })))));
+                                                }
+                                            })
+                                            : Object.entries(panelContent).map(function (_a) {
+                                                var subPanelHeading = _a[0], subPanelContent = _a[1];
+                                                var projectionsObject = tabData.energyEmissions[subPanelHeading];
+                                                var sectionTotalBau = calculateSumEmissionView(projectionsObject, 'bau');
+                                                var sectionTotalConditionalNdc = calculateSumEmissionView(projectionsObject, 'conditionalNdc');
+                                                var sectionTotalUnconditionalNdc = calculateSumEmissionView(projectionsObject, 'unconditionalNdc');
+                                                if (!isSectionDataEmpty(sectionTotalBau, sectionTotalConditionalNdc, sectionTotalUnconditionalNdc)) {
+                                                    return (React.createElement("div", { className: "sub-panel" },
+                                                        React.createElement("div", { className: "sub-panel-heading" }, renderPanelHeaderView(subPanelHeading, tabData.energyEmissions)),
+                                                        subPanelContent.map(function (item, index) {
+                                                            for (var key in tabData.energyEmissions[subPanelHeading]) {
+                                                                if (key === item) {
+                                                                    var emissionsObject = tabData.energyEmissions[subPanelHeading];
+                                                                    var emissionsData = emissionsObject[item];
+                                                                    if (!isRowDataEmpty(emissionsData)) {
+                                                                        return renderPanelContentView(emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.bau, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.conditionalNdc, emissionsData === null || emissionsData === void 0 ? void 0 : emissionsData.unconditionalNdc, item, index);
+                                                                    }
+                                                                }
+                                                            }
+                                                        })));
+                                                }
+                                            })));
+                                    }
+                                })),
+                                (!isRowDataEmpty(tabData.totalCo2WithoutLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithoutLand', className: "total-co2-without-land-row" },
+                                    React.createElement(Col, { xl: 12, md: 12, className: "total-co2-without-land-title" },
+                                        React.createElement("span", null, t("ghgInventory:totalCo2WithoutLand"))),
+                                    React.createElement(Col, { xl: 9, md: 9 },
+                                        React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
+                                            React.createElement(Col, { xl: 7 },
+                                                React.createElement(InputNumber, { value: (_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau, disabled: true })),
+                                            React.createElement(Col, { xl: 7 },
+                                                React.createElement(InputNumber, { value: (_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.conditionalNdc, disabled: true })),
+                                            React.createElement(Col, { xl: 7 },
+                                                React.createElement(InputNumber, { value: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.unconditionalNdc, disabled: true })))))),
+                                (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
+                                    React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
+                                        React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
+                                    React.createElement(Col, { xl: 9, md: 9 },
+                                        React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
+                                            React.createElement(Col, { xl: 7 },
+                                                React.createElement(InputNumber, { value: (_d = tabData.totalCo2WithLand) === null || _d === void 0 ? void 0 : _d.bau, disabled: true })),
+                                            React.createElement(Col, { xl: 7 },
+                                                React.createElement(InputNumber, { value: (_e = tabData.totalCo2WithLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc, disabled: true })),
+                                            React.createElement(Col, { xl: 7 },
+                                                React.createElement(InputNumber, { value: (_f = tabData.totalCo2WithLand) === null || _f === void 0 ? void 0 : _f.unconditionalNdc, disabled: true })))))))));
                     })))),
+        React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
+        React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
         React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
 };