@undp/carbon-library 2.1.12-CARBON-Sprint-58.0 → 2.1.12-CARBON-Sprint-58.2

package/dist/cjs/types/Definitions/Enums/company.management.columns.enum.d.ts

@@ -5,5 +5,6 @@ export declare enum CompanyManagementColumns {
     companyRole = "companyRole",
     programmeCount = "programmeCount",
     creditBalance = "creditBalance",
-    companyState = "status"
+    companyState = "status",
+    action = "action"
 }

package/dist/cjs/types/Definitions/Enums/programme.management.columns.enum.d.ts

@@ -8,6 +8,7 @@ export declare enum ProgrammeManagementColumns {
     creditTransferred = "creditTransferred",
     certifierId = "certifierId",
     serialNo = "serialNo",
+    action = "action",
     emissionReductionExpected = "emissionReductionExpected",
     emissionReductionAchieved = "emissionReductionAchieved",
     emissionReductionAchievedandCreditIssued = "emissionReductionAchievedandCreditIssued"

package/dist/esm/index.js

@@ -1,14 +1,14 @@
-import { PlusOutlined, FilterOutlined, DownloadOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled, CloseCircleOutlined } from '@ant-design/icons';
-import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Select, Upload, InputNumber, Tooltip, Modal, Alert, Card, Skeleton, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress, Collapse } from 'antd';
+import { EllipsisOutlined, PlusOutlined, FilterOutlined, DownloadOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled, CloseCircleOutlined } from '@ant-design/icons';
+import { Input, Popover, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, List, Typography, message, Form, Steps, Select, Upload, InputNumber, Tooltip, Modal, Alert, Card, Skeleton, Tag, Checkbox, DatePicker, Spin, Tabs, Progress, Collapse } from 'antd';
 import React, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
 import axios, { HttpStatusCode } from 'axios';
+import * as Icon 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 PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber, isPossiblePhoneNumber } from 'react-phone-number-input';
 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, ClipboardCheck } from 'react-bootstrap-icons';
 import 'react-phone-number-input/style.css';
 import mapboxgl from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
@@ -429,6 +429,7 @@ var CompanyManagementColumns;
     CompanyManagementColumns["programmeCount"] = "programmeCount";
     CompanyManagementColumns["creditBalance"] = "creditBalance";
     CompanyManagementColumns["companyState"] = "status";
+    CompanyManagementColumns["action"] = "action";
 })(CompanyManagementColumns || (CompanyManagementColumns = {}));
 
 var css_248z$y = ".profile-icon {\n  border-radius: 100%;\n  margin-right: 15px;\n  font-size: 15px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .profile-icon img {\n    width: 26px; }\n";
@@ -852,6 +853,19 @@ var CompanyManagementComponent = function (props) {
     var handleFilterVisibleChange = function () {
         setFilterVisible(true);
     };
+    var actionMenu = function (record) {
+        return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("company:view"),
+                    icon: React.createElement(Icon.InfoCircle, null),
+                    click: function () {
+                        onNavigateToCompanyProfile(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
+                React.createElement(Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: "",
@@ -932,6 +946,17 @@ var CompanyManagementComponent = function (props) {
                 return getCompanyStateComponent(item);
             },
         },
+        {
+            title: t(""),
+            width: 6,
+            align: "right",
+            key: CompanyManagementColumns.action,
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
+            },
+        },
     ].filter(function (column) { return visibleColumns.includes(column.key); });
     var filterOr = function () {
         if (searchByTermOrganisation !== null &&
@@ -1152,8 +1177,7 @@ var CompanyManagementComponent = function (props) {
     };
     return (React.createElement("div", { className: "content-container" },
         React.createElement("div", { className: "title-bar" },
-            React.createElement("div", { className: "body-title" }, t("company:viewCompanies")),
-            React.createElement("div", { className: "body-sub-title" }, t("company:viewDesc"))),
+            React.createElement("div", { className: "body-title" }, t("company:viewCompanies"))),
         React.createElement("div", { className: "content-card" },
             React.createElement(Row, { className: "table-actions-section" },
                 React.createElement(Col, { md: 8, xs: 24 },
@@ -1231,6 +1255,7 @@ var ProgrammeManagementColumns;
     ProgrammeManagementColumns["creditTransferred"] = "creditTransferred";
     ProgrammeManagementColumns["certifierId"] = "certifierId";
     ProgrammeManagementColumns["serialNo"] = "serialNo";
+    ProgrammeManagementColumns["action"] = "action";
     ProgrammeManagementColumns["emissionReductionExpected"] = "emissionReductionExpected";
     ProgrammeManagementColumns["emissionReductionAchieved"] = "emissionReductionAchieved";
     ProgrammeManagementColumns["emissionReductionAchievedandCreditIssued"] = "emissionReductionAchievedandCreditIssued";
@@ -8116,6 +8141,19 @@ var ProgrammeManagementComponent = function (props) {
         setCheckAll(e.target.checked);
         onStatusQuery(nw);
     };
+    var actionMenu = function (record) {
+        return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("programme:view"),
+                    icon: React.createElement(Icon.InfoCircle, null),
+                    click: function () {
+                        onNavigateToProgrammeView(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
+                React.createElement(Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: t("programme:title"),
@@ -8263,6 +8301,17 @@ var ProgrammeManagementComponent = function (props) {
             key: ProgrammeManagementColumns.serialNo,
             align: "left",
         },
+        {
+            title: t(""),
+            width: 6,
+            align: "right",
+            key: ProgrammeManagementColumns.action,
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
+            },
+        },
     ].filter(function (column) { return visibleColumns.includes(column.key); });
     var getAllProgramme = function () { return __awaiter(void 0, void 0, void 0, function () {
         var filter, filterOr, sort, response, error_1;
@@ -8474,8 +8523,7 @@ var ProgrammeManagementComponent = function (props) {
     return (React.createElement("div", { className: "content-container programme-management" },
         React.createElement("div", { className: "programme-title-bar" },
             React.createElement("div", { className: "title-bar" },
-                React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes")),
-                React.createElement("div", { className: "body-sub-title" }, t("programme:desc"))),
+                React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes"))),
             React.createElement("div", { className: "actions" }, ability.can(Action.Manage, ProgrammeEntity) &&
                 enableAddProgramme && (React.createElement("div", { className: "action-bar" },
                 React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddProgramme }, t("programme:addProgramme")))))),
@@ -15001,10 +15049,7 @@ var ProgrammeCreationComponent = function (props) {
         React.createElement("div", { className: "title-container" },
             React.createElement("div", { className: "main" }, isUpdate
                 ? t("addProgramme:editProgramme")
-                : t("addProgramme:addProgramme")),
-            React.createElement("div", { className: "sub" }, isUpdate
-                ? t("addProgramme:editProgrammeSub")
-                : t("addProgramme:addProgrammeSub"))),
+                : t("addProgramme:addProgramme"))),
         React.createElement("div", { className: "adding-section" },
             React.createElement("div", { className: "form-section" },
                 React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: [
@@ -15586,24 +15631,24 @@ var ChangePasswordModel = function (props) {
 };
 
 var AddNewUserComponent = function (props) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
-    var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
+    var _f = useConnection(), post = _f.post, put = _f.put, del = _f.delete, get = _f.get;
     var formOne = Form.useForm()[0];
     var state = useLocation().state;
     var updateToken = useConnection().updateToken;
     var removeUserInfo = useUserContext().removeUserInfo;
-    var _h = useState(false), loading = _h[0], setLoading = _h[1];
-    var _j = useState({}), actionInfo = _j[0], setActionInfo = _j[1];
-    var _k = useState(false), isUpdate = _k[0], setIsUpdate = _k[1];
-    var _l = useState(false), isLoading = _l[0], setIsLoading = _l[1];
-    var _m = useState(false), openDeleteConfirmationModal = _m[0], setOpenDeleteConfirmationModal = _m[1];
-    var _o = useState(false), openPasswordChangeModal = _o[0], setopenPasswordChangeModal = _o[1];
-    var _p = useState(""), errorMsg = _p[0], setErrorMsg = _p[1];
+    var _g = useState(false), loading = _g[0], setLoading = _g[1];
+    var _h = useState({}), actionInfo = _h[0], setActionInfo = _h[1];
+    var _j = useState(false), isUpdate = _j[0], setIsUpdate = _j[1];
+    var _k = useState(false), isLoading = _k[0], setIsLoading = _k[1];
+    var _l = useState(false), openDeleteConfirmationModal = _l[0], setOpenDeleteConfirmationModal = _l[1];
+    var _m = useState(false), openPasswordChangeModal = _m[0], setopenPasswordChangeModal = _m[1];
+    var _o = useState(""), errorMsg = _o[0], setErrorMsg = _o[1];
     var userInfoState = useUserContext().userInfoState;
     var ability = useAbilityContext();
-    var _q = useState([]), countries = _q[0], setCountries = _q[1];
-    var _r = useState(false), isCountryListLoading = _r[0], setIsCountryListLoading = _r[1];
+    var _p = useState([]), countries = _p[0], setCountries = _p[1];
+    var _q = useState(false), isCountryListLoading = _q[0], setIsCountryListLoading = _q[1];
     var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, alpha2Names, error_1;
         return __generator(this, function (_a) {
@@ -15857,10 +15902,7 @@ var AddNewUserComponent = function (props) {
     return (React.createElement("div", { className: "add-user-main-container" },
         React.createElement("div", { className: "title-container" },
             React.createElement("div", { className: "titles" },
-                React.createElement("div", { className: "main" }, isUpdate ? t("addUser:editUser") : t("addUser:addNewUser")),
-                React.createElement("div", { className: "sub" }, ((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name)
-                    ? t("addUser:editUserSub")
-                    : t("addUser:addUserSub"))),
+                React.createElement("div", { className: "main" }, isUpdate ? t("addUser:editUser") : t("addUser:addNewUser"))),
             isUpdate &&
                 !ability.can(Action.Update, plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email") && (React.createElement("div", { className: "actions" },
                 (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.Root && (React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: function () { return onDeleteProfileUser(); } }, t("userProfile:delete"))),
@@ -15870,7 +15912,7 @@ var AddNewUserComponent = function (props) {
                 React.createElement(Row, { className: "row", gutter: [16, 16] },
                     React.createElement(Col, { xl: 12, md: 24 },
                         React.createElement("div", { className: "details-part-one" },
-                            React.createElement(Form.Item, { label: t("addUser:name"), initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.name, name: "name", rules: [
+                            React.createElement(Form.Item, { label: t("addUser:name"), initialValue: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name, name: "name", rules: [
                                     {
                                         required: true,
                                         message: "",
@@ -15890,7 +15932,7 @@ var AddNewUserComponent = function (props) {
                                     },
                                 ] },
                                 React.createElement(Input, { size: "large" })),
-                            React.createElement(Form.Item, { label: t("addUser:email"), name: "email", initialValue: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.email, rules: [
+                            React.createElement(Form.Item, { label: t("addUser:email"), name: "email", initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.email, rules: [
                                     {
                                         required: true,
                                         message: "",
@@ -15922,13 +15964,13 @@ var AddNewUserComponent = function (props) {
                                         !ability.can(Action.Update, plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email"), size: "large" })))),
                     React.createElement(Col, { xl: 12, md: 24 },
                         React.createElement("div", { className: "details-part-two" },
-                            React.createElement(Form.Item, { className: "role-group", label: t("addUser:role"), initialValue: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.role, name: "role", rules: [
+                            React.createElement(Form.Item, { className: "role-group", label: t("addUser:role"), initialValue: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.role, name: "role", rules: [
                                     {
                                         required: true,
                                         message: "".concat(t("addUser:role"), " ").concat(t("addUser:isRequired")),
                                     },
                                 ] },
-                                React.createElement(Radio.Group, { value: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.role, size: "large", disabled: isUpdate &&
+                                React.createElement(Radio.Group, { value: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.role, size: "large", disabled: isUpdate &&
                                         !ability.can(Action.Update, plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "role") },
                                     React.createElement("div", { className: "admin-radio-container" },
                                         React.createElement(Tooltip, { placement: "top", title: t("addUser:adminToolTip") },
@@ -15945,7 +15987,7 @@ var AddNewUserComponent = function (props) {
                                             React.createElement(Radio.Button, { className: "view-only", value: "ViewOnly" },
                                                 React.createElement(EyeOutlined, { className: "role-icons" }),
                                                 t("addUser:viewer")))))),
-                            React.createElement(Skeleton, { loading: isCountryListLoading, active: true }, countries.length > 0 && (React.createElement(Form.Item, { name: "phoneNo", label: t("addUser:phoneNo"), initialValue: (_f = state === null || state === void 0 ? void 0 : state.record) === null || _f === void 0 ? void 0 : _f.phoneNo, rules: [
+                            React.createElement(Skeleton, { loading: isCountryListLoading, active: true }, countries.length > 0 && (React.createElement(Form.Item, { name: "phoneNo", label: t("addUser:phoneNo"), initialValue: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.phoneNo, rules: [
                                     {
                                         required: false,
                                     },
@@ -16662,8 +16704,7 @@ var UserManagementComponent = function (props) {
     };
     return (React.createElement("div", { className: "content-container" },
         React.createElement("div", { className: "title-bar" },
-            React.createElement("div", { className: "body-title" }, t("user:viewUsers")),
-            React.createElement("div", { className: "body-sub-title" }, t("user:viewDesc"))),
+            React.createElement("div", { className: "body-title" }, t("user:viewUsers"))),
         React.createElement("div", { className: "content-card" },
             React.createElement(Row, { className: "table-actions-section" },
                 React.createElement(Col, { md: 8, xs: 24 },
@@ -18523,8 +18564,7 @@ var InvestmentManagementComponent = function (props) {
     return (React.createElement("div", { className: "investment-management content-container" },
         React.createElement("div", { className: "investment-title-bar" },
             React.createElement("div", { className: "title-bar" },
-                React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
-                React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
+                React.createElement("div", { className: "body-title" }, t("programme:investmentTitle"))),
             React.createElement("div", { className: "actions" }, enableAddOwnership &&
                 ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.MINISTRY ||
                     (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.GOVERNMENT ||
@@ -19391,8 +19431,7 @@ var SupportManagementComponent = function (props) {
     return (React.createElement("div", { className: "investment-management content-container" },
         React.createElement("div", { className: "support-title-bar" },
             React.createElement("div", { className: "title-bar" },
-                React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
-                React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
+                React.createElement("div", { className: "body-title" }, t("programme:supportTitle"))),
             React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
                 React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addSupportBtnText")))))),
         React.createElement("div", { className: "content-card" },
@@ -19498,6 +19537,19 @@ var NdcActionManagementComponent = function (props) {
             }
         }
     };
+    var actionMenu = function (record) {
+        return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
+                {
+                    text: t("ndcAction:view"),
+                    icon: React.createElement(Icon.InfoCircle, null),
+                    click: function () {
+                        onNavigateToNdcManagementView(record);
+                    },
+                },
+            ], renderItem: function (item) { return (React.createElement(List.Item, { onClick: item.click },
+                React.createElement(Typography.Text, { className: "action-icon color-primary" }, item.icon),
+                React.createElement("span", null, item.text))); } }));
+    };
     var columns = [
         {
             title: t("ndcAction:ndcColumnsActionId"),
@@ -19582,6 +19634,17 @@ var NdcActionManagementComponent = function (props) {
                     React.createElement(Tag, { className: "clickable", color: getNdcStatusTagType(Obj.status) }, addSpaces(Obj.status))));
             },
         },
+        {
+            title: t(""),
+            width: 6,
+            align: "right",
+            key: "action",
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return menu && (React.createElement(Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                    React.createElement(EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
+            },
+        },
     ];
     var getNdcActionData = function () { return __awaiter(void 0, void 0, void 0, function () {
         var filter, interFilterOr, sort, filterBy, response, error_1;
@@ -19827,8 +19890,7 @@ var NdcActionManagementComponent = function (props) {
         React.createElement("div", { className: "title-bar" },
             React.createElement(Row, { justify: "space-between", align: "middle" },
                 React.createElement(Col, { span: 20 },
-                    React.createElement("div", { className: "body-title" }, t("ndcAction:NdcTitle")),
-                    React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcSubTitle"))))),
+                    React.createElement("div", { className: "body-title" }, t("ndcAction:NdcTitle"))))),
         React.createElement("div", { className: "content-card" },
             React.createElement(Row, null,
                 React.createElement(Col, { lg: { span: 15 }, md: { span: 14 } },
@@ -23760,8 +23822,7 @@ var AddNdcActionComponent = function (props) {
     }
     return (React.createElement("div", { className: "add-ndc-main-container" },
         React.createElement("div", { className: "title-container" },
-            React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle")),
-            React.createElement("div", { className: "sub" }, t("ndcAction:addNdcSubTitle"))),
+            React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle"))),
         React.createElement("div", { className: "adding-section" },
             React.createElement("div", { className: "form-section" },
                 React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
@@ -24181,8 +24242,7 @@ var NdcActionViewComponent = function (props) {
                 React.createElement("div", { className: "body-title" },
                     t("ndcAction:NdcDetailsViewTitle"),
                     " ",
-                    getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)),
-                React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcDetailsViewSubTitle")))),
+                    getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)))),
         React.createElement("div", { className: "content-body" },
             React.createElement(Row, { gutter: 16 },
                 (emissionsReductionAchieved !== 0 ||
@@ -25112,8 +25172,7 @@ var CreditTransferComponent = function (props) {
         React.createElement("div", { className: "title-bar" },
             React.createElement(Row, { justify: "space-between", align: "middle" },
                 React.createElement(Col, { span: 20 },
-                    React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers")),
-                    React.createElement("div", { className: "body-sub-title" }, t("creditTransfer:desc"))),
+                    React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers"))),
                 React.createElement(Col, { span: 4 }, (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
                     (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.Admin) ||
                     (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.Root) && (React.createElement("div", { className: "transfer-freeze-icon", onClick: onFreezeTransfer }, isTransferFrozen ? (React.createElement(PlayCircle, { className: "play-circle", size: 35 })) : (React.createElement(PauseCircle, { className: "pause-circle", size: 35 }))))))),
@@ -29679,8 +29738,7 @@ var NdcDetailsComponent = function (props) {
         React.createElement("div", { className: "title-bar" },
             React.createElement(Row, { justify: "space-between", align: "middle" },
                 React.createElement(Col, { span: 20 },
-                    React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
-                    React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
+                    React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle"))))),
         React.createElement("div", null,
             React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
         React.createElement("div", null, selectedPeriod