@undp/carbon-library 1.0.175-CARBON-347.4 → 1.0.175-CARBON-347.6

package/dist/esm/index.js

@@ -1,8 +1,9 @@
 import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
 import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
-import React, { useState, useEffect, useRef, useContext } from 'react';
+import React, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
+import axios from 'axios';
 import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
 import validator from 'validator';
 import { plainToClass } from 'class-transformer';
@@ -489,9 +490,311 @@ var OrganisationStatus = function (props) {
     return orgState;
 };
 
+function e$1(e){this.message=e;}e$1.prototype=new Error,e$1.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e$1("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t$1(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n$1(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n$1("Invalid token specified");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t$1(e.split(".")[o]))}catch(e){throw new n$1("Invalid token specified: "+e.message)}}n$1.prototype=new Error,n$1.prototype.name="InvalidTokenError";
+
+var ConnectionContext = createContext({});
+var ConnectionContextProvider = function (props) {
+    var _a = useState(), token = _a[0], setToken = _a[1];
+    var serverURL = props.serverURL, t = props.t, children = props.children;
+    useEffect(function () {
+        var timer = setInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
+            var newToken;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, localStorage.getItem('token')];
+                    case 1:
+                        newToken = _a.sent();
+                        if (token !== newToken) {
+                            setToken(newToken);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); }, 3000);
+        if (token) {
+            clearTimeout(timer);
+        }
+        return function () {
+            clearTimeout(timer);
+        };
+    }, [token]);
+    var send = useCallback(function (method, path, data, config, extraUrl) {
+        return new Promise(function (resolve, reject) {
+            var url = "".concat(extraUrl ? extraUrl : serverURL, "/").concat(path);
+            var headers;
+            if (token) {
+                headers = { authorization: "Bearer ".concat(token.toString()) };
+            }
+            else {
+                localStorage.getItem('token');
+                headers = {
+                    authorization: "Bearer ".concat(localStorage.getItem('token')),
+                };
+            }
+            axios(__assign({ method: method, url: url, data: data, headers: headers }, config))
+                .then(function (response) {
+                var _a, _b, _c;
+                if (response.status) {
+                    if (response.status === 200 || response.status === 201) {
+                        resolve({
+                            status: response.status,
+                            data: (_a = response.data.data) !== null && _a !== void 0 ? _a : response.data,
+                            response: response,
+                            statusText: 'SUCCESS',
+                            message: response.data.message,
+                        });
+                    }
+                    else if (response.status === 422) {
+                        reject({
+                            status: response.status,
+                            data: (_b = response.data) === null || _b === void 0 ? void 0 : _b.data,
+                            statusText: 'ERROR',
+                            response: response,
+                            message: response.data.message,
+                            errors: (_c = response.data) === null || _c === void 0 ? void 0 : _c.errors,
+                        });
+                    }
+                }
+                else {
+                    reject({
+                        status: 500,
+                        statusText: 'UNKNOWN',
+                        message: t('common:systemError'),
+                    });
+                }
+            })
+                .catch(function (e) {
+                var _a;
+                if (e.response) {
+                    if (e.response.status) {
+                        if (e.response.data.message === 'jwt expired') {
+                            localStorage.removeItem('token');
+                            window.location.reload();
+                        }
+                        reject({
+                            status: e.response.status,
+                            statusText: 'ERROR',
+                            errors: (_a = e.response.data) === null || _a === void 0 ? void 0 : _a.errors,
+                            message: e.response.data.message,
+                        });
+                    }
+                    else {
+                        reject({
+                            statusText: 'ERROR',
+                            message: t('common:systemError'),
+                        });
+                    }
+                }
+                else {
+                    reject({
+                        statusText: 'ERROR',
+                        message: t('common:networkError'),
+                    });
+                }
+            });
+        });
+    }, [token, serverURL]);
+    var post = useCallback(function (path, data, config, extraUrl) {
+        return send('post', path, data, config, extraUrl);
+    }, [send]);
+    var put = useCallback(function (path, data, config) {
+        return send('put', path, data, config);
+    }, [send]);
+    var get = useCallback(function (path, config) {
+        return send('get', path, undefined, config);
+    }, [send]);
+    var patch = useCallback(function (path, data, config) {
+        return send('patch', path, data, config);
+    }, [send]);
+    var del = useCallback(function (path, config) {
+        return send('delete', path, config);
+    }, [send]);
+    var updateToken = useCallback(function (newToken) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (newToken) {
+                localStorage.setItem('token', newToken);
+                setToken(newToken);
+            }
+            else {
+                localStorage.setItem('token', '');
+                setToken(undefined);
+            }
+            return [2 /*return*/];
+        });
+    }); }, []);
+    var removeToken = function (tkn) {
+        if (tkn) {
+            var exp = o(tkn).exp;
+            if (Date.now() > exp * 1000) {
+                localStorage.setItem('token', '');
+                localStorage.removeItem('userRole');
+                localStorage.removeItem('userId');
+                localStorage.removeItem('companyId');
+                localStorage.removeItem('companyRole');
+            }
+            else {
+                var diff = exp * 1000 - Date.now();
+                setTimeout(function () {
+                    setToken(undefined);
+                    localStorage.setItem('token', '');
+                    localStorage.removeItem('userRole');
+                    localStorage.removeItem('userId');
+                    localStorage.removeItem('companyId');
+                    localStorage.removeItem('companyRole');
+                }, diff);
+                console.log(diff, 'Remaining Token expire time');
+            }
+        }
+    };
+    useEffect(function () {
+        removeToken(token);
+    }, [token]);
+    return (React.createElement(ConnectionContext.Provider, { value: {
+            connection: { post: post, put: put, get: get, patch: patch, delete: del, updateToken: updateToken, token: token, removeToken: removeToken },
+        } }, children));
+};
+var useConnection = function () {
+    var context = useContext(ConnectionContext);
+    return context.connection;
+};
+
+var UserContext = createContext({
+    setUserInfo: function () { },
+    removeUserInfo: function () { },
+    IsAuthenticated: function (tkn) { return false; },
+    isTokenExpired: false,
+    setIsTokenExpired: function (val) { },
+});
+var UserInformationContextProvider = function (_a) {
+    var children = _a.children;
+    var token = useConnection().token;
+    var _b = useState(false), isTokenExpired = _b[0], setIsTokenExpired = _b[1];
+    var initialUserProps = {
+        id: localStorage.getItem('userId') ? localStorage.getItem('userId') : '',
+        userRole: localStorage.getItem('userRole') ? localStorage.getItem('userRole') : '',
+        companyRole: localStorage.getItem('companyRole')
+            ? localStorage.getItem('companyRole')
+            : '',
+        companyId: localStorage.getItem('companyId')
+            ? parseInt(localStorage.getItem('companyId'))
+            : -1,
+        companyLogo: localStorage.getItem('companyLogo')
+            ? localStorage.getItem('companyLogo')
+            : '',
+        companyName: localStorage.getItem('companyName')
+            ? localStorage.getItem('companyName')
+            : '',
+        companyState: localStorage.getItem('companyState')
+            ? parseInt(localStorage.getItem('companyState'))
+            : 0,
+    };
+    var _c = useState(initialUserProps), userInfoState = _c[0], setUserInfoState = _c[1];
+    var setUserInfo = function (value) {
+        var state = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState) === 1 ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState : 0;
+        var id = value.id, userRole = value.userRole, companyId = value.companyId, companyRole = value.companyRole, companyLogo = value.companyLogo, companyName = value.companyName, _a = value.companyState, companyState = _a === void 0 ? state : _a;
+        if (id) {
+            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { id: id })); });
+            localStorage.setItem('userId', id);
+        }
+        if (userRole) {
+            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { userRole: userRole })); });
+            localStorage.setItem('userRole', userRole);
+        }
+        if (companyId) {
+            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyId: companyId })); });
+            localStorage.setItem('companyId', companyId + '');
+        }
+        if (companyLogo) {
+            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: companyLogo })); });
+            localStorage.setItem('companyLogo', companyLogo);
+        }
+        else {
+            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: '' })); });
+            localStorage.setItem('companyLogo', '');
+        }
+        if (companyName) {
+            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyName: companyName })); });
+            localStorage.setItem('companyName', companyName);
+        }
+        if (userRole) {
+            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyRole: companyRole })); });
+            localStorage.setItem('companyRole', companyRole);
+        }
+        setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyState: companyState })); });
+        localStorage.setItem('companyState', companyState + '');
+    };
+    var IsAuthenticated = useCallback(function (tokenNew) {
+        var tokenVal;
+        if (tokenNew) {
+            tokenVal = tokenNew;
+        }
+        else if (token) {
+            tokenVal = token;
+        }
+        else {
+            tokenVal = localStorage.getItem('token');
+            if (tokenVal === '') {
+                if (history.length !== 1) {
+                    setIsTokenExpired(true);
+                }
+            }
+        }
+        try {
+            if (tokenVal) {
+                var exp = o(tokenVal).exp;
+                return Date.now() < exp * 1000;
+            }
+            return false;
+        }
+        catch (err) {
+            return false;
+        }
+    }, [token]);
+    var removeUserInfo = function () {
+        localStorage.removeItem('userId');
+        localStorage.removeItem('userRole');
+        localStorage.removeItem('companyId');
+        localStorage.removeItem('companyRole');
+        localStorage.removeItem('companyName');
+        localStorage.removeItem('companyState');
+        localStorage.removeItem('companyLogo');
+        setUserInfoState(initialUserProps);
+    };
+    return (React.createElement(UserContext.Provider, { value: {
+            userInfoState: userInfoState,
+            setUserInfo: setUserInfo,
+            removeUserInfo: removeUserInfo,
+            IsAuthenticated: IsAuthenticated,
+            isTokenExpired: isTokenExpired,
+            setIsTokenExpired: setIsTokenExpired,
+        } }, children));
+};
+var useUserContext = function () {
+    return useContext(UserContext);
+};
+
+var SettingsContext = createContext({
+    isTransferFrozen: false,
+    setTransferFrozen: function (value) { },
+});
+var SettingsContextProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(false), isTransferFrozen = _b[0], setIsTransferFrozen = _b[1];
+    var setTransferFrozen = function (value) {
+        setIsTransferFrozen(value);
+    };
+    return (React.createElement(SettingsContext.Provider, { value: {
+            isTransferFrozen: isTransferFrozen,
+            setTransferFrozen: setTransferFrozen,
+        } }, children));
+};
+var useSettingsContext = function () {
+    return useContext(SettingsContext);
+};
+
 var Search$2 = Input.Search;
 var CompanyManagementComponent = function (props) {
-    var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
+    var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
     var _a = useState(), totalCompany = _a[0], setTotalCompany = _a[1];
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState([]), tableData = _c[0], setTableData = _c[1];
@@ -505,6 +808,7 @@ var CompanyManagementComponent = function (props) {
     var _k = useState(""), sortOrder = _k[0], setSortOrder = _k[1];
     var _l = useState(""), sortField = _l[0], setSortField = _l[1];
     var ability = useAbilityContext();
+    var post = useConnection().post;
     document.addEventListener("mousedown", function (event) {
         var organisationFilterArea1 = document.querySelector(".filter-bar");
         var organisationFilterArea2 = document.querySelector(".filter-dropdown");
@@ -834,10 +1138,10 @@ var CompanyManagementComponent = function (props) {
                             } })))))));
 };
 
-var css_248z$s = ".company-details-form-container {\n  width: 100%; }\n  .company-details-form-container .company-details-form .steps-actions {\n    display: flex;\n    flex-direction: row-reverse; }\n    .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  .company-details-form-container .company-details-form .row .website .ant-input {\n    margin-left: 0.3rem; }\n  .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n    border: 1px solid #d9d9d9; }\n  .company-details-form-container .company-details-form .row .logo-upload-section {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: start;\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n      width: 20%; }\n    .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n      align-items: center;\n      justify-content: center;\n      width: 75%; }\n      .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n        margin-top: 0; }\n  .company-details-form-container .company-details-form .row .details-part-one .space-container {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n      width: 100%; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #519e4f !important;\n      border-color: #519e4f !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #519e4f; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #ffa070 !important;\n      border-color: #ffa070 !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #ffa070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #9155fd !important;\n      border-color: #9155fd !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #9155fd; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n    width: 45%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #16b1ff !important;\n      border-color: #16b1ff !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #16b1ff; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n    width: 25%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #707070 !important;\n      border-color: #707070 !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #707070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n    background-color: transparent; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n    border: 1px solid #d9d9d9; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n    margin-right: 0.5rem; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n      background: rgba(128, 255, 0, 0.12);\n      color: #519e4f; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n      background: rgba(254, 241, 173, 0.5);\n      color: #ffa070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n      background: rgba(185, 226, 244, 0.56);\n      color: #16b1ff; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n      background: rgba(198, 144, 251, 0.12);\n      color: #9155fd; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n      background: rgba(176, 190, 197, 0.23);\n      color: #707070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n    margin-right: 5px; }\n\n.step-title-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem; }\n  .step-title-container .step-count {\n    font-size: 2.2rem;\n    font-weight: 800;\n    margin-right: 0.4rem;\n    color: rgba(58, 53, 65, 0.8); }\n  .step-title-container .title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #3a3541; }\n\n.add-company-main-container {\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 50px; }\n  .add-company-main-container .title-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: 5px; }\n    .add-company-main-container .title-container .main {\n      font-size: 1.25rem;\n      font-weight: 500;\n      color: #16b1ff; }\n    .add-company-main-container .title-container .sub {\n      font-size: 0.8rem;\n      color: #555657; }\n  .add-company-main-container .adding-section {\n    display: flex;\n    flex-direction: column;\n    background-color: #ffffff;\n    margin: 1rem 0 1rem 0;\n    border-radius: 10px;\n    padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n    .add-company-main-container .adding-section .form-section {\n      display: flex;\n      margin-bottom: 2rem; }\n      .add-company-main-container .adding-section .form-section .form-one {\n        width: 100%; }\n      .add-company-main-container .adding-section .form-section .steps {\n        width: 15%; }\n      .add-company-main-container .adding-section .form-section .steps-content {\n        width: 85%; }\n    .add-company-main-container .adding-section .steps-action {\n      display: flex;\n      flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n  height: auto;\n  max-height: 200px; }\n\n.hide {\n  display: none !important; }\n";
+var css_248z$s = ".company-details-form-container {\n  width: 100%; }\n  .company-details-form-container .company-details-form .steps-actions {\n    display: flex;\n    flex-direction: row-reverse; }\n    .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n      margin-left: 1rem; }\n  .company-details-form-container .company-details-form .row .website .ant-input {\n    margin-left: 0.3rem; }\n  .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n    border: 1px solid #d9d9d9; }\n  .company-details-form-container .company-details-form .row .logo-upload-section {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: start;\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n      width: 20%; }\n    .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n      align-items: center;\n      justify-content: center;\n      width: 75%; }\n      .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n        margin-top: 0; }\n  .company-details-form-container .company-details-form .row .details-part-one .space-container {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n      width: 100%; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #519e4f !important;\n      border-color: #519e4f !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #519e4f; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #ffa070 !important;\n      border-color: #ffa070 !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #ffa070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n    width: 30%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #9155fd !important;\n      border-color: #9155fd !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #9155fd; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n    width: 45%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #16b1ff !important;\n      border-color: #16b1ff !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #16b1ff; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n    width: 25%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n) {\n      color: #707070 !important;\n      border-color: #707070 !important;\n      box-shadow: none; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n      background: #eeeeee;\n      border-radius: 50px;\n      padding: 0.2rem;\n      color: #707070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n    background-color: transparent; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n    border: 1px solid #d9d9d9; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n    margin-right: 0.5rem; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n      background: rgba(128, 255, 0, 0.12);\n      color: #519e4f; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n      background: rgba(254, 241, 173, 0.5);\n      color: #ffa070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n      background: rgba(185, 226, 244, 0.56);\n      color: #16b1ff; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n      background: rgba(198, 144, 251, 0.12);\n      color: #9155fd; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n      background: rgba(176, 190, 197, 0.23);\n      color: #707070; }\n  .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n    margin-right: 5px; }\n  .company-details-form-container .company-details-form .row .details-part-two .space-container {\n    width: 100%; }\n    .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n      width: 100%; }\n\n.step-title-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem; }\n  .step-title-container .step-count {\n    font-size: 2.2rem;\n    font-weight: 800;\n    margin-right: 0.4rem;\n    color: rgba(58, 53, 65, 0.8); }\n  .step-title-container .title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #3a3541; }\n\n.add-company-main-container {\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 50px; }\n  .add-company-main-container .title-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: 5px; }\n    .add-company-main-container .title-container .main {\n      font-size: 1.25rem;\n      font-weight: 500;\n      color: #16b1ff; }\n    .add-company-main-container .title-container .sub {\n      font-size: 0.8rem;\n      color: #555657; }\n  .add-company-main-container .adding-section {\n    display: flex;\n    flex-direction: column;\n    background-color: #ffffff;\n    margin: 1rem 0 1rem 0;\n    border-radius: 10px;\n    padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n    .add-company-main-container .adding-section .form-section {\n      display: flex;\n      margin-bottom: 2rem; }\n      .add-company-main-container .adding-section .form-section .form-one {\n        width: 100%; }\n      .add-company-main-container .adding-section .form-section .steps {\n        width: 15%; }\n      .add-company-main-container .adding-section .form-section .steps-content {\n        width: 85%; }\n    .add-company-main-container .adding-section .steps-action {\n      display: flex;\n      flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n  height: auto;\n  max-height: 200px; }\n\n.hide {\n  display: none !important; }\n";
 styleInject(css_248z$s);
 
-var css_248z$r = "body {\n  background-color: #f4f5fa;\n  font-family: \"Inter\";\n  font-weight: 400; }\n\n.ant-menu {\n  background-color: #f4f5fa; }\n\n.ant-layout-header {\n  background-color: #f4f5fa; }\n\n.ant-layout {\n  background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n  background-color: #f4f5fa; }\n\n.ant-menu-item {\n  background-color: #f4f5fa; }\n\n.ant-menu-sub {\n  background-color: #f4f5fa; }\n\n.ant-table-content {\n  font-family: \"Inter\"; }\n\n.ant-input {\n  border-radius: 5px !important; }\n\n.ant-btn {\n  border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n  border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n  width: 99% !important; }\n\n.ant-tooltip-inner {\n  border-radius: 5px !important;\n  background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n  --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !important; }\n\n.ant-radio-group {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n  font-size: 0.8rem;\n  width: 25%;\n  border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n  border-color: #40a9ff;\n  border-radius: 5px;\n  height: 40px; }\n  .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n  .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n    color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n  color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n  border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n  border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n  font-size: 13px;\n  color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n  background-color: transparent !important; }\n\n.ant-form-item-label > label {\n  flex-direction: row-reverse !important;\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n  margin-left: 0.2rem !important;\n  color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n  border-radius: 5px !important;\n  height: 35px !important; }\n\n.space-container {\n  width: 100%; }\n  .space-container .ant-space-item {\n    width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n  border: 1px solid #d9d9d9 !important;\n  border-radius: 5px !important;\n  padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n  flex: 1 1;\n  min-width: 0;\n  border-radius: 5px !important;\n  height: 40px;\n  border: 1px solid #d9d9d9 !important;\n  outline: none; }\n\n.filter-title {\n  color: rgba(58, 53, 65, 0.8);\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 22px;\n  color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n  color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n  flex: 1 1;\n  min-width: 0;\n  border-radius: 5px !important;\n  height: 40px;\n  border-right: 1px solid #40a9ff !important;\n  outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n  padding-bottom: 100px; }\n  .layout-content-container .ant-btn-primary {\n    background-color: #16b1ff;\n    color: #ffffff;\n    border: none; }\n  .layout-content-container .ant-btn {\n    height: 32px;\n    font-weight: 500;\n    font-size: 0.8rem;\n    border-radius: 0.3rem;\n    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n    min-width: 80px;\n    box-shadow: none; }\n    .layout-content-container .ant-btn span {\n      text-transform: uppercase; }\n\n.content-container {\n  padding: 0px 20px; }\n  .content-container .title-bar {\n    padding: 0px 0px 30px 0px; }\n  .content-container .body-title {\n    color: #16b1ff;\n    font-weight: 500;\n    font-size: 1.2rem; }\n  .content-container .body-sub-title {\n    color: rgba(58, 53, 65, 0.6);\n    font-weight: 400;\n    font-size: 0.8rem; }\n\n.content-card {\n  background-color: #ffffff;\n  border-radius: 10px;\n  width: 100%; }\n  .content-card .action-bar {\n    padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n    .content-card .action-bar button {\n      width: fit-content; }\n  .content-card .filter-section {\n    padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n    display: flex;\n    width: 100%;\n    flex-direction: row;\n    align-items: center;\n    justify-content: end; }\n    .content-card .filter-section .search-bar {\n      display: flex;\n      flex-direction: row-reverse; }\n    .content-card .filter-section .filter-bar {\n      display: flex;\n      flex-direction: row-reverse;\n      margin-top: 0.8rem;\n      width: 5%; }\n    .content-card .filter-section .ant-input-affix-wrapper {\n      border-radius: 0.313rem 0 0 0.313rem !important; }\n    .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n      padding-top: 0;\n      padding-bottom: 0;\n      border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n  min-width: 50px !important; }\n\n.table-actions-section {\n  width: 100%;\n  margin-bottom: 1rem; }\n\n.action-menu {\n  min-width: 120px;\n  color: rgba(58, 53, 65, 0.6); }\n  .action-menu .action-icon {\n    margin-right: 12px;\n    display: flex; }\n  .action-menu .anticon-edit {\n    color: #16b1ff; }\n  .action-menu .anticon-delete {\n    color: #f25a29; }\n\n.ant-dropdown-menu {\n  padding: 1rem 2rem 1rem 1rem !important;\n  border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n  background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n  margin: -12px -16px; }\n  .ant-popover-inner-content .action-menu .ant-list-item {\n    padding: 11px 16px;\n    justify-content: flex-start;\n    cursor: pointer; }\n\n.ant-tag {\n  border-radius: 20px; }\n\n.clickable {\n  cursor: pointer; }\n\n.text-center {\n  text-align: center; }\n\n.float-left {\n  float: left; }\n\n.float-right {\n  float: right; }\n\n.apexcharts-canvas {\n  font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n  font-family: \"Inter\" !important; }\n\n.ant-tag {\n  padding: 1px 10px; }\n\n.flex-display {\n  display: flex; }\n\n.ant-modal-footer {\n  border-top: none;\n  text-align: center; }\n  .ant-modal-footer button {\n    margin: 10px 20px;\n    text-transform: uppercase;\n    font-size: 0.8rem; }\n\n.ant-modal-header {\n  border-radius: 15px;\n  border: none; }\n\n.ant-modal-content {\n  border-radius: 15px;\n  border: none; }\n\n.ant-modal-header {\n  border: none; }\n\n.ant-modal-body {\n  text-align: center;\n  color: rgba(58, 53, 65, 0.6);\n  font-size: 0.8rem; }\n  .ant-modal-body .ant-select-selector {\n    text-align: left;\n    border-radius: 5px !important;\n    height: 32px; }\n  .ant-modal-body .form-label {\n    text-align: left; }\n    .ant-modal-body .form-label .req-ast {\n      color: rgba(255, 77, 79, 0.8);\n      padding-left: 5px; }\n  .ant-modal-body .ant-form .ant-input-password {\n    padding: 6.5px 11px;\n    font-size: 16px; }\n  .ant-modal-body .ant-form .ant-form-item-explain-error {\n    text-align: start; }\n\n.popup-header {\n  text-align: center;\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600;\n  font-family: \"Inter\";\n  font-size: 0.9rem;\n  margin: 25px 20px -20px 20px; }\n  .popup-header .icon {\n    font-size: 4rem;\n    margin-bottom: 15px;\n    font-weight: 400; }\n  .popup-header img {\n    height: 100px; }\n\n.popup-success .icon {\n  color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n  background: #16b1ff;\n  border-radius: #16b1ff;\n  border: none; }\n\n.popup-success .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-primary .icon {\n  color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n  background: #16b1ff;\n  border-radius: #16b1ff;\n  border: none; }\n\n.popup-primary .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-danger .icon {\n  color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n  background: rgba(255, 77, 79, 0.8);\n  border-radius: rgba(255, 77, 79, 0.8);\n  border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n  border-color: #d9d9d9;\n  background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n  color: rgba(58, 53, 65, 0.6);\n  border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n  height: 32px;\n  border-radius: 4px;\n  padding: 6px 16px;\n  font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n  color: rgba(140, 140, 140, 0.7) !important;\n  border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n  color: #16b1ff;\n  background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n  font-family: 'Inter';\n  font-size: 0.8rem !important; }\n\n.pull-right {\n  float: right; }\n\n.disabled {\n  opacity: 0.5; }\n\n.mg-left-3 {\n  margin-left: 3rem; }\n\n.mg-left-2 {\n  margin-left: 2rem !important; }\n\n.mg-left-1 {\n  margin-left: 1rem; }\n\n.mg-top-1 {\n  margin-top: 1rem; }\n\n.mg-top-2 {\n  margin-top: 2rem; }\n\n.mg-bottom-1 {\n  margin-bottom: 1rem !important; }\n\n.transfer-form {\n  padding: 0px 15px;\n  color: rgba(58, 53, 65, 0.6); }\n  .transfer-form .popup-credit-input .ant-form-item-explain-error {\n    width: 200px; }\n  .transfer-form .ant-row {\n    align-items: unset; }\n  .transfer-form .sub-text {\n    margin-bottom: 35px;\n    font-size: 0.9rem;\n    font-weight: 500; }\n  .transfer-form .label {\n    text-align: left;\n    font-size: 0.9rem;\n    color: rgba(58, 53, 65, 0.6); }\n  .transfer-form .seperator {\n    font-size: 1.2rem;\n    color: #d9d9d9; }\n  .transfer-form .footer {\n    margin-bottom: 0px;\n    margin-top: 15px; }\n  .transfer-form label {\n    font-size: 0.8rem; }\n  .transfer-form .ant-radio-wrapper {\n    font-size: 0.9rem; }\n  .transfer-form input {\n    color: rgba(58, 53, 65, 0.6); }\n  .transfer-form button {\n    text-transform: uppercase;\n    font-weight: 500; }\n\n.color-error {\n  color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n  color: #16b1ff; }\n\n.ant-input-number-input {\n  text-align: right; }\n\n.text-left {\n  text-align: left; }\n\n.ant-form-item .ant-radio-group {\n  text-align: left; }\n\n.loading-center {\n  margin: auto;\n  text-align: center;\n  position: absolute;\n  top: 50%;\n  left: 50%; }\n\n.ant-tag-purple {\n  color: #976ed7; }\n\n.ant-tag-orange {\n  color: #ff8f56; }\n\n.ant-tag-default {\n  color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n  border-radius: 4px; }\n\n.ant-input-number {\n  border-radius: 5px; }\n\n.ret-icon {\n  background-color: rgba(254, 241, 173, 0.5);\n  color: #ff8f56; }\n\n.flag-ret-icon {\n  display: flex !important;\n  background-color: #f4f5fa;\n  font-size: 1.1rem !important;\n  padding: 7px; }\n\n.b-icon {\n  vertical-align: middle; }\n\n.ant-message-notice-content {\n  padding: 0px;\n  border-radius: 5px; }\n  .ant-message-notice-content .ant-message-custom-content {\n    font-size: 0.8rem;\n    border-radius: 5px;\n    padding: 17px 24px; }\n  .ant-message-notice-content .ant-message-error {\n    color: rgba(255, 77, 79, 0.8);\n    border: 1px solid rgba(255, 77, 79, 0.8); }\n  .ant-message-notice-content .ant-message-success {\n    color: #5bce00;\n    border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n  color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n  font-size: 0.9rem;\n  font-weight: 500; }\n\n.search-filter {\n  margin-right: 15px; }\n\n.mg-bottom-0 {\n  margin-bottom: 0px; }\n\n.padding-bottom-0 {\n  padding-bottom: 0px; }\n\n.ellipsis-overflow {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n  overflow-wrap: break-word; }\n\n.ant-message {\n  width: 50%;\n  right: 0px;\n  left: auto;\n  min-width: 400px; }\n";
+var css_248z$r = "body {\n  background-color: #f4f5fa;\n  font-family: \"Inter\";\n  font-weight: 400; }\n  body .ant-menu {\n    background-color: #f4f5fa; }\n  body .ant-layout-header {\n    background-color: #f4f5fa; }\n  body .ant-layout {\n    background-color: #f4f5fa; }\n  body .ant-menu-submenu .ant-menu {\n    background-color: #f4f5fa; }\n  body .ant-menu-item {\n    background-color: #f4f5fa; }\n  body .ant-menu-sub {\n    background-color: #f4f5fa; }\n  body .ant-table-content {\n    font-family: \"Inter\"; }\n  body .ant-input {\n    border-radius: 5px !important; }\n  body .ant-btn {\n    border-radius: 5px !important; }\n  body .ant-input-group-addon:first-child {\n    border-radius: 5px !important; }\n  body .ant-input-group .ant-input {\n    width: 99% !important; }\n  body .ant-radio-group {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between; }\n  body .ant-radio-group-large .ant-radio-button-wrapper {\n    font-size: 0.8rem;\n    width: 25%;\n    border-radius: 5px !important; }\n  body .ant-upload-list-picture .ant-upload-list-item-error,\n  body .ant-upload-list-picture-card .ant-upload-list-item-error {\n    border-color: #40a9ff;\n    border-radius: 5px;\n    height: 40px; }\n    body .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n    body .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n      color: #40a9ff !important; }\n  body .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n    color: #40a9ff; }\n  body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n  body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n    border-color: #d9d9d9 !important; }\n  body .ant-input-group-wrapper-status-error .ant-input-group-addon {\n    border-color: #d9d9d9 !important; }\n  body .ant-form-item-explain-error {\n    font-size: 13px;\n    color: rgba(255, 77, 79, 0.8); }\n  body .ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n    background-color: transparent !important; }\n  body .ant-form-item-label > label {\n    flex-direction: row-reverse !important;\n    color: rgba(58, 53, 65, 0.5); }\n  body .ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n    margin-left: 0.2rem !important;\n    color: rgba(255, 77, 79, 0.8) !important; }\n  body .ant-picker {\n    border-radius: 5px !important;\n    height: 35px !important; }\n  body .space-container {\n    width: 100%; }\n    body .space-container .ant-space-item {\n      width: 100%; }\n  body .PhoneInput .PhoneInputCountry {\n    border: 1px solid #d9d9d9 !important;\n    border-radius: 5px !important;\n    padding: 0 1rem 0 1rem; }\n  body .PhoneInput .PhoneInputInput {\n    flex: 1 1;\n    min-width: 0;\n    border-radius: 5px !important;\n    height: 40px;\n    border: 1px solid #d9d9d9 !important;\n    outline: none; }\n  body .filter-title {\n    color: rgba(58, 53, 65, 0.8);\n    font-family: 'Inter';\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.875rem; }\n  body .ant-radio-wrapper {\n    font-family: 'Inter';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 0.875rem;\n    line-height: 22px;\n    color: rgba(58, 53, 65, 0.8); }\n  body .ant-list-item {\n    color: rgba(58, 53, 65, 0.8); }\n  body .PhoneInput .PhoneInputInput:focus-visible,\n  body .PhoneInput .PhoneInputInput:hover {\n    flex: 1 1;\n    min-width: 0;\n    border-radius: 5px !important;\n    height: 40px;\n    border-right: 1px solid #40a9ff !important;\n    outline: 1px solid #40a9ff; }\n  body .layout-content-container {\n    padding-bottom: 100px; }\n    body .layout-content-container .ant-btn-primary {\n      background-color: #16b1ff;\n      color: #ffffff;\n      border: none; }\n    body .layout-content-container .ant-btn {\n      height: 32px;\n      font-weight: 500;\n      font-size: 0.8rem;\n      border-radius: 0.3rem;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n      min-width: 80px;\n      box-shadow: none; }\n      body .layout-content-container .ant-btn span {\n        text-transform: uppercase; }\n  body .content-container {\n    padding: 0px 20px; }\n    body .content-container .title-bar {\n      padding: 0px 0px 30px 0px; }\n    body .content-container .body-title {\n      color: #16b1ff;\n      font-weight: 500;\n      font-size: 1.2rem; }\n    body .content-container .body-sub-title {\n      color: rgba(58, 53, 65, 0.6);\n      font-weight: 400;\n      font-size: 0.8rem; }\n  body .content-card {\n    background-color: #ffffff;\n    border-radius: 10px;\n    width: 100%; }\n    body .content-card .action-bar {\n      padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n      body .content-card .action-bar button {\n        width: fit-content; }\n    body .content-card .filter-section {\n      padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n      display: flex;\n      width: 100%;\n      flex-direction: row;\n      align-items: center;\n      justify-content: end; }\n      body .content-card .filter-section .search-bar {\n        display: flex;\n        flex-direction: row-reverse; }\n      body .content-card .filter-section .filter-bar {\n        display: flex;\n        flex-direction: row-reverse;\n        margin-top: 0.8rem;\n        width: 5%; }\n      body .content-card .filter-section .ant-input-affix-wrapper {\n        border-radius: 0.313rem 0 0 0.313rem !important; }\n      body .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n        padding-top: 0;\n        padding-bottom: 0;\n        border-radius: 0 0.313rem 0.313rem 0 !important; }\n  body .layout-content-container .ant-btn {\n    min-width: 50px !important; }\n  body .table-actions-section {\n    width: 100%;\n    margin-bottom: 1rem; }\n  body .action-menu {\n    min-width: 120px;\n    color: rgba(58, 53, 65, 0.6); }\n    body .action-menu .action-icon {\n      margin-right: 12px;\n      display: flex; }\n    body .action-menu .anticon-edit {\n      color: #16b1ff; }\n    body .action-menu .anticon-delete {\n      color: #f25a29; }\n  body .ant-dropdown-menu {\n    padding: 1rem 2rem 1rem 1rem !important;\n    border-radius: 5px; }\n  body .ant-dropdown-menu-item-active {\n    background-color: transparent !important; }\n  body .ant-popover-inner-content .action-menu {\n    margin: -12px -16px; }\n    body .ant-popover-inner-content .action-menu .ant-list-item {\n      padding: 11px 16px;\n      justify-content: flex-start;\n      cursor: pointer; }\n  body .ant-tag {\n    border-radius: 20px; }\n  body .clickable {\n    cursor: pointer; }\n  body .text-center {\n    text-align: center; }\n  body .float-left {\n    float: left; }\n  body .float-right {\n    float: right; }\n  body .apexcharts-canvas {\n    font-family: \"Inter\" !important; }\n  body .apexcharts-legend-text {\n    font-family: \"Inter\" !important; }\n  body .ant-tag {\n    padding: 1px 10px; }\n  body .flex-display {\n    display: flex; }\n  body .ant-modal-footer {\n    border-top: none;\n    text-align: center; }\n    body .ant-modal-footer button {\n      margin: 10px 20px;\n      text-transform: uppercase;\n      font-size: 0.8rem; }\n  body .ant-modal-header {\n    border-radius: 15px;\n    border: none; }\n  body .ant-modal-content {\n    border-radius: 15px;\n    border: none; }\n  body .ant-modal-header {\n    border: none; }\n  body .ant-modal-body {\n    text-align: center;\n    color: rgba(58, 53, 65, 0.6);\n    font-size: 0.8rem; }\n    body .ant-modal-body .ant-select-selector {\n      text-align: left;\n      border-radius: 5px !important;\n      height: 32px; }\n    body .ant-modal-body .form-label {\n      text-align: left; }\n      body .ant-modal-body .form-label .req-ast {\n        color: rgba(255, 77, 79, 0.8);\n        padding-left: 5px; }\n    body .ant-modal-body .ant-form .ant-input-password {\n      padding: 6.5px 11px;\n      font-size: 16px; }\n    body .ant-modal-body .ant-form .ant-form-item-explain-error {\n      text-align: start; }\n  body .popup-header {\n    text-align: center;\n    color: rgba(58, 53, 65, 0.8);\n    font-weight: 600;\n    font-family: \"Inter\";\n    font-size: 0.9rem;\n    margin: 25px 20px -20px 20px; }\n    body .popup-header .icon {\n      font-size: 4rem;\n      margin-bottom: 15px;\n      font-weight: 400; }\n    body .popup-header img {\n      height: 100px; }\n  body .popup-success .icon {\n    color: #5dc380; }\n  body .popup-success .ant-btn-primary {\n    background: #16b1ff;\n    border-radius: #16b1ff;\n    border: none; }\n  body .popup-success .ant-btn-default {\n    color: rgba(58, 53, 65, 0.6);\n    border-color: rgba(58, 53, 65, 0.6); }\n  body .popup-success .ant-btn-primary[disabled] {\n    border-color: #d9d9d9;\n    background: #f5f5f5; }\n  body .popup-primary .icon {\n    color: #16b1ff; }\n  body .popup-primary .ant-btn-primary {\n    background: #16b1ff;\n    border-radius: #16b1ff;\n    border: none; }\n  body .popup-primary .ant-btn-default {\n    color: rgba(58, 53, 65, 0.6);\n    border-color: rgba(58, 53, 65, 0.6); }\n  body .popup-primary .ant-btn-primary[disabled] {\n    border-color: #d9d9d9;\n    background: #f5f5f5; }\n  body .popup-danger .icon {\n    color: rgba(255, 77, 79, 0.8); }\n  body .popup-danger .ant-btn-primary {\n    background: rgba(255, 77, 79, 0.8);\n    border-radius: rgba(255, 77, 79, 0.8);\n    border: none; }\n  body .popup-danger .ant-btn-primary[disabled] {\n    border-color: #d9d9d9;\n    background: #f5f5f5; }\n  body .popup-danger .ant-btn-default {\n    color: rgba(58, 53, 65, 0.6);\n    border-color: rgba(58, 53, 65, 0.6); }\n  body .ant-modal-footer .ant-btn {\n    height: 32px;\n    border-radius: 4px;\n    padding: 6px 16px;\n    font-weight: 500; }\n  body .ant-modal-footer .ant-btn-default {\n    color: rgba(140, 140, 140, 0.7) !important;\n    border-color: rgba(140, 140, 140, 0.7) !important; }\n  body .ant-tag-processing {\n    color: #16b1ff;\n    background: rgba(185, 226, 244, 0.4); }\n  body .filter-section input {\n    font-family: 'Inter';\n    font-size: 0.8rem !important; }\n  body .pull-right {\n    float: right; }\n  body .disabled {\n    opacity: 0.5; }\n  body .mg-left-3 {\n    margin-left: 3rem; }\n  body .mg-left-2 {\n    margin-left: 2rem !important; }\n  body .mg-left-1 {\n    margin-left: 1rem; }\n  body .mg-top-1 {\n    margin-top: 1rem; }\n  body .mg-top-2 {\n    margin-top: 2rem; }\n  body .mg-bottom-1 {\n    margin-bottom: 1rem !important; }\n  body .transfer-form {\n    padding: 0px 15px;\n    color: rgba(58, 53, 65, 0.6); }\n    body .transfer-form .popup-credit-input .ant-form-item-explain-error {\n      width: 200px; }\n    body .transfer-form .ant-row {\n      align-items: unset; }\n    body .transfer-form .sub-text {\n      margin-bottom: 35px;\n      font-size: 0.9rem;\n      font-weight: 500; }\n    body .transfer-form .label {\n      text-align: left;\n      font-size: 0.9rem;\n      color: rgba(58, 53, 65, 0.6); }\n    body .transfer-form .seperator {\n      font-size: 1.2rem;\n      color: #d9d9d9; }\n    body .transfer-form .footer {\n      margin-bottom: 0px;\n      margin-top: 15px; }\n    body .transfer-form label {\n      font-size: 0.8rem; }\n    body .transfer-form .ant-radio-wrapper {\n      font-size: 0.9rem; }\n    body .transfer-form input {\n      color: rgba(58, 53, 65, 0.6); }\n    body .transfer-form button {\n      text-transform: uppercase;\n      font-weight: 500; }\n  body .color-error {\n    color: rgba(255, 77, 79, 0.8); }\n  body .color-primary {\n    color: #16b1ff; }\n  body .ant-input-number-input {\n    text-align: right; }\n  body .text-left {\n    text-align: left; }\n  body .ant-form-item .ant-radio-group {\n    text-align: left; }\n  body .loading-center {\n    margin: auto;\n    text-align: center;\n    position: absolute;\n    top: 50%;\n    left: 50%; }\n  body .ant-tag-purple {\n    color: #976ed7; }\n  body .ant-tag-orange {\n    color: #ff8f56; }\n  body .ant-tag-default {\n    color: rgba(58, 53, 65, 0.5); }\n  body .ant-popover-inner {\n    border-radius: 4px; }\n  body .ant-input-number {\n    border-radius: 5px; }\n  body .ret-icon {\n    background-color: rgba(254, 241, 173, 0.5);\n    color: #ff8f56; }\n  body .flag-ret-icon {\n    display: flex !important;\n    background-color: #f4f5fa;\n    font-size: 1.1rem !important;\n    padding: 7px; }\n  body .b-icon {\n    vertical-align: middle; }\n  body .ant-message-notice-content {\n    padding: 0px;\n    border-radius: 5px; }\n    body .ant-message-notice-content .ant-message-custom-content {\n      font-size: 0.8rem;\n      border-radius: 5px;\n      padding: 17px 24px; }\n    body .ant-message-notice-content .ant-message-error {\n      color: rgba(255, 77, 79, 0.8);\n      border: 1px solid rgba(255, 77, 79, 0.8); }\n    body .ant-message-notice-content .ant-message-success {\n      color: #5bce00;\n      border: 1px solid #5bce00; }\n  body .ant-select-selection-item {\n    color: rgba(58, 53, 65, 0.6); }\n  body .info-container {\n    display: flex;\n    flex-direction: row;\n    width: 10%;\n    height: 20px;\n    align-items: center;\n    justify-content: start;\n    margin-left: 5px; }\n  body .ant-row {\n    align-items: unset; }\n  body .sub-text {\n    font-size: 0.9rem;\n    font-weight: 500; }\n  body .search-filter {\n    margin-right: 15px; }\n  body .mg-bottom-0 {\n    margin-bottom: 0px; }\n  body .padding-bottom-0 {\n    padding-bottom: 0px; }\n  body .ellipsis-overflow {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical; }\n  body .nextline-overflow {\n    overflow-wrap: break-word; }\n  body .ant-message {\n    width: 50%;\n    right: 0px;\n    left: auto;\n    min-width: 400px; }\n";
 styleInject(css_248z$r);
 
 var UserManagementColumns;
@@ -5734,7 +6038,7 @@ var ProgrammeCertify = /** @class */ (function () {
 
 var AddNewCompanyComponent = function (props) {
     var _a;
-    var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField, isGuest = props.isGuest, onNavigateToHome = props.onNavigateToHome, systemType = props.systemType;
+    var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useLocation = props.useLocation, regionField = props.regionField, isGuest = props.isGuest, onNavigateToHome = props.onNavigateToHome, systemType = props.systemType;
     var formOne = Form.useForm()[0];
     var formTwo = Form.useForm()[0];
     var _b = useState(), stepOneData = _b[0], setStepOneData = _b[1];
@@ -5927,16 +6231,16 @@ var AddNewCompanyComponent = function (props) {
     }); };
     var onUpdateCompany = function () { return __awaiter(void 0, void 0, void 0, function () {
         var formOneValues, values, logoBase64, logoUrls, response, error_3;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return __generator(this, function (_k) {
-            switch (_k.label) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        return __generator(this, function (_l) {
+            switch (_l.label) {
                 case 0:
                     setLoading(true);
                     formOneValues = formOne.getFieldsValue();
                     formOneValues.phoneNo = formatPhoneNumberIntl(formOneValues.phoneNo);
-                    _k.label = 1;
+                    _l.label = 1;
                 case 1:
-                    _k.trys.push([1, 5, , 6]);
+                    _l.trys.push([1, 5, , 6]);
                     values = {};
                     if (regionField) {
                         values = {
@@ -5969,6 +6273,9 @@ var AddNewCompanyComponent = function (props) {
                         values.nameOfMinister = formOneValues.nameOfMinister;
                     }
                     if (((_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.companyRole) === CompanyRole.GOVERNMENT) {
+                        values.omgePercentage = Math.round(Number(formOneValues.omgePercentage));
+                    }
+                    if (((_j = state === null || state === void 0 ? void 0 : state.record) === null || _j === void 0 ? void 0 : _j.companyRole) === CompanyRole.GOVERNMENT) {
                         values.nationalSopValue = Math.floor(Number(formOneValues.nationalSopValue));
                     }
                     if (formOneValues.website) {
@@ -5979,15 +6286,15 @@ var AddNewCompanyComponent = function (props) {
                     }
                     if (!formOneValues.logo) return [3 /*break*/, 3];
                     if (!(formOneValues.logo.length !== 0)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, getBase64((_j = formOneValues.logo[0]) === null || _j === void 0 ? void 0 : _j.originFileObj)];
+                    return [4 /*yield*/, getBase64((_k = formOneValues.logo[0]) === null || _k === void 0 ? void 0 : _k.originFileObj)];
                 case 2:
-                    logoBase64 = _k.sent();
+                    logoBase64 = _l.sent();
                     logoUrls = logoBase64.split(",");
                     values.logo = logoUrls[1];
-                    _k.label = 3;
+                    _l.label = 3;
                 case 3: return [4 /*yield*/, put("national/organisation/update", values)];
                 case 4:
-                    response = _k.sent();
+                    response = _l.sent();
                     if (response.status === 200 || response.status === 201) {
                         setUserInfo({
                             companyLogo: response.data.logo,
@@ -6003,7 +6310,7 @@ var AddNewCompanyComponent = function (props) {
                     setLoading(false);
                     return [3 /*break*/, 6];
                 case 5:
-                    error_3 = _k.sent();
+                    error_3 = _l.sent();
                     message.open({
                         type: "error",
                         content: "".concat(t("errorInUpdatingCompany"), " ").concat(error_3.message),
@@ -6024,7 +6331,7 @@ var AddNewCompanyComponent = function (props) {
         setCompanyRole(value);
     };
     var CompanyDetailsForm = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         var companyRoleClassName = companyRole === CompanyRole.CERTIFIER
             ? "certifier"
             : companyRole === CompanyRole.PROGRAMME_DEVELOPER
@@ -6256,7 +6563,7 @@ var AddNewCompanyComponent = function (props) {
                                                     width: "45%",
                                                 }
                                                 : {} },
-                                            React.createElement(Tooltip, { placement: "top", title: "Permitted to certify and revoke certifications of programmes" },
+                                            React.createElement(Tooltip, { placement: "top", title: "Permitted to certify and revoke certifications of projects" },
                                                 React.createElement(Radio.Button, { className: "certifier", value: "Certifier" },
                                                     React.createElement(SafetyOutlined, { className: "role-icons" }),
                                                     "Certifier"))),
@@ -6266,14 +6573,15 @@ var AddNewCompanyComponent = function (props) {
                                                     width: "45%",
                                                     marginLeft: isGuest ? "30px" : 0,
                                                 }
-                                                : { marginLeft: isGuest ? "30px" : 0, } },
-                                            React.createElement(Tooltip, { placement: "top", title: "Permitted to own programmes and transfer carbon credits" },
+                                                : { marginLeft: isGuest ? "30px" : 0 } },
+                                            React.createElement(Tooltip, { placement: "top", title: "Permitted to own projects and transfer carbon credits" },
                                                 React.createElement(Radio.Button, { className: "dev", value: "ProgrammeDeveloper" },
                                                     React.createElement(ExperimentOutlined, { className: "role-icons" }),
                                                     "Developer"))),
-                                        ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
-                                            CompanyRole.MINISTRY) && !isGuest && (React.createElement("div", { className: "minister-radio-container" },
-                                            React.createElement(Tooltip, { placement: "top", title: "Permitted to perform all programme-related actions within the Ministry" },
+                                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
+                                            CompanyRole.MINISTRY &&
+                                            !isGuest && (React.createElement("div", { className: "minister-radio-container" },
+                                            React.createElement(Tooltip, { placement: "top", title: "Permitted to perform all project-related actions within the Ministry" },
                                                 React.createElement(Radio.Button, { className: "minister", value: "Ministry" },
                                                     React.createElement(AuditOutlined, { className: "role-icons" }),
                                                     "Ministry")))))))),
@@ -6361,7 +6669,30 @@ var AddNewCompanyComponent = function (props) {
                                             }); },
                                         },
                                     ] },
-                                    React.createElement(Input.TextArea, { rows: 3, maxLength: 100 })))))),
+                                    React.createElement(Input.TextArea, { rows: 3, maxLength: 100 }))),
+                                companyRole === CompanyRole.GOVERNMENT &&
+                                    systemType !== CarbonSystemType.MRV && (React.createElement("div", { className: "space-container", style: { width: "100%" } },
+                                    React.createElement(Space, { wrap: true, style: {
+                                            display: "flex",
+                                            marginBottom: 8,
+                                        }, align: "center", size: "large" },
+                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "omgePercentage", label: "Overall Mitigation in Global Emissions (OMGE) Account", initialValue: (_p = state === null || state === void 0 ? void 0 : state.record) === null || _p === void 0 ? void 0 : _p.omgePercentage, rules: [
+                                                { required: true, message: "" },
+                                                {
+                                                    validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                        return __generator(this, function (_a) {
+                                                            if (String(value).trim() === "" ||
+                                                                String(value).trim() === undefined ||
+                                                                value === null ||
+                                                                value === undefined) {
+                                                                throw new Error("Overall Mitigation in Global Emissions (OMGE) Account  ".concat(t("isRequired")));
+                                                            }
+                                                            return [2 /*return*/];
+                                                        });
+                                                    }); },
+                                                },
+                                            ] },
+                                            React.createElement(InputNumber, { style: { width: "100%" }, size: "large", min: 1, max: 99, formatter: function (value) { return "".concat(Math.round(value), "%"); }, parser: function (value) { return value.replace("%", ""); } })))))))),
                     React.createElement("div", { className: "steps-actions" }, isUpdate ? (React.createElement(Row, null,
                         React.createElement(Button, { loading: loading, onClick: onCancel }, t("addCompany:cancel")),
                         React.createElement(Button, { loading: loading, className: "mg-left-1", type: "primary", htmlType: "submit" }, t("addCompany:submit")))) : (current === 0 && (React.createElement(Button, { type: "primary", htmlType: "submit" }, "Next"))))))));
@@ -6496,7 +6827,7 @@ var css_248z$q = ".company-profile {\n  padding: 0px 50px; }\n  .company-profile
 styleInject(css_248z$q);
 
 var CompanyProfileComponent = function (props) {
-    var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField;
+    var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField, systemType = props.systemType;
     var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
     var _b = useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
     var _c = useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
@@ -6889,6 +7220,13 @@ var CompanyProfileComponent = function (props) {
                                     React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
                                         ? companyDetails.remarks
                                         : "-"))) : (""),
+                                (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
+                                    systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
+                                    React.createElement(Row, { className: "field" },
+                                        React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
+                                        React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
+                                            ? companyDetails.omgePercentage
+                                            : "-")))),
                                 (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
                                     React.createElement(Row, { className: "field" },
                                         React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
@@ -6910,9 +7248,7 @@ var CompanyProfileComponent = function (props) {
                                 React.createElement(Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.email : "-")),
                             React.createElement(Row, { className: "field" },
                                 React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:adminPhone")),
-                                React.createElement(Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.phoneNo)
-                                    ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.phoneNo
-                                    : "-"))))))))),
+                                React.createElement(Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.phoneNo) ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.phoneNo : "-"))))))))),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeauthoriseOrgConfirmed, onActionCanceled: onDeauthoriseOrgCanceled, openModal: openDeauthorisationModal, errorMsg: errorMsg, loading: isLoading }),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading }),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onApproveOrgConfirmed, onActionCanceled: onApproveOrgCanceled, openModal: openApproveModal, errorMsg: errorMsg, loading: isLoading }),
@@ -6924,7 +7260,7 @@ styleInject(css_248z$p);
 
 var Search$1 = Input.Search;
 var ProgrammeManagementComponent = function (props) {
-    var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
+    var t = props.t, visibleColumns = props.visibleColumns, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
     var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
     var _b = useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
     var _c = useState(false), loading = _c[0], setLoading = _c[1];
@@ -7309,7 +7645,7 @@ var ProgrammeManagementComponent = function (props) {
                     React.createElement("div", { className: "filter-section" },
                         React.createElement("div", { className: "search-filter" },
                             React.createElement(Checkbox, { className: "label", onChange: function (v) {
-                                    if (userInfoState.companyRole === CompanyRole.MINISTRY) {
+                                    if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
                                         if (v.target.checked) {
                                             setMinistryLevelFilter(true);
                                         }
@@ -7326,7 +7662,7 @@ var ProgrammeManagementComponent = function (props) {
                                             }
                                             : undefined);
                                     }
-                                } }, userInfoState.companyRole === CompanyRole.MINISTRY
+                                } }, (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY
                                 ? t("view:ministryLevel")
                                 : t("view:seeMine"))),
                         React.createElement("div", { className: "search-bar" },
@@ -13107,7 +13443,7 @@ var sectoralScopes = {
 };
 var ProgrammeCreationComponent = function (props) {
     var _a, _b, _c;
-    var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
+    var useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
     var t = translator.t;
     var state = useLocation().state;
     var formOne = Form.useForm()[0];
@@ -14172,7 +14508,7 @@ var ChangePasswordModel = function (props) {
 
 var AddNewUserComponent = function (props) {
     var _a, _b, _c, _d, _e, _f;
-    var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
+    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 formOne = Form.useForm()[0];
     var state = useLocation().state;
@@ -14590,7 +14926,7 @@ var LanguageSelection = function (props) {
 };
 
 var UserProfileComponent = function (props) {
-    var t = props.t, i18n = props.i18n, useConnection = props.useConnection, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin, useUserContext = props.useUserContext;
+    var t = props.t, i18n = props.i18n, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin;
     var get = useConnection().get;
     var _a = useState(undefined), organisationDetails = _a[0], setOrganisationDetails = _a[1];
     var _b = useState(undefined), userDetails = _b[0], setUserDetails = _b[1];
@@ -14758,7 +15094,7 @@ styleInject(css_248z$k);
 
 var Search = Input.Search;
 var UserManagementComponent = function (props) {
-    var t = props.t, useAbilityContext = props.useAbilityContext, useConnection = props.useConnection, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser, userInfoState = props.userInfoState;
+    var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser;
     Form.useForm()[0];
     var _a = useConnection(), post = _a.post, del = _a.delete;
     var _b = useState(), totalUser = _b[0], setTotalUser = _b[1];
@@ -14780,6 +15116,7 @@ var UserManagementComponent = function (props) {
     var _s = useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
     var _t = useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
     var ability = useAbilityContext();
+    var userInfoState = useUserContext().userInfoState;
     document.addEventListener("mousedown", function (event) {
         var userFilterArea1 = document.querySelector(".filter-bar");
         var userFilterArea2 = document.querySelector(".filter-dropdown");
@@ -15300,7 +15637,7 @@ var Loading = function () {
 };
 
 var InvestmentCreationComponent = function (props) {
-    var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
+    var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
     var state = useLocation().state;
     var _a = useState(), data = _a[0], setData = _a[1];
     var formOne = Form.useForm()[0];
@@ -15315,6 +15652,7 @@ var InvestmentCreationComponent = function (props) {
     var _h = useState([]), instrument = _h[0], setInstrument = _h[1];
     var _j = useState(), stepOneData = _j[0], setStepOneData = _j[1];
     var _k = useState(), govData = _k[0], setGovData = _k[1];
+    var userInfoState = useUserContext().userInfoState;
     var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
         label: addSpaces(Object.values(Instrument)[index]),
         value: Object.values(Instrument)[index],
@@ -15443,7 +15781,7 @@ var InvestmentCreationComponent = function (props) {
     if (!data) {
         return React.createElement(Loading, null);
     }
-    console.log('data', data);
+    console.log("data", data);
     var companyName = {};
     if (data && Object.keys(data)[0] !== "ownership") {
         for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15523,7 +15861,7 @@ var InvestmentCreationComponent = function (props) {
         }
     };
     var onChangeTypeCreation = function (e) {
-        console.log('radio checked', e.target.value);
+        console.log("radio checked", e.target.value);
         setTypeCreation(e.target.value);
     };
     return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15549,278 +15887,281 @@ var InvestmentCreationComponent = function (props) {
                                                     ] },
                                                     React.createElement(Radio.Group, { size: "large", defaultValue: typeCreation }, Object.values(InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
                                                         React.createElement(Radio.Button, { className: "condition-radio", value: k, onChange: onChangeTypeCreation }, t("programme:" + k)))); }))))),
-                                        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("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
-                                                            {
-                                                                required: true,
-                                                                message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
-                                                            },
-                                                        ] },
-                                                        React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
-                                            React.createElement(Col, { xl: 12, md: 24 },
-                                                React.createElement("div", { className: "details-part-two" },
-                                                    React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
-                                                            {
-                                                                required: true,
-                                                                message: "",
-                                                            },
-                                                            {
-                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                                                                    return __generator(this, function (_a) {
-                                                                        if (String(value).trim() === "" ||
-                                                                            String(value).trim() === undefined ||
-                                                                            value === null ||
-                                                                            value === undefined) {
-                                                                            throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
-                                                                        }
-                                                                        else if (!isNaN(value) &&
-                                                                            Number(value) > 0) {
-                                                                            return [2 /*return*/, Promise.resolve()];
-                                                                        }
-                                                                        else {
-                                                                            throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
-                                                                        }
-                                                                    });
-                                                                }); },
-                                                            },
-                                                        ] },
-                                                        React.createElement(Input, { size: "large" }))))),
-                                        React.createElement(Row, { className: "row", gutter: [16, 16] },
-                                            React.createElement(Col, { xl: 24, md: 24 },
-                                                React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
-                                                    React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
-                                        instrument &&
-                                            instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
-                                            React.createElement(Col, { xl: 8, md: 12 },
-                                                React.createElement("div", { className: "details-part-two" },
-                                                    React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
-                                                            {
-                                                                required: true,
-                                                                message: "",
-                                                            },
-                                                            {
-                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                                                                    return __generator(this, function (_a) {
-                                                                        if (String(value).trim() === "" ||
-                                                                            String(value).trim() ===
-                                                                                undefined ||
-                                                                            value === null ||
-                                                                            value === undefined) {
-                                                                            throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
-                                                                        }
-                                                                        else if (!isNaN(value)) {
-                                                                            return [2 /*return*/, Promise.resolve()];
-                                                                        }
-                                                                        else {
-                                                                            throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
-                                                                        }
-                                                                    });
-                                                                }); },
-                                                            },
-                                                        ] },
-                                                        React.createElement(Input, { size: "large" })))))),
-                                        instrument &&
-                                            instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
-                                            React.createElement(Col, { xl: 12, md: 24 },
-                                                React.createElement("div", { className: "details-part-two" },
-                                                    React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
-                                                            {
-                                                                required: true,
-                                                                message: "",
-                                                            },
-                                                            {
-                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                                                                    return __generator(this, function (_a) {
-                                                                        if (String(value).trim() === "" ||
-                                                                            String(value).trim() ===
-                                                                                undefined ||
-                                                                            value === null ||
-                                                                            value === undefined) {
-                                                                            throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
-                                                                        }
-                                                                        return [2 /*return*/];
-                                                                    });
-                                                                }); },
-                                                            },
-                                                        ] },
-                                                        React.createElement(Input, { size: "large" })))),
-                                            React.createElement(Col, { xl: 12, md: 24 },
-                                                React.createElement("div", { className: "details-part-two" },
-                                                    React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
-                                                            {
-                                                                required: true,
-                                                                message: "",
-                                                            },
+                                        typeCreation == InvestmentCreationType.NEW && (React.createElement("div", null,
+                                            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("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
+                                                                {
+                                                                    required: true,
+                                                                    message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
+                                                                },
+                                                            ] },
+                                                            React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
+                                                React.createElement(Col, { xl: 12, md: 24 },
+                                                    React.createElement("div", { className: "details-part-two" },
+                                                        React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
+                                                                {
+                                                                    required: true,
+                                                                    message: "",
+                                                                },
+                                                                {
+                                                                    validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                        return __generator(this, function (_a) {
+                                                                            if (String(value).trim() === "" ||
+                                                                                String(value).trim() ===
+                                                                                    undefined ||
+                                                                                value === null ||
+                                                                                value === undefined) {
+                                                                                throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
+                                                                            }
+                                                                            else if (!isNaN(value) &&
+                                                                                Number(value) > 0) {
+                                                                                return [2 /*return*/, Promise.resolve()];
+                                                                            }
+                                                                            else {
+                                                                                throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
+                                                                            }
+                                                                        });
+                                                                    }); },
+                                                                },
+                                                            ] },
+                                                            React.createElement(Input, { size: "large" }))))),
+                                            React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                                React.createElement(Col, { xl: 24, md: 24 },
+                                                    React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
+                                                        React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
+                                            instrument &&
+                                                instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                                React.createElement(Col, { xl: 8, md: 12 },
+                                                    React.createElement("div", { className: "details-part-two" },
+                                                        React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
+                                                                {
+                                                                    required: true,
+                                                                    message: "",
+                                                                },
+                                                                {
+                                                                    validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                        return __generator(this, function (_a) {
+                                                                            if (String(value).trim() === "" ||
+                                                                                String(value).trim() ===
+                                                                                    undefined ||
+                                                                                value === null ||
+                                                                                value === undefined) {
+                                                                                throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
+                                                                            }
+                                                                            else if (!isNaN(value)) {
+                                                                                return [2 /*return*/, Promise.resolve()];
+                                                                            }
+                                                                            else {
+                                                                                throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
+                                                                            }
+                                                                        });
+                                                                    }); },
+                                                                },
+                                                            ] },
+                                                            React.createElement(Input, { size: "large" })))))),
+                                            instrument &&
+                                                instrument.indexOf(Instrument.RESULT_BASED) >=
+                                                    0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                                React.createElement(Col, { xl: 12, md: 24 },
+                                                    React.createElement("div", { className: "details-part-two" },
+                                                        React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
+                                                                {
+                                                                    required: true,
+                                                                    message: "",
+                                                                },
+                                                                {
+                                                                    validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                        return __generator(this, function (_a) {
+                                                                            if (String(value).trim() === "" ||
+                                                                                String(value).trim() ===
+                                                                                    undefined ||
+                                                                                value === null ||
+                                                                                value === undefined) {
+                                                                                throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
+                                                                            }
+                                                                            return [2 /*return*/];
+                                                                        });
+                                                                    }); },
+                                                                },
+                                                            ] },
+                                                            React.createElement(Input, { size: "large" })))),
+                                                React.createElement(Col, { xl: 12, md: 24 },
+                                                    React.createElement("div", { className: "details-part-two" },
+                                                        React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
+                                                                {
+                                                                    required: true,
+                                                                    message: "",
+                                                                },
+                                                                {
+                                                                    validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                        return __generator(this, function (_a) {
+                                                                            if (String(value).trim() === "" ||
+                                                                                String(value).trim() ===
+                                                                                    undefined ||
+                                                                                value === null ||
+                                                                                value === undefined) {
+                                                                                throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
+                                                                            }
+                                                                            else if (!isNaN(value)) {
+                                                                                return [2 /*return*/, Promise.resolve()];
+                                                                            }
+                                                                            else {
+                                                                                throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
+                                                                            }
+                                                                        });
+                                                                    }); },
+                                                                },
+                                                            ] },
+                                                            React.createElement(Input, { size: "large" })))))),
+                                            instrument &&
+                                                instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                                React.createElement(Col, { xl: 12, md: 24 },
+                                                    React.createElement("div", { className: "details-part-two" },
+                                                        React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
+                                                                {
+                                                                    required: false,
+                                                                    message: "",
+                                                                },
+                                                            ] },
+                                                            React.createElement(Input, { size: "large" })))))),
+                                            instrument &&
+                                                instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                                React.createElement(Col, { xl: 12, md: 24 },
+                                                    React.createElement("div", { className: "details-part-two" },
+                                                        React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
+                                                                {
+                                                                    required: true,
+                                                                    message: "",
+                                                                },
+                                                                {
+                                                                    validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                        return __generator(this, function (_a) {
+                                                                            if (String(value).trim() === "" ||
+                                                                                String(value).trim() ===
+                                                                                    undefined ||
+                                                                                value === null ||
+                                                                                value === undefined) {
+                                                                                throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
+                                                                            }
+                                                                            return [2 /*return*/];
+                                                                        });
+                                                                    }); },
+                                                                },
+                                                            ] },
+                                                            React.createElement(Input, { size: "large" })))))),
+                                            React.createElement(Row, { className: "row", gutter: [4, 4] },
+                                                React.createElement(Col, { xl: 8, md: 12 },
+                                                    React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
                                                             {
-                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                                                                    return __generator(this, function (_a) {
-                                                                        if (String(value).trim() === "" ||
-                                                                            String(value).trim() ===
-                                                                                undefined ||
-                                                                            value === null ||
-                                                                            value === undefined) {
-                                                                            throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
-                                                                        }
-                                                                        else if (!isNaN(value)) {
-                                                                            return [2 /*return*/, Promise.resolve()];
-                                                                        }
-                                                                        else {
-                                                                            throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
-                                                                        }
-                                                                    });
-                                                                }); },
+                                                                required: false,
                                                             },
                                                         ] },
-                                                        React.createElement(Input, { size: "large" })))))),
-                                        instrument &&
-                                            instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
-                                            React.createElement(Col, { xl: 12, md: 24 },
-                                                React.createElement("div", { className: "details-part-two" },
-                                                    React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
+                                                        React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
+                                                            React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
+                                                                    return deselectOnClick(e, "type");
+                                                                } }, t("programme:" + k)))); })))),
+                                                React.createElement(Col, { xl: 8, md: 12 },
+                                                    React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
                                                             {
                                                                 required: false,
-                                                                message: "",
                                                             },
                                                         ] },
-                                                        React.createElement(Input, { size: "large" })))))),
-                                        instrument &&
-                                            instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
-                                            React.createElement(Col, { xl: 12, md: 24 },
-                                                React.createElement("div", { className: "details-part-two" },
-                                                    React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
-                                                            {
-                                                                required: true,
-                                                                message: "",
-                                                            },
+                                                        React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
+                                                            React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
+                                                                    return deselectOnClick(e, "level");
+                                                                } }, t("programme:" + k)))); })))),
+                                                React.createElement(Col, { xl: 8, md: 12 },
+                                                    React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
                                                             {
-                                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                                                                    return __generator(this, function (_a) {
-                                                                        if (String(value).trim() === "" ||
-                                                                            String(value).trim() ===
-                                                                                undefined ||
-                                                                            value === null ||
-                                                                            value === undefined) {
-                                                                            throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
-                                                                        }
-                                                                        return [2 /*return*/];
-                                                                    });
-                                                                }); },
+                                                                required: false,
                                                             },
                                                         ] },
-                                                        React.createElement(Input, { size: "large" })))))),
-                                        React.createElement(Row, { className: "row", gutter: [4, 4] },
-                                            React.createElement(Col, { xl: 8, md: 12 },
-                                                React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
-                                                        {
-                                                            required: false,
-                                                        },
-                                                    ] },
-                                                    React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
-                                                        React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
-                                                                return deselectOnClick(e, "type");
-                                                            } }, t("programme:" + k)))); })))),
-                                            React.createElement(Col, { xl: 8, md: 12 },
-                                                React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
-                                                        {
-                                                            required: false,
-                                                        },
-                                                    ] },
-                                                    React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
-                                                        React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
-                                                                return deselectOnClick(e, "level");
-                                                            } }, t("programme:" + k)))); })))),
-                                            React.createElement(Col, { xl: 8, md: 12 },
-                                                React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
-                                                        {
-                                                            required: false,
-                                                        },
-                                                    ] },
-                                                    React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
-                                                        React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
-                                                                return deselectOnClick(e, "stream");
-                                                            } }, t("programme:" + k)))); }))))),
-                                        React.createElement(Row, { className: "row", gutter: [16, 16] },
-                                            React.createElement(Col, { xl: 12, md: 24 },
-                                                React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
-                                                    React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
-                                        React.createElement(Form.Item, null,
-                                            React.createElement("div", { className: "steps-actions" },
-                                                React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
+                                                        React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
+                                                            React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
+                                                                    return deselectOnClick(e, "stream");
+                                                                } }, t("programme:" + k)))); }))))),
+                                            React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                                React.createElement(Col, { xl: 12, md: 24 },
+                                                    React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
+                                                        React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
+                                            React.createElement(Form.Item, null,
+                                                React.createElement("div", { className: "steps-actions" },
+                                                    React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))))),
                         },
                         {
                             title: (React.createElement("div", { className: "step-title-container" },
                                 React.createElement("div", { className: "step-count" }, "02"),
                                 React.createElement("div", { className: "title" }, t("programme:ownership")))),
                             description: current === 1 && (React.createElement("div", null,
-                                React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
-                                    React.createElement("div", { className: "programme-sought-form" },
-                                        React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
-                                            data.companyId.map(function (companyId, index) {
-                                                return (React.createElement(Row, { className: "row", gutter: [16, 16] },
-                                                    React.createElement(Col, { xl: 8, md: 15 },
-                                                        React.createElement("div", { className: "label" },
-                                                            companyName[companyId].name,
-                                                            React.createElement("span", { className: "required-mark" }, "*"))),
-                                                    React.createElement(Col, { xl: 8, md: 9 },
-                                                        React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
-                                                                {
-                                                                    pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
-                                                                    message: "Percentage Should be a positive number",
-                                                                },
-                                                                {
-                                                                    required: true,
-                                                                    message: "Required field",
-                                                                },
-                                                                function (_a) {
-                                                                    var getFieldValue = _a.getFieldValue;
-                                                                    return ({
-                                                                        validator: function (rule, v) {
-                                                                            if (getFieldValue([
-                                                                                "percentage",
-                                                                                index,
-                                                                            ]) &&
-                                                                                parseFloat(getFieldValue([
-                                                                                    "percentage",
-                                                                                    index,
-                                                                                ])) > data.proponentPercentage[index]) {
-                                                                                // eslint-disable-next-line prefer-promise-reject-errors
-                                                                                return Promise.reject("Amount > Available");
-                                                                            }
-                                                                            return Promise.resolve();
-                                                                        },
-                                                                    });
-                                                                },
-                                                            ] },
-                                                            React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId, 
-                                                                // disabled={userInfoState?.companyId === Number(companyId)}
-                                                                onKeyPress: function (event) {
-                                                                    if (!/[0-9\.]/.test(event.key)) {
-                                                                        event.preventDefault();
-                                                                    }
-                                                                } })),
-                                                        React.createElement("div", { className: "inline separator" }, "/"),
-                                                        React.createElement(Form.Item, { className: "inline" },
-                                                            React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
-                                            }),
-                                            React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
+                                    React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
+                                        data.companyId.map(function (companyId, index) {
+                                            return (React.createElement(Row, { className: "row", gutter: [16, 16] },
                                                 React.createElement(Col, { xl: 8, md: 15 },
-                                                    React.createElement("div", { className: "label" }, t("programme:total"))),
+                                                    React.createElement("div", { className: "label" },
+                                                        companyName[companyId].name,
+                                                        React.createElement("span", { className: "required-mark" }, "*"))),
                                                 React.createElement(Col, { xl: 8, md: 9 },
-                                                    React.createElement(Form.Item, { className: "inline", name: ["total"] },
-                                                        React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
+                                                    React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
+                                                            {
+                                                                pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
+                                                                message: "Percentage Should be a positive number",
+                                                            },
+                                                            {
+                                                                required: true,
+                                                                message: "Required field",
+                                                            },
+                                                            function (_a) {
+                                                                var getFieldValue = _a.getFieldValue;
+                                                                return ({
+                                                                    validator: function (rule, v) {
+                                                                        if (getFieldValue([
+                                                                            "percentage",
+                                                                            index,
+                                                                        ]) &&
+                                                                            parseFloat(getFieldValue([
+                                                                                "percentage",
+                                                                                index,
+                                                                            ])) >
+                                                                                data.proponentPercentage[index]) {
+                                                                            // eslint-disable-next-line prefer-promise-reject-errors
+                                                                            return Promise.reject("Amount > Available");
+                                                                        }
+                                                                        return Promise.resolve();
+                                                                    },
+                                                                });
+                                                            },
+                                                        ] },
+                                                        React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId, 
+                                                            // disabled={userInfoState?.companyId === Number(companyId)}
+                                                            onKeyPress: function (event) {
                                                                 if (!/[0-9\.]/.test(event.key)) {
                                                                     event.preventDefault();
                                                                 }
                                                             } })),
                                                     React.createElement("div", { className: "inline separator" }, "/"),
                                                     React.createElement(Form.Item, { className: "inline" },
-                                                        React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
-                                            React.createElement(Form.Item, null,
-                                                React.createElement("div", { className: "steps-actions" },
-                                                    React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
-                                                    React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
+                                                        React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
+                                        }),
+                                        React.createElement(Row, { className: "row", gutter: [16, 16] },
+                                            React.createElement(Col, { xl: 8, md: 15 },
+                                                React.createElement("div", { className: "label" }, t("programme:total"))),
+                                            React.createElement(Col, { xl: 8, md: 9 },
+                                                React.createElement(Form.Item, { className: "inline", name: ["total"] },
+                                                    React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
+                                                            if (!/[0-9\.]/.test(event.key)) {
+                                                                event.preventDefault();
+                                                            }
+                                                        } })),
+                                                React.createElement("div", { className: "inline separator" }, "/"),
+                                                React.createElement(Form.Item, { className: "inline" },
+                                                    React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
+                                        React.createElement(Form.Item, null,
+                                            React.createElement("div", { className: "steps-actions" },
+                                                React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
+                                                React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
                         },
                     ] })))));
 };
@@ -15931,7 +16272,7 @@ var InvestmentActionModel = function (props) {
 };
 
 var InvestmentManagementComponent = function (props) {
-    var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
+    var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
     var t = translator.t;
     var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
         label: addSpaces(Object.values(InvestmentStatus)[index]),
@@ -16464,7 +16805,7 @@ var css_248z$i = ".steps-actions {\n  display: flex;\n  flex-direction: row-reve
 styleInject(css_248z$i);
 
 var SupportCreationComponent = function (props) {
-    var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
+    var t = props.t, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
     useLocation().state;
     var _a = useState(); _a[0]; _a[1];
     var formOne = Form.useForm()[0];
@@ -16477,6 +16818,7 @@ var SupportCreationComponent = function (props) {
     var _f = useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
     var _g = useState([]), instrument = _g[0], setInstrument = _g[1];
     var _h = useState(); _h[0]; var setStepOneData = _h[1];
+    var userInfoState = useUserContext().userInfoState;
     var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
         label: addSpaces(Object.values(Instrument)[index]),
         value: Object.values(Instrument)[index],
@@ -16819,7 +17161,7 @@ var SupportCreationComponent = function (props) {
 };
 
 var SupportManagementComponent = function (props) {
-    var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
+    var translator = props.translator; props.onNavigateToProgrammeView; var enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
     var t = translator.t;
     var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
         label: addSpaces(Object.values(InvestmentStatus)[index]),
@@ -17321,7 +17663,7 @@ var css_248z$h = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[valu
 styleInject(css_248z$h);
 
 var NdcActionManagementComponent = function (props) {
-    var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
+    var t = props.t, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
     var _a = useState(true), checkAll = _a[0], setCheckAll = _a[1];
     var _b = useState([]), tableData = _b[0], setTableData = _b[1];
     var _c = useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
@@ -18678,7 +19020,7 @@ var GenderParity = function (props) {
 };
 
 var Assessment = function (props) {
-    var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, translator = props.translator;
+    var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, translator = props.translator;
     translator.setDefaultNamespace("coBenifits");
     var t = translator.t;
     var form1 = Form.useForm()[0];
@@ -20599,7 +20941,7 @@ var Social = function (props) {
 };
 
 var CoBenifitsComponent = function (props) {
-    var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator, useConnection = props.useConnection;
+    var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
     var _b = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
     var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
     var _d = useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
@@ -20677,7 +21019,7 @@ var CoBenifitsComponent = function (props) {
             label: t("coBenifits:assessment"),
             key: "7",
             children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
-                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
+                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, translator: translator })),
         },
     ];
     var onCoBenefitSubmit = function () {
@@ -20840,7 +21182,7 @@ var CoBenifitsComponent = function (props) {
 };
 
 var AddNdcActionComponent = function (props) {
-    var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
+    var useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
     translator.setDefaultNamespace("ndcAction");
     var t = translator.t;
     var _a = useState(1), current = _a[0], setCurrent = _a[1];
@@ -20971,9 +21313,7 @@ var AddNdcActionComponent = function (props) {
             title: (React.createElement("div", { className: "step-title-container" },
                 React.createElement("div", { className: "step-count" }, "01"),
                 React.createElement("div", { className: "title" }, t("ndcAction:ndcActionDetailsTitle")),
-                React.createElement("div", { className: "info-container" },
-                    React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "right", trigger: "hover", title: t("ndcAction:ndcToolTip"), overlayClassName: "custom-tooltip" },
-                        React.createElement(InfoCircle, { color: "#000000", size: 17 }))))),
+                React.createElement("div", { className: "info-container" }))),
             description: (React.createElement("div", { className: current !== 1 ? "hide" : "" },
                 React.createElement(NdcActionDetails, { isBackBtnVisible: false, onFormSubmit: onNdcActionDetailsSubmit, ndcActionDetails: ndcActionDetails, translator: translator, programmeDetails: programmeDetails }))),
         },
@@ -20984,7 +21324,7 @@ var AddNdcActionComponent = function (props) {
             description: (React.createElement("div", { className: current !== 2 ? "hide" : "" },
                 React.createElement(CoBenifitsComponent, { onClickedBackBtn: onClickBackCoBenefits, coBenefitsDetails: ndcActionDetails ? ndcActionDetails.coBenefitsProperties : {}, onFormSubmit: onCoBenefitsSubmit, submitButtonText: isProjectReportsVisible()
                         ? t("ndcAction:next")
-                        : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator }))),
+                        : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, translator: translator }))),
         },
     ];
     if (isProjectReportsVisible()) {
@@ -21121,7 +21461,7 @@ var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId
 var NdcActionViewComponent = function (props) {
     var _a;
     var _b, _c;
-    var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
+    var useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
     translator.setDefaultNamespace("ndcAction");
     var t = translator.t;
     var userInfoState = useUserContext().userInfoState;
@@ -21614,7 +21954,7 @@ var NdcActionViewComponent = function (props) {
                     React.createElement(Card, { className: "card-container" },
                         React.createElement("div", { className: "co-benifits-view" },
                             React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
-                            React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator })))))))));
+                            React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, translator: translator })))))))));
 };
 
 var css_248z$b = ".credit-transfer-management .certify-list {\n  width: 110px;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap; }\n  .credit-transfer-management .certify-list .profile-icon {\n    margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n  margin-bottom: 0px; }\n  .credit-transfer-management .table-actions-section input {\n    font-family: \"Inter\";\n    font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n  margin-right: 10px; }\n  .credit-transfer-management .all-check .ant-checkbox-inner::after {\n    background-color: rgba(58, 53, 65, 0.5); }\n  .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n    background-color: transparent; }\n  .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n    background-color: rgba(58, 53, 65, 0.5);\n    border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.credit-transfer-modal-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 2rem 0 0 0;\n  width: 100%; }\n  .credit-transfer-modal-container .icon-credit {\n    margin-bottom: 15px; }\n  .credit-transfer-modal-container .credit-transfer-details {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-bottom: 10px; }\n    .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n      font-family: 'Inter' !important;\n      font-style: normal;\n      font-weight: 600;\n      font-size: 0.9rem;\n      line-height: 1.3rem;\n      padding: 0 1rem 0 1rem;\n      text-align: center;\n      color: rgba(58, 53, 65, 0.8) !important; }\n    .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n      font-family: 'Inter';\n      font-style: normal;\n      font-weight: 600;\n      font-size: 0.8rem;\n      line-height: 1.375rem;\n      text-align: center;\n      color: rgba(58, 53, 65, 0.5); }\n  .credit-transfer-modal-container .remarks-credit-transfer {\n    flex-direction: row;\n    width: 100%;\n    padding: 0.5rem 1rem 0 1rem; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n      display: flex;\n      flex-direction: row; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n      width: 100%; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n        font-size: 0.8rem; }\n    .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      margin-top: 1rem; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between; }\n      .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n        width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n  font-size: 0.75rem;\n  font-weight: 600; }\n";
@@ -21708,6 +22048,30 @@ var TransferActionModel = function (props) {
                     React.createElement(Col, { lg: 6, md: 4 },
                         React.createElement(Form.Item, { className: "popup-credit-input" },
                             React.createElement(InputNumber, { placeholder: addCommSep(transfer.creditAmount), disabled: true })))),
+                transfer.retirementType === RetireType.CROSS_BORDER && (React.createElement(Row, null,
+                    React.createElement(Col, { lg: 18, md: 20 },
+                        React.createElement("div", { className: "label" }, "".concat(t("view:govInternationalAcc")))),
+                    React.createElement(Col, { lg: 6, md: 4 },
+                        React.createElement(Form.Item, { className: "popup-credit-input" },
+                            React.createElement(InputNumber, { placeholder: transfer.creditAmount
+                                    ? addCommSep(transfer.creditAmount -
+                                        Number(((transfer.omgePercentage *
+                                            transfer.creditAmount) /
+                                            100).toFixed(2)))
+                                    : "-", disabled: true }))))),
+                transfer.retirementType === RetireType.CROSS_BORDER && (React.createElement(Row, null,
+                    React.createElement(Col, { lg: 18, md: 20, style: { display: "flex" } },
+                        React.createElement("div", { className: "label" }, "".concat(t("view:omgeAcc"))),
+                        React.createElement("div", { className: "info-container" },
+                            React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "topLeft", trigger: "hover", title: t("view:omgeDesc"), overlayClassName: "custom-tooltip" },
+                                React.createElement(InfoCircle, { color: "#000000", size: 15 })))),
+                    React.createElement(Col, { lg: 6, md: 4 },
+                        React.createElement(Form.Item, { className: "popup-credit-input" },
+                            React.createElement(InputNumber, { placeholder: transfer.creditAmount
+                                    ? addCommSep(Number(((transfer.omgePercentage *
+                                        transfer.creditAmount) /
+                                        100).toFixed(2)))
+                                    : "-", disabled: true }))))),
                 React.createElement(Row, null,
                     React.createElement(Col, { span: 24 },
                         React.createElement(Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
@@ -21743,7 +22107,7 @@ var TransferActionModel = function (props) {
 };
 
 var CreditTransferComponent = function (props) {
-    var useConnection = props.useConnection, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
+    var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
     var userInfoState = useUserContext().userInfoState;
     var t = translator.t;
     var statusOptions = Object.keys(CreditTransferStage).map(function (k, index) { return ({
@@ -22372,7 +22736,7 @@ var CreditTransferComponent = function (props) {
             }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
 };
 
-var css_248z$9 = ".mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.unit {\n  display: flex;\n  font-family: \"Inter\";\n  font-size: 1.15rem;\n  font-weight: 500;\n  color: rgba(58, 53, 65, 0.5); }\n\n.card-icons {\n  color: #16b1ff; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n  display: none; }\n\n.total-container {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid gray; }\n\n.margin-top-6 {\n  margin-top: 7.5rem; }\n\n.margin-top-2 {\n  margin-top: 2rem; }\n\n.margin-top-1 {\n  margin-top: 1rem; }\n\n.ant-tooltip-inner {\n  border-radius: 5px;\n  background-color: #9155fd; }\n\n.ant-tooltip-arrow-content {\n  --antd-arrow-background-color: linear-gradient(\n    to right bottom,\n    #9155fd,\n    #9155fd\n  ) !important; }\n\n.ant-btn.mrvdefault {\n  border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mrvprimary {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n  font-family: \"Inter\";\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-style: normal;\n  font-weight: 600;\n  height: 50px;\n  font-size: 1.15rem;\n  margin-top: 1rem;\n  color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 2rem 0 2rem; }\n  .dashboard-main-container .header-and-title {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    padding: 0 15px 0 15px;\n    font-family: \"Inter-Regular\";\n    font-size: 1.4rem;\n    font-weight: 600; }\n  .dashboard-main-container .stastics-cards-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: center; }\n    .dashboard-main-container .stastics-cards-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center; }\n  .dashboard-main-container .filter-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    padding: 0 1.2rem 0 1.2rem; }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n      height: 35px !important;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      color: rgba(58, 53, 65, 0.5); }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n)::before {\n      background-color: transparent !important; }\n    .dashboard-main-container .filter-container .radio-selection .overall {\n      border-radius: 5px 0 0 5px !important; }\n    .dashboard-main-container .filter-container .radio-selection .mine {\n      border-radius: 0 5px 5px 0 !important; }\n  .dashboard-main-container .center {\n    align-items: center;\n    justify-content: center; }\n  .dashboard-main-container .height-pie-rem {\n    height: 26.2rem; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between !important; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n      display: flex !important;\n      width: 42%; }\n  .dashboard-main-container .height-bar-rem {\n    height: 29rem; }\n  .dashboard-main-container .height-map-rem {\n    height: 510px; }\n  .dashboard-main-container .stastics-and-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: 2rem;\n    margin-bottom: 2rem; }\n    .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 0 1rem 0.7rem 1rem;\n        width: 100%; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n          width: 100%;\n          margin-top: 2rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-start;\n          justify-content: space-between;\n          width: 100%;\n          padding: 1rem 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n            font-family: \"Inter\";\n            font-style: normal;\n            font-weight: 600;\n            width: 90%;\n            font-size: 1.15rem;\n            color: rgba(58, 53, 65, 0.8); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          height: 150px;\n          margin-top: 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n            display: flex;\n            flex-direction: column;\n            width: 70%;\n            padding: 0 1rem 0 0.8rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 400;\n              font-size: 0.875rem;\n              line-height: 1.375rem;\n              padding-left: 0.125rem;\n              color: rgba(58, 53, 65, 0.8);\n              margin-bottom: 0.5rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 600;\n              font-size: 1.6rem;\n              line-height: 22px;\n              padding-left: 0.125rem;\n              padding: 0;\n              color: #16b1ff; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            width: 30%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n              height: 80px; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n          height: 100px;\n          width: 100%;\n          margin-top: 1rem;\n          margin-bottom: 0.5rem;\n          padding: 0 0.5rem 0 0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n              display: flex;\n              flex-direction: row;\n              width: 20%; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50px;\n                width: 2.813rem;\n                height: 2.813rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n                background-color: rgba(255, 166, 166, 0.4); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n                background-color: rgba(254, 241, 173, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n                background-color: rgba(164, 162, 168, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n                background-color: rgba(185, 226, 244, 0.4); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n              display: flex;\n              flex-direction: column;\n              width: 80%;\n              height: 3.438rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n                display: flex;\n                flex-direction: row;\n                align-items: flex-start;\n                justify-content: space-between; }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  font-size: 0.875rem;\n                  color: rgba(58, 53, 65, 0.5); }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  height: 30px;\n                  font-size: 1.5rem;\n                  margin-top: -8px;\n                  color: rgba(58, 53, 65, 0.8); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          margin-top: 1rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: flex-start;\n          padding: 0 1rem 0 0.8rem;\n          height: 50px; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\n            display: flex;\n            flex-direction: row;\n            font-size: 0.75rem;\n            border-radius: 3.125rem;\n            padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n            color: #16b1ff;\n            background-color: rgba(222, 205, 254, 0.4); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          padding: 0 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n            display: flex;\n            flex-direction: row;\n            font-family: \"Inter\";\n            align-items: flex-start;\n            justify-content: flex-start;\n            font-style: normal;\n            font-weight: 600;\n            height: 50px;\n            font-size: 1.15rem;\n            margin-top: 1rem;\n            color: rgba(58, 53, 65, 0.8); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n              display: flex;\n              margin: 0 0 0 0.5rem;\n              font-family: \"Inter\";\n              font-size: 1.15rem;\n              font-weight: 500;\n              color: rgba(58, 53, 65, 0.5); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 100%; }\n  .dashboard-main-container .stastics-and-pie-card:hover {\n    box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n  .dashboard-main-container .stastics-charts-container-total-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 60px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-charts-container-certified-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-pie-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .maps-container {\n    display: flex;\n    flex-direction: row;\n    border-radius: 10px;\n    margin: 25px 20px 25px 15px;\n    height: auto; }\n    .dashboard-main-container .maps-container .maps-container-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n";
+var css_248z$9 = ".mapboxgl-popup-content {\n  background-color: #ffffff !important;\n  color: rgba(58, 53, 65, 0.8) !important; }\n\n.unit {\n  display: flex;\n  font-family: \"Inter\";\n  font-size: 1.15rem;\n  font-weight: 500;\n  color: rgba(58, 53, 65, 0.5); }\n\n.card-icons {\n  color: #16b1ff; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n  display: none; }\n\n.total-container {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid gray; }\n\n.margin-top-6 {\n  margin-top: 7.5rem; }\n\n.margin-top-2 {\n  margin-top: 2rem; }\n\n.margin-top-1 {\n  margin-top: 1rem; }\n\n.ant-btn.mrvdefault {\n  border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mrvprimary {\n  border-radius: 0px 5px 5px 0px !important; }\n\n.cards-title {\n  font-family: \"Inter\";\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-style: normal;\n  font-weight: 600;\n  height: 50px;\n  font-size: 1.15rem;\n  margin-top: 1rem;\n  color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 2rem 0 2rem; }\n  .dashboard-main-container .header-and-title {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    padding: 0 15px 0 15px;\n    font-family: \"Inter-Regular\";\n    font-size: 1.4rem;\n    font-weight: 600; }\n  .dashboard-main-container .stastics-cards-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: center; }\n    .dashboard-main-container .stastics-cards-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center; }\n  .dashboard-main-container .filter-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    padding: 0 1.2rem 0 1.2rem; }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n      height: 35px !important;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      color: rgba(58, 53, 65, 0.5); }\n    .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(\n    .ant-radio-button-wrapper-disabled\n)::before {\n      background-color: transparent !important; }\n    .dashboard-main-container .filter-container .radio-selection .overall {\n      border-radius: 5px 0 0 5px !important; }\n    .dashboard-main-container .filter-container .radio-selection .mine {\n      border-radius: 0 5px 5px 0 !important; }\n  .dashboard-main-container .center {\n    align-items: center;\n    justify-content: center; }\n  .dashboard-main-container .height-pie-rem {\n    height: 26.2rem; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between !important; }\n    .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n      display: flex !important;\n      width: 42%; }\n  .dashboard-main-container .height-bar-rem {\n    height: 29rem; }\n  .dashboard-main-container .height-map-rem {\n    height: 510px; }\n  .dashboard-main-container .stastics-and-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: 2rem;\n    margin-bottom: 2rem; }\n    .dashboard-main-container .stastics-and-charts-container .stastic-card-row {\n      width: 100%; }\n      .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 0 1rem 0.7rem 1rem;\n        width: 100%; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .margin-top-2 {\n          width: 100%;\n          margin-top: 2rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-start;\n          justify-content: space-between;\n          width: 100%;\n          padding: 1rem 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .title {\n            font-family: \"Inter\";\n            font-style: normal;\n            font-weight: 600;\n            width: 90%;\n            font-size: 1.15rem;\n            color: rgba(58, 53, 65, 0.8); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .title-section .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          height: 150px;\n          margin-top: 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details {\n            display: flex;\n            flex-direction: column;\n            width: 70%;\n            padding: 0 1rem 0 0.8rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .detail {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 400;\n              font-size: 0.875rem;\n              line-height: 1.375rem;\n              padding-left: 0.125rem;\n              color: rgba(58, 53, 65, 0.8);\n              margin-bottom: 0.5rem; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .details .value {\n              font-family: \"Inter\";\n              font-style: normal;\n              font-weight: 600;\n              font-size: 1.6rem;\n              line-height: 22px;\n              padding-left: 0.125rem;\n              padding: 0;\n              color: #16b1ff; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            width: 30%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-details .icon img {\n              height: 80px; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n          height: 100px;\n          width: 100%;\n          margin-top: 1rem;\n          margin-bottom: 0.5rem;\n          padding: 0 0.5rem 0 0.5rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details,\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%; }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon {\n              display: flex;\n              flex-direction: row;\n              width: 20%; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .icon-container,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .icon-container {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50px;\n                width: 2.813rem;\n                height: 2.813rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .reject,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .reject {\n                background-color: rgba(255, 166, 166, 0.4); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .transfer,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .transfer {\n                background-color: rgba(254, 241, 173, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .pending,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .pending {\n                background-color: rgba(164, 162, 168, 0.5); }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .icon .authorized,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .icon .authorized {\n                background-color: rgba(185, 226, 244, 0.4); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details,\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details {\n              display: flex;\n              flex-direction: column;\n              width: 80%;\n              height: 3.438rem; }\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value,\n              .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value {\n                display: flex;\n                flex-direction: row;\n                align-items: flex-start;\n                justify-content: space-between; }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .label,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .label {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  font-size: 0.875rem;\n                  color: rgba(58, 53, 65, 0.5); }\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .rejected-details .details .label-and-value .value,\n                .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .total-programme-extra-details .transfered-details .details .label-and-value .value {\n                  font-family: \"Inter\";\n                  font-style: normal;\n                  font-weight: 400;\n                  height: 30px;\n                  font-size: 1.5rem;\n                  margin-top: -8px;\n                  color: rgba(58, 53, 65, 0.8); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .stage-legends {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          margin-top: 1rem; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on {\n          display: flex;\n          flex-direction: row;\n          align-items: flex-end;\n          justify-content: flex-start;\n          padding: 0 1rem 0 0.8rem;\n          height: 50px; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .updated-on .updated-moment-container {\n            display: flex;\n            flex-direction: row;\n            font-size: 0.75rem;\n            border-radius: 3.125rem;\n            padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n            color: #16b1ff;\n            background-color: rgba(222, 205, 254, 0.4); }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          padding: 0 1rem 0 1rem; }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title {\n            display: flex;\n            flex-direction: row;\n            font-family: \"Inter\";\n            align-items: flex-start;\n            justify-content: flex-start;\n            font-style: normal;\n            font-weight: 600;\n            height: 50px;\n            font-size: 1.15rem;\n            margin-top: 1rem;\n            color: rgba(58, 53, 65, 0.8); }\n            .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .pie-charts-title .unit {\n              display: flex;\n              margin: 0 0 0 0.5rem;\n              font-family: \"Inter\";\n              font-size: 1.15rem;\n              font-weight: 500;\n              color: rgba(58, 53, 65, 0.5); }\n          .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-top .info-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center; }\n        .dashboard-main-container .stastics-and-charts-container .stastic-card-row .stastic-card-col .stastics-and-pie-card .pie-charts-section {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 100%; }\n  .dashboard-main-container .stastics-and-pie-card:hover {\n    box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n  .dashboard-main-container .stastics-charts-container-total-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 60px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-charts-container-certified-programmes {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .stastics-pie-charts-container {\n    display: flex;\n    flex-direction: row;\n    width: 98%;\n    margin: 5px 10px 25px 15px; }\n    .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 400px;\n          background: #f6f6f6;\n          box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n        .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          background: #f1f1f1;\n          box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n          border-radius: 10px;\n          padding: 10px 10px 10px 10px; }\n  .dashboard-main-container .maps-container {\n    display: flex;\n    flex-direction: row;\n    border-radius: 10px;\n    margin: 25px 20px 25px 15px;\n    height: auto; }\n    .dashboard-main-container .maps-container .maps-container-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      width: 100%; }\n      .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        width: 100%; }\n";
 styleInject(css_248z$9);
 
 var MrvPieChartsStatComponent = function (props) {
@@ -22678,7 +23042,7 @@ var MapStatsComponent = function (props) {
 
 var RangePicker$1 = DatePicker.RangePicker;
 var MrvDashboardComponent = function (props) {
-    var useConnection = props.useConnection, useUserContext = props.useUserContext, Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
+    var Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
     var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
     var _c = useState({}), data = _c[0], setData = _c[1];
     var _e = useState(false), loading = _e[0], setLoading = _e[1];
@@ -24116,46 +24480,46 @@ var toolTipTextGen = function (companyRole, cardType, mine) {
     var text = '';
     if (companyRole === CompanyRole.GOVERNMENT) {
         if (cardType === StatsCardsTypes.PROGRAMMES_PENDING) {
-            text = 'Pending state programmes awaiting authorisation';
+            text = 'Pending state projects awaiting authorisation';
         }
         else if (cardType === StatsCardsTypes.TRANSFER_REQUEST_SENT) {
             text =
-                'Pending credit transfer requests sent to programme owners initiated by your organisation';
+                'Pending credit transfer requests sent to project owners initiated by your organisation';
         }
         else if (cardType === StatsCardsTypes.CREDIT_BALANCE) {
             text = 'Total credit balance owned by your organisation';
         }
         else if (cardType === StatsCardsTypes.PROGRAMMES) {
             text =
-                'Number of programmes created during the specified period and their programme state in the carbon registry at present';
+                'Number of projects created during the specified period and their project state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.CREDITS) {
             text =
-                'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present';
+                'Number of credits of projects created during the specified period and their credit state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
             text =
-                'Number of credits of programmes created during the specified period, uncertified, certified and revoked in the carbon registry at present';
+                'Number of credits of projects created during the specified period, uncertified, certified and revoked in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
             text =
-                'Graphical representation of the number of programmes created during the specified period in each programme state in the carbon registry at present';
+                'Graphical representation of the number of projects created during the specified period in each project state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
             text =
-                'Graphical representation of the number of programmes in each programme sector created during the specified time in the carbon registry';
+                'Graphical representation of the number of projects in each project sector created during the specified time in the carbon registry';
         }
         else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
             text =
-                'Graphical representation of the number of credits of programmes created during the specified period in each credit state in the carbon registry at present';
+                'Graphical representation of the number of credits of projects created during the specified period in each credit state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
             text =
-                'Graphical representation of the number of credits of programmes created during the specified period certified, uncertified and revoked in the carbon registry at present';
+                'Graphical representation of the number of credits of projects created during the specified period certified, uncertified and revoked in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
             text =
-                'Locations of the programmes created during the specified period and their programme states in the carbon registry at present';
+                'Locations of the projects created during the specified period and their project states in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
             text =
@@ -24174,131 +24538,131 @@ var toolTipTextGen = function (companyRole, cardType, mine) {
         }
         else if (cardType === StatsCardsTypes.PROGRAMMES) {
             text =
-                'Number of programmes created during the specified period and their programme state in the carbon registry at present, owned by your organisation';
+                'Number of projects created during the specified period and their project state in the carbon registry at present, owned by your organisation';
         }
         else if (cardType === StatsCardsTypes.CREDITS) {
             text =
-                'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present, owned by your organisation';
+                'Number of credits of projects created during the specified period and their credit state in the carbon registry at present, owned by your organisation';
         }
         else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
             text =
-                'Number of credits of programmes created during the specified period, uncertified, certified and revoked in the carbon registry at present, owned by your organisation';
+                'Number of credits of projects created during the specified period, uncertified, certified and revoked in the carbon registry at present, owned by your organisation';
         }
         else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
             text =
-                'Graphical representation of the number of programmes created during the specified period, owned by your organisation, in each programme state in the carbon registry at present';
+                'Graphical representation of the number of projects created during the specified period, owned by your organisation, in each project state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
             text =
-                'Graphical representation of the number of programmes owned by your organisation, in each programme sector created during the specified time in the carbon registry';
+                'Graphical representation of the number of projects owned by your organisation, in each project sector created during the specified time in the carbon registry';
         }
         else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
             text =
-                'Graphical representation of the number of credits of programmes created during the specified period, owned by your organisation, in each credit state in the carbon registry at present';
+                'Graphical representation of the number of credits of projects created during the specified period, owned by your organisation, in each credit state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
             text =
-                'Graphical representation of the number of credits of programmes created during the specified period, owned by your organisation, certified, uncertified and revoked in the carbon registry at present';
+                'Graphical representation of the number of credits of projects created during the specified period, owned by your organisation, certified, uncertified and revoked in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
             text =
-                'Locations of the programmes created during the specified period, owned by your organisation, and their programme states in the carbon registry at present';
+                'Locations of the projects created during the specified period, owned by your organisation, and their project states in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
             text =
-                'Locations of credits international transfer requests of programmes owned by your organisation recognised during the specified period';
+                'Locations of credits international transfer requests of projects owned by your organisation recognised during the specified period';
         }
     }
     else if (companyRole === CompanyRole.CERTIFIER && mine === true) {
         if (cardType === StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
             text =
-                'Number of programmes not yet certified including certificates revoked by your organisation';
+                'Number of projects not yet certified including certificates revoked by your organisation';
         }
         else if (cardType === StatsCardsTypes.PROGRAMMES_CERTIFIED) {
-            text = 'Number of programmes certified by your organisation';
+            text = 'Number of projects certified by your organisation';
         }
         else if (cardType === StatsCardsTypes.CREDIT_CERTIFIED) {
             text = 'Number of credits certified by your organisation';
         }
         else if (cardType === StatsCardsTypes.PROGRAMMES) {
             text =
-                'Number of programmes created during the specified period, certified by your organisation, and their programme state in the carbon registry at present';
+                'Number of projects created during the specified period, certified by your organisation, and their project state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.CREDITS) {
             text =
-                'Number of credits of programmes created during the specified period, certified by your organisation and their credit state in the carbon registry at present';
+                'Number of credits of projects created during the specified period, certified by your organisation and their credit state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
             text =
-                'Number of credits of programmes created during the specified period, certified by your organisation, uncertified, certified and revoked in the carbon registry at present';
+                'Number of credits of projects created during the specified period, certified by your organisation, uncertified, certified and revoked in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
             text =
-                'Graphical representation of the number of programmes in each programme sector created during the specified time, certified by your company, in the carbon registry';
+                'Graphical representation of the number of projects in each project sector created during the specified time, certified by your company, in the carbon registry';
         }
         else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
             text =
-                'Graphical representation of the number of programmes in each programme sector created during the specified time, certified by your company, in the carbon registry';
+                'Graphical representation of the number of projects in each project sector created during the specified time, certified by your company, in the carbon registry';
         }
         else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
             text =
-                'Graphical representation of the number of credits of programmes created during the specified period in each credit state in the carbon registry at present';
+                'Graphical representation of the number of credits of projects created during the specified period in each credit state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
             text =
-                'Graphical representation of the number of credits of programmes certified, uncertified and revoked (refer above for states), by your organisation, spread over the specified time';
+                'Graphical representation of the number of credits of projects certified, uncertified and revoked (refer above for states), by your organisation, spread over the specified time';
         }
         else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
             text =
-                'Locations of the programmes created during the specified period, certified by your organisation, and their programme states in the carbon registry at present';
+                'Locations of the projects created during the specified period, certified by your organisation, and their project states in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
             text =
-                'Locations of credits of international transfer requests of programmes certified by your organisation recognised during the specified period';
+                'Locations of credits of international transfer requests of projects certified by your organisation recognised during the specified period';
         }
     }
     else if (companyRole === CompanyRole.CERTIFIER && !mine) {
         if (cardType === StatsCardsTypes.PROGRAMMES_UNCERTIFIED) {
             text =
-                'Number of programmes not yet certified including certificates revoked by your organisation';
+                'Number of projects not yet certified including certificates revoked by your organisation';
         }
         else if (cardType === StatsCardsTypes.PROGRAMMES_CERTIFIED) {
-            text = 'Number of programmes certified by your organisation';
+            text = 'Number of projects certified by your organisation';
         }
         else if (cardType === StatsCardsTypes.CREDIT_CERTIFIED) {
             text = 'Number of credits certified by your organisation';
         }
         else if (cardType === StatsCardsTypes.PROGRAMMES) {
             text =
-                'Number of programmes created during the specified period and their programme state in the carbon registry at present';
+                'Number of projects created during the specified period and their project state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.CREDITS) {
             text =
-                'Number of credits of programmes created during the specified period and their credit state in the carbon registry at present';
+                'Number of credits of projects created during the specified period and their credit state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.CERTIFIED_CREDITS) {
             text =
-                'Number of credits of programmes created during the specified period, uncertified, certified and revoked in the carbon registry at present';
+                'Number of credits of projects created during the specified period, uncertified, certified and revoked in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES) {
             text =
-                'Graphical representation of the number of programmes created during the specified period in each programme state in the carbon registry at present';
+                'Graphical representation of the number of projects created during the specified period in each project state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_PROGRAMMES_SECTOR) {
             text =
-                'Graphical representation of the number of programmes in each programme sector created during the specified time in the carbon registry';
+                'Graphical representation of the number of projects in each project sector created during the specified time in the carbon registry';
         }
         else if (cardType === StatsCardsTypes.TOTAL_CREDITS) {
             text =
-                'Graphical representation of the number of credits of programmes created during the specified period in each credit state in the carbon registry at present';
+                'Graphical representation of the number of credits of projects created during the specified period in each credit state in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TOTAL_CREDITS_CERTIFIED) {
             text =
-                'Graphical representation of the number of credits of programmes created during the specified period certified, uncertified and revoked in the carbon registry at present';
+                'Graphical representation of the number of credits of projects created during the specified period certified, uncertified and revoked in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.PROGRAMME_LOCATIONS) {
             text =
-                'Locations of the programmes created during the specified period and their programme states in the carbon registry at present';
+                'Locations of the projects created during the specified period and their project states in the carbon registry at present';
         }
         else if (cardType === StatsCardsTypes.TRANSFER_LOCATIONS_INTERNATIONAL) {
             text =
@@ -24329,7 +24693,7 @@ var StasticCard = function (props) {
 };
 
 var ProgrammeRejectAndTransferComponent = function (props) {
-    var totalPrgrammes = props.totalPrgrammes, pending = props.pending, rejected = props.rejected, authorized = props.authorized, updatedDate = props.updatedDate, loading = props.loading, toolTipText = props.toolTipText;
+    var totalPrgrammes = props.totalPrgrammes, pending = props.pending, rejected = props.rejected, authorized = props.authorized, updatedDate = props.updatedDate, loading = props.loading, toolTipText = props.toolTipText, t = props.t;
     useEffect(function () {
         console.log({ pending: pending, totalPrgrammes: totalPrgrammes });
     });
@@ -24337,7 +24701,7 @@ var ProgrammeRejectAndTransferComponent = function (props) {
         React.createElement(Skeleton, { active: true }),
         React.createElement(Skeleton, { active: true }))) : (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "title-section" },
-            React.createElement("div", { className: "title" }, "Programmes"),
+            React.createElement("div", { className: "title" }, t("programmes")),
             React.createElement("div", { className: "info-container" },
                 React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "bottomRight", trigger: "hover", title: toolTipText },
                     React.createElement(InfoCircle, { color: "#000000", size: 17 })))),
@@ -24422,7 +24786,7 @@ var RegistryBarChartsStatComponent = function (props) {
 
 var RangePicker = DatePicker.RangePicker;
 var RegistryDashboardComponent = function (props) {
-    var useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
+    var Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
     var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
     var userInfoState = useUserContext().userInfoState;
     var _c = useState(false), loadingWithoutTimeRange = _c[0], setLoadingWithoutTimeRange = _c[1];
@@ -25371,7 +25735,8 @@ var RegistryDashboardComponent = function (props) {
                     if ((programmeByStatusAggregationResponse_1 === null || programmeByStatusAggregationResponse_1 === void 0 ? void 0 : programmeByStatusAggregationResponse_1.length) > 0) {
                         programmeByStatusAggregationResponse_1 === null || programmeByStatusAggregationResponse_1 === void 0 ? void 0 : programmeByStatusAggregationResponse_1.map(function (responseItem, index) {
                             console.log("mine --> check -- > ", programmeByStatusAggregationResponse_1);
-                            if ([ProgrammeStageR.AwaitingAuthorization].includes(responseItem === null || responseItem === void 0 ? void 0 : responseItem.currentStage)) {
+                            if (ProgrammeStageR.AwaitingAuthorization ===
+                                getStageEnumVal(responseItem === null || responseItem === void 0 ? void 0 : responseItem.currentStage)) {
                                 totalProgrammes_1 = totalProgrammes_1 + parseInt(responseItem === null || responseItem === void 0 ? void 0 : responseItem.count);
                                 pendingProgrammesC_1 = parseInt(responseItem === null || responseItem === void 0 ? void 0 : responseItem.count);
                             }
@@ -26008,7 +26373,7 @@ var RegistryDashboardComponent = function (props) {
                                 ? "tTProgrammesProgrammeDev"
                                 : categoryType === "mine"
                                     ? "tTProgrammesCertifierMine"
-                                    : "tTProgrammesCertifierOverall") })),
+                                    : "tTProgrammesCertifierOverall"), t: t })),
                 React.createElement(Col, { xxl: 8, xl: 8, md: 12, className: "stastic-card-col pie" },
                     React.createElement(RegistryPieChartsStatComponent, { id: "credits", title: t("credits"), options: optionDonutPieA, series: creditsPieSeries, lastUpdate: lastUpdateProgrammesCreditsStats, loading: loading, toolTipText: t((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT
                             ? "tTCreditsGovernment"
@@ -26188,7 +26553,7 @@ var NdcActionType;
     NdcActionType[NdcActionType["sub"] = 1] = "sub";
 })(NdcActionType || (NdcActionType = {}));
 var NdcDetailsComponent = function (props) {
-    var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
+    var t = props.t;
     var RangePicker = DatePicker.RangePicker;
     var _a = useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
     var _b = useState(false), loading = _b[0]; _b[1];
@@ -26784,8 +27149,10 @@ var getValidNdcActions = function (programme) {
         var verfiedAction = false;
         if (action.projectMaterial) {
             for (var _i = 0, _b = action.projectMaterial; _i < _b.length; _i++) {
-                var document = _b[_i];
-                if (document.includes("VERIFICATION_REPORT") && ((_a = action.properties) === null || _a === void 0 ? void 0 : _a.availableCredits)) {
+                var documentDetails = _b[_i];
+                var document_1 = void 0;
+                documentDetails.url ? document_1 = documentDetails.url : document_1 = documentDetails;
+                if (document_1.includes("VERIFICATION_REPORT") && ((_a = action.properties) === null || _a === void 0 ? void 0 : _a.availableCredits)) {
                     verfiedAction = true;
                     break;
                 }
@@ -26906,7 +27273,7 @@ var ProgrammeIssueForm = function (props) {
 };
 
 var ProgrammeRetireForm = function (props) {
-    var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, translator = props.translator, useConnection = props.useConnection;
+    var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, translator = props.translator;
     var t = translator.t;
     var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
@@ -26916,7 +27283,48 @@ var ProgrammeRetireForm = function (props) {
     var _e = useState([]), countryList = _e[0], setCountryList = _e[1];
     var _f = useState(); _f[0]; var setValue = _f[1];
     var _g = useState(false), checked = _g[0], setChecked = _g[1];
-    var _h = useConnection(); _h.get; _h.delete; var post = _h.post;
+    var _h = useState(), govData = _h[0], setGovData = _h[1];
+    var _j = useConnection(); _j.get; _j.delete; var post = _j.post;
+    var getGovernmentDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    console.log("getting government profile");
+                    return [4 /*yield*/, post("national/organisation/query", {
+                            page: 1,
+                            size: 100,
+                            filterAnd: [
+                                {
+                                    key: "companyRole",
+                                    operation: "=",
+                                    value: CompanyRole.GOVERNMENT,
+                                },
+                            ],
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (response.data) {
+                        setGovData(response === null || response === void 0 ? void 0 : response.data[0]);
+                        console.log("gov profile", response === null || response === void 0 ? void 0 : response.data[0]);
+                        return [2 /*return*/, response === null || response === void 0 ? void 0 : response.data[0]];
+                    }
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_1 = _a.sent();
+                    console.log("Error in getting government data", error_1);
+                    return [3 /*break*/, 5];
+                case 4:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
     var handleSearch = function (newValue) { return __awaiter(void 0, void 0, void 0, function () {
         var resp;
         return __generator(this, function (_a) {
@@ -26960,8 +27368,8 @@ var ProgrammeRetireForm = function (props) {
         programme.creditOwnerPercentage = [100];
     }
     var companies = {};
-    for (var _i = 0, _j = programme.company; _i < _j.length; _i++) {
-        var c = _j[_i];
+    for (var _i = 0, _k = programme.company; _i < _k.length; _i++) {
+        var c = _k[_i];
         companies[c.companyId] = c;
     }
     var validCompanies = [];
@@ -26995,7 +27403,11 @@ var ProgrammeRetireForm = function (props) {
         if (hideType) {
             setType("0");
         }
+        getGovernmentDetails();
     }, []);
+    if (!govData) {
+        return React.createElement("div", null, "Loading");
+    }
     return (React.createElement("div", { className: "transfer-form" },
         subText && (React.createElement(Row, null,
             React.createElement(Col, { span: 24, className: "sub-text" }, subText))),
@@ -27031,6 +27443,7 @@ var ProgrammeRetireForm = function (props) {
                                     country: d.country,
                                 };
                             }
+                            d.omgePercentage = Number(govData.omgePercentage);
                             return [4 /*yield*/, onFinish(d)];
                         case 1:
                             res = _a.sent();
@@ -27125,7 +27538,31 @@ var ProgrammeRetireForm = function (props) {
                     React.createElement(Col, { lg: 1, md: 1, className: "seperator" }, "/"),
                     React.createElement(Col, { lg: 6, md: 12 },
                         React.createElement(Form.Item, { className: "popup-credit-input" },
-                            React.createElement(InputNumber, { placeholder: addCommSep(totalCredits), disabled: true }))))))),
+                            React.createElement(InputNumber, { placeholder: addCommSep(totalCredits), disabled: true }))))),
+                React.createElement(Row, null,
+                    React.createElement(Col, { lg: 11, md: 24 },
+                        React.createElement("div", { className: "label" }, "".concat(t("view:govInternationalAcc")))),
+                    React.createElement(Col, { lg: 6, md: 12 },
+                        React.createElement(Form.Item, { className: "popup-credit-input" },
+                            React.createElement(InputNumber, { placeholder: addCommSep(currentSum -
+                                    Number(((currentSum * govData.omgePercentage) / 100).toFixed(2))), disabled: true }))),
+                    React.createElement(Col, { lg: 1, md: 1, className: "seperator" }, "/"),
+                    React.createElement(Col, { lg: 6, md: 12 },
+                        React.createElement(Form.Item, { className: "popup-credit-input" },
+                            React.createElement(InputNumber, { placeholder: addCommSep(totalCredits), disabled: true })))),
+                React.createElement(Row, null,
+                    React.createElement(Col, { lg: 11, md: 24, style: { display: "flex" } },
+                        React.createElement("div", { className: "label" }, "".concat(t("view:omgeAcc"))),
+                        React.createElement("div", { className: "info-container" },
+                            React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "topLeft", trigger: "hover", title: t("view:omgeDesc"), overlayClassName: "custom-tooltip" },
+                                React.createElement(InfoCircle, { color: "#000000", size: 15 })))),
+                    React.createElement(Col, { lg: 6, md: 12 },
+                        React.createElement(Form.Item, { className: "popup-credit-input" },
+                            React.createElement(InputNumber, { placeholder: addCommSep(Number(((currentSum * govData.omgePercentage) / 100).toFixed(2))), disabled: true }))),
+                    React.createElement(Col, { lg: 1, md: 1, className: "seperator" }, "/"),
+                    React.createElement(Col, { lg: 6, md: 12 },
+                        React.createElement(Form.Item, { className: "popup-credit-input" },
+                            React.createElement(InputNumber, { placeholder: addCommSep(totalCredits), disabled: true })))))),
             React.createElement(Row, null,
                 React.createElement(Col, { span: 24 },
                     React.createElement(Form.Item, { className: "remarks-label", label: "Remarks", name: "comment", rules: [
@@ -27212,7 +27649,7 @@ var ProgrammeRevokeForm = function (props) {
 };
 
 var ProgrammeTransferForm = function (props) {
-    var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var toCompanyDefault = props.toCompanyDefault, disableToCompany = props.disableToCompany, receiverLabelText = props.receiverLabelText, userCompanyId = props.userCompanyId, companyRole = props.companyRole, translator = props.translator, useConnection = props.useConnection, _a = props.ministryLevelPermission, ministryLevelPermission = _a === void 0 ? false : _a;
+    var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var toCompanyDefault = props.toCompanyDefault, disableToCompany = props.disableToCompany, receiverLabelText = props.receiverLabelText, userCompanyId = props.userCompanyId, companyRole = props.companyRole, translator = props.translator, _a = props.ministryLevelPermission, ministryLevelPermission = _a === void 0 ? false : _a;
     var t = translator.t;
     var _b = useState(undefined), popupError = _b[0], setPopupError = _b[1];
     var _c = useState(false), loading = _c[0], setLoading = _c[1];
@@ -27439,11 +27876,11 @@ var RejectDocumentationConfirmationModel = function (props) {
                 React.createElement(Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
 };
 
-var css_248z$2 = ".ndc-action-body {\n  display: flex;\n  flex-direction: column;\n  width: 100%; }\n  .ndc-action-body .report-details {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between; }\n    .ndc-action-body .report-details .report-type {\n      display: flex;\n      flex-direction: row;\n      width: 60%; }\n      .ndc-action-body .report-details .report-type .name-time-container {\n        display: flex;\n        flex-direction: column;\n        width: 70%;\n        margin-bottom: 0.5rem; }\n      .ndc-action-body .report-details .report-type .name {\n        font-weight: 600;\n        color: rgba(58, 53, 65, 0.8); }\n      .ndc-action-body .report-details .report-type .icon {\n        display: flex;\n        align-items: center;\n        width: 30%; }\n      .ndc-action-body .report-details .report-type .empty {\n        font-weight: 600;\n        color: #cacaca; }\n    .ndc-action-body .report-details .report-link {\n      display: flex;\n      flex-direction: row;\n      width: 40%;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 20px; }\n      .ndc-action-body .report-details .report-link .version {\n        font-weight: 600;\n        color: #cacaca; }\n      .ndc-action-body .report-details .report-link .link {\n        margin-left: 1rem; }\n";
+var css_248z$2 = ".ndc-action-body {\n  display: flex;\n  flex-direction: column;\n  width: 100%; }\n  .ndc-action-body .report-details {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: flex-start;\n    justify-content: space-between; }\n    .ndc-action-body .report-details .report-type {\n      display: flex;\n      flex-direction: row;\n      width: 60%;\n      align-items: flex-start; }\n      .ndc-action-body .report-details .report-type .name-time-container {\n        display: flex;\n        flex-direction: column;\n        width: 70%;\n        margin-bottom: 0.5rem; }\n      .ndc-action-body .report-details .report-type .name {\n        font-weight: 600;\n        color: rgba(58, 53, 65, 0.8); }\n      .ndc-action-body .report-details .report-type .icon {\n        display: flex;\n        align-items: center;\n        width: 30%; }\n      .ndc-action-body .report-details .report-type .empty {\n        font-weight: 600;\n        color: #cacaca; }\n    .ndc-action-body .report-details .report-link {\n      display: flex;\n      flex-direction: row;\n      width: 40%;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 20px; }\n      .ndc-action-body .report-details .report-link .version {\n        font-weight: 600;\n        color: #cacaca; }\n      .ndc-action-body .report-details .report-link .link {\n        margin-left: 1rem; }\n";
 styleInject(css_248z$2);
 
 var NdcActionBody = function (props) {
-    var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, translator = props.translator, useUserContext = props.useUserContext, onFinish = props.onFinish, programme = props.programme;
+    var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, translator = props.translator, onFinish = props.onFinish, programme = props.programme;
     var t = translator.t;
     var userInfoState = useUserContext().userInfoState;
     var fileInputMonitoringRef = useRef(null);
@@ -27843,7 +28280,7 @@ var css_248z$1 = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-vi
 styleInject(css_248z$1);
 
 var ProgrammeDocuments = function (props) {
-    var data = props.data, title = props.title, icon = props.icon, programmeId = props.programmeId, programmeOwnerId = props.programmeOwnerId, getDocumentDetails = props.getDocumentDetails, getProgrammeById = props.getProgrammeById, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, useUserContext = props.useUserContext, translator = props.translator, methodologyDocumentUpdated = props.methodologyDocumentUpdated, programmeStatus = props.programmeStatus;
+    var data = props.data, title = props.title, icon = props.icon, programmeId = props.programmeId, programmeOwnerId = props.programmeOwnerId, getDocumentDetails = props.getDocumentDetails, getProgrammeById = props.getProgrammeById, ministryLevelPermission = props.ministryLevelPermission, translator = props.translator, methodologyDocumentUpdated = props.methodologyDocumentUpdated, programmeStatus = props.programmeStatus;
     var t = translator.t;
     var userInfoState = useUserContext().userInfoState;
     var _a = useConnection(); _a.delete; var post = _a.post;
@@ -28338,5 +28775,5 @@ var TimelineBody = function (props) {
             React.createElement("div", { className: "remark-body" }, remark)))));
 };
 
-export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
+export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, ConnectionContextProvider, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, SettingsContext, SettingsContextProvider, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserContext, UserInformationContextProvider, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList, useConnection, useSettingsContext, useUserContext };
 //# sourceMappingURL=index.js.map