@undp/carbon-library 1.0.274-CARBON-347.3 → 1.0.274-CARBON-419.7

package/dist/esm/index.js

@@ -1,9 +1,8 @@
 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, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
+import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Select, Upload, InputNumber, Tooltip, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
+import React, { useState, useEffect, useRef, useContext } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
-import axios from 'axios';
 import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
 import validator from 'validator';
 import { plainToClass } from 'class-transformer';
@@ -490,317 +489,9 @@ 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, statServerUrl = props.statServerUrl;
-    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 {
-                if (localStorage.getItem('token')) {
-                    headers = {
-                        authorization: "Bearer ".concat(localStorage.getItem('token')),
-                    };
-                }
-                else {
-                    headers = {
-                        authorization: "Bearer ".concat(process.env.STORYBOOK_ACCESS_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, statServerUrl: statServerUrl },
-        } }, 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') : process.env.STORYBOOK_USER_ID ? process.env.STORYBOOK_USER_ID : '',
-        userRole: localStorage.getItem('userRole') ? localStorage.getItem('userRole') : process.env.STORYBOOK_USER_ROLE ? process.env.STORYBOOK_USER_ROLE : '',
-        companyRole: localStorage.getItem('companyRole')
-            ? localStorage.getItem('companyRole')
-            : process.env.STORYBOOK_COMPANY_ROLE ? process.env.STORYBOOK_COMPANY_ROLE : '',
-        companyId: localStorage.getItem('companyId')
-            ? parseInt(localStorage.getItem('companyId'))
-            : process.env.STORYBOOK_COMPANY_ID ? parseInt(process.env.STORYBOOK_COMPANY_ID) : -1,
-        companyLogo: localStorage.getItem('companyLogo')
-            ? localStorage.getItem('companyLogo')
-            : process.env.STORYBOOK_COMPANY_LOGO ? process.env.STORYBOOK_COMPANY_LOGO : '',
-        companyName: localStorage.getItem('companyName')
-            ? localStorage.getItem('companyName')
-            : process.env.STORYBOOK_COMPANY_NAME ? process.env.STORYBOOK_COMPANY_NAME : '',
-        companyState: localStorage.getItem('companyState')
-            ? parseInt(localStorage.getItem('companyState'))
-            : process.env.STORYBOOK_COMPANY_STATE ? parseInt(process.env.STORYBOOK_COMPANY_STATE) : 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, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
+    var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, 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];
@@ -814,7 +505,6 @@ 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");
@@ -1147,7 +837,7 @@ 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  .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  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";
+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-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 .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  .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";
 styleInject(css_248z$r);
 
 var UserManagementColumns;
@@ -1219,11 +909,6 @@ var InvestmentCreationType;
     InvestmentCreationType["EXISTING"] = "Existing";
     InvestmentCreationType["NEW"] = "New";
 })(InvestmentCreationType || (InvestmentCreationType = {}));
-var InvestmentOwnershipType;
-(function (InvestmentOwnershipType) {
-    InvestmentOwnershipType["PROJECT"] = "Project";
-    InvestmentOwnershipType["NATIONAL"] = "National";
-})(InvestmentOwnershipType || (InvestmentOwnershipType = {}));
 var InvestmentStream;
 (function (InvestmentStream) {
     InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
@@ -6002,6 +5687,186 @@ var SystemNames;
     SystemNames["CARBON_TRANSPARENCY"] = "CARBON_TRANSPARENCY_SYSTEM";
 })(SystemNames || (SystemNames = {}));
 
+var GovDepartment;
+(function (GovDepartment) {
+    GovDepartment["Cocoa Research Institute"] = "1";
+    GovDepartment["National Agricultural Extension, Research and Liaison Services"] = "2";
+    GovDepartment["National Veterinary Research Institute"] = "3";
+    GovDepartment["Agricultural Insurance Corporation"] = "4";
+    GovDepartment["National Root Crops Research Institute"] = "5";
+    GovDepartment["Agricultural Research Council"] = "6";
+    GovDepartment["Institute for Oceanography and Marine Research"] = "7";
+    GovDepartment["Institute for Oil Palm Research"] = "8";
+    GovDepartment["Agricultural Quarantine Service"] = "9";
+    GovDepartment["National Horticultural Research Institute"] = "10";
+    GovDepartment["Federal Airports Authority"] = "11";
+    GovDepartment["Airspace Management Agency"] = "12";
+    GovDepartment["Civil Aviation Authority"] = "13";
+    GovDepartment["Safety Investigation Bureau"] = "14";
+    GovDepartment["Meteorological Agency"] = "15";
+    GovDepartment["College of Aviation Technology"] = "16";
+    GovDepartment["National Information Technology Development Agency"] = "17";
+    GovDepartment["Satellite Limited"] = "18";
+    GovDepartment["Broadcasting Commission"] = "19";
+    GovDepartment["Commission"] = "20";
+    GovDepartment["Postal Service"] = "21";
+    GovDepartment["National Frequency Management Council"] = "22";
+    GovDepartment["Television Authority"] = "23";
+    GovDepartment["Galaxy Backbone"] = "24";
+    GovDepartment["Asset Management Corporation"] = "25";
+    GovDepartment["Social Security Administration"] = "26";
+    GovDepartment["Budget Office of the Federation"] = "27";
+    GovDepartment["Bureau of Public Enterprises"] = "28";
+    GovDepartment["Bureau of Public Procurement"] = "29";
+    GovDepartment["Central Bank"] = "30";
+    GovDepartment["Corporate Affairs Commission"] = "31";
+    GovDepartment["Debt Management Office"] = "32";
+    GovDepartment["Inland Revenue Service"] = "33";
+    GovDepartment["Mortgage Bank"] = "34";
+    GovDepartment["Fiscal Responsibility Commission"] = "35";
+    GovDepartment["Infrastructure Concession Regulatory Commission"] = "36";
+    GovDepartment["National Bureau of Statistics"] = "37";
+    GovDepartment["National Council on Privatisation"] = "38";
+    GovDepartment["National Insurance Commission"] = "39";
+    GovDepartment["National Pension Commission"] = "40";
+    GovDepartment["National Planning Commission"] = "41";
+    GovDepartment["National Sugar Development Council"] = "42";
+    GovDepartment["Niger Delta Development Commission"] = "43";
+    GovDepartment["Customs Service"] = "44";
+    GovDepartment["Deposit Insurance Corporation"] = "45";
+    GovDepartment["Investment Promotion Commission"] = "46";
+    GovDepartment["Export - Import Bank"] = "47";
+    GovDepartment["Export Promotion Council"] = "48";
+    GovDepartment["Oil and Gas Free Zones Authority"] = "49";
+    GovDepartment["Export Processing Zones Authority"] = "50";
+    GovDepartment["Revenue Mobilisation Allocation and Fiscal Commission"] = "51";
+    GovDepartment["Securities and Exchange Commission"] = "52";
+    GovDepartment["Standards Organisation"] = "53";
+    GovDepartment["Small and Medium Enterprise Development Agency"] = "54";
+    GovDepartment["National Board for Arabic And Islamic Studies"] = "55";
+    GovDepartment["Joint Admissions and Matriculation Board"] = "56";
+    GovDepartment["National Examination Council"] = "115";
+    GovDepartment["National Open University"] = "57";
+    GovDepartment["National Teachers Institute"] = "58";
+    GovDepartment["National Universities Commission"] = "59";
+    GovDepartment["Tertiary Education Trust Fund"] = "60";
+    GovDepartment["Teachers Registration Council"] = "61";
+    GovDepartment["National Business and Technical Examinations Board"] = "62";
+    GovDepartment["Universal Basic Education Commission"] = "63";
+    GovDepartment["West African Examination Council"] = "64";
+    GovDepartment["National Commission for Colleges of Education"] = "65";
+    GovDepartment["National Library"] = "66";
+    GovDepartment["Midstream and Downstream Petroleum Regulatory Authority"] = "67";
+    GovDepartment["Upstream Petroleum Regulatory Commission"] = "68";
+    GovDepartment["Electricity Management Services Limited"] = "69";
+    GovDepartment["Energy Commission"] = "70";
+    GovDepartment["National Power Training Institute"] = "71";
+    GovDepartment["Electricity Regulatory Commission"] = "72";
+    GovDepartment["Content Monitoring and Development Board"] = "73";
+    GovDepartment["National Petroleum Corporation"] = "74";
+    GovDepartment["Petroleum Product Pricing Regulatory Agency"] = "76";
+    GovDepartment["Power Holding Company (defunct)"] = "77";
+    GovDepartment["Rural Electrification Agency"] = "78";
+    GovDepartment["Transmission Company"] = "79";
+    GovDepartment["Environmental Protection Agency (defunct)"] = "80";
+    GovDepartment["Forestry Research Institute"] = "81";
+    GovDepartment["National Biosafety Management Agency"] = "82";
+    GovDepartment["National Environmental Standards and Regulations Enforcement Agency"] = "83";
+    GovDepartment["National Oil Spill Detection and Response Agency"] = "84";
+    GovDepartment["Environmental Health Officers Registration Council"] = "85";
+    GovDepartment["National Health Insurance Scheme"] = "86";
+    GovDepartment["Institute for Pharmaceutical Research and Development"] = "87";
+    GovDepartment["Agency for the Control of AIDS"] = "88";
+    GovDepartment["Agency for Food and Drug Administration and Control"] = "89";
+    GovDepartment["Primary Health Care Development Agency"] = "90";
+    GovDepartment["Institute of Medical Research"] = "91";
+    GovDepartment["Centre for Disease Control"] = "92";
+    GovDepartment["Drug Law Enforcement Agency"] = "93";
+    GovDepartment["Defence Intelligence Agency"] = "94";
+    GovDepartment["State Security Service"] = "95";
+    GovDepartment["National Intelligence Agency"] = "96";
+    GovDepartment["Financial Intelligence Unit"] = "97";
+    GovDepartment["National Judicial Council"] = "98";
+    GovDepartment["Federal Judicial Service Commission"] = "99";
+    GovDepartment["National Judicial Institute"] = "100";
+    GovDepartment["Maritime Administration and Safety Agency"] = "101";
+    GovDepartment["Ports Authority"] = "102";
+    GovDepartment["Shippers' Council"] = "103";
+    GovDepartment["Broadcasting Organisation"] = "104";
+    GovDepartment["News Agency"] = "105";
+    GovDepartment["Press Council"] = "106";
+    GovDepartment["Agency For Science and Engineering Infrastructure"] = "108";
+    GovDepartment["Biotechnology Development Agency"] = "109";
+    GovDepartment["Centre for Remote Sensing"] = "110";
+    GovDepartment["Science and Technology Complex"] = "111";
+    GovDepartment["Office for Technology Acquisition and Promotion"] = "112";
+    GovDepartment["Space Research and Development Agency"] = "113";
+    GovDepartment["Nuclear Regulatory Authority"] = "114";
+    GovDepartment["Raw Materials Research and Development Council"] = "116";
+    GovDepartment["Communications Satellite Ltd"] = "117";
+    GovDepartment["Centre for Technology Management"] = "118";
+    GovDepartment["Hydrological Services Agency"] = "119";
+    GovDepartment["Integrated Water Resources Commission"] = "120";
+    GovDepartment["Water Resources Institute"] = "121";
+    GovDepartment["River Basin Development Authorities"] = "122";
+    GovDepartment["Centre for Black and African Arts and Civilization"] = "123";
+    GovDepartment["Automotive Design and Development Council"] = "124";
+    GovDepartment["Code of Conduct Bureau"] = "125";
+    GovDepartment["Computer Professionals Registration Council"] = "126";
+    GovDepartment["Consumer Protection Council"] = "127";
+    GovDepartment["Economic and Financial Crimes Commission"] = "128";
+    GovDepartment["Federal Character Commission"] = "129";
+    GovDepartment["Federal Housing Authority"] = "130";
+    GovDepartment["Corrupt Practices and Other Related Offences Commission"] = "131";
+    GovDepartment["Independent National Electoral Commission"] = "132";
+    GovDepartment["Industrial Training Fund"] = "133";
+    GovDepartment["Legal Aid Council"] = "134";
+    GovDepartment["Agency for the Prohibition of Trafficking in Persons"] = "135";
+    GovDepartment["National Boundary Commission"] = "136";
+    GovDepartment["National Council of Arts and Culture"] = "137";
+    GovDepartment["Economic Reconstruction Fund"] = "138";
+    GovDepartment["Emergency Management Agency"] = "139";
+    GovDepartment["Hajj Commission"] = "140";
+    GovDepartment["Human Rights Commission"] = "141";
+    GovDepartment["Identity Management Commission"] = "142";
+    GovDepartment["Institute for Hospitality Tourism"] = "143";
+    GovDepartment["Lottery Regulatory Commission"] = "144";
+    GovDepartment["Orientation Agency"] = "145";
+    GovDepartment["Population Commission"] = "146";
+    GovDepartment["Poverty Eradication Programme (defunct)"] = "147";
+    GovDepartment["Salaries, Incomes and Wages Commission"] = "148";
+    GovDepartment["Sports Commission"] = "149";
+    GovDepartment["Extractive Industries Transparency Initiative"] = "150";
+    GovDepartment["Immigration Service"] = "151";
+    GovDepartment["Building and Road Research Institute"] = "152";
+    GovDepartment["Institute of Building"] = "153";
+    GovDepartment["Christian Pilgrim Commission"] = "154";
+    GovDepartment["Copyright Commission"] = "155";
+    GovDepartment["Tourism Development Corporation"] = "156";
+    GovDepartment["Public Complaints Commission"] = "157";
+    GovDepartment["Surveyors Council"] = "158";
+    GovDepartment["National Lottery Trust Fund"] = "159";
+})(GovDepartment || (GovDepartment = {}));
+
+var Ministry;
+(function (Ministry) {
+    Ministry["Agriculture"] = "Agriculture";
+    Ministry["Aviation"] = "Aviation";
+    Ministry["Communications"] = "Communications";
+    Ministry["Economy"] = "Economy";
+    Ministry["Education"] = "Education";
+    Ministry["Energy"] = "Energy";
+    Ministry["Environment"] = "Environment";
+    Ministry["Health"] = "Health";
+    Ministry["Intelligence"] = "Intelligence";
+    Ministry["Judiciary"] = "Judiciary";
+    Ministry["Maritime"] = "Maritime";
+    Ministry["Media"] = "Media";
+    Ministry["ScienceAndTechnology"] = "Science And Technology";
+    Ministry["WaterResources"] = "Water Resources";
+    Ministry["Other"] = "Other";
+})(Ministry || (Ministry = {}));
+
 var ConfigurationSettingsType;
 (function (ConfigurationSettingsType) {
     ConfigurationSettingsType[ConfigurationSettingsType["isTransferFrozen"] = 0] = "isTransferFrozen";
@@ -6047,9 +5912,217 @@ var ProgrammeCertify = /** @class */ (function () {
     return ProgrammeCertify;
 }());
 
+var ministries = [
+    "Agriculture",
+    "Aviation",
+    "Communications",
+    "Economy",
+    "Education",
+    "Energy",
+    "Environment",
+    "Health",
+    "Intelligence",
+    "Judiciary",
+    "Maritime",
+    "Media",
+    "Science And Technology",
+    "Water Resources",
+    "Other",
+];
+var ministryOrgs = {
+    Agriculture: [
+        "Cocoa Research Institute",
+        "National Agricultural Extension, Research and Liaison Services",
+        "National Veterinary Research Institute",
+        "Agricultural Insurance Corporation",
+        "National Root Crops Research Institute",
+        "Agricultural Research Council",
+        "Institute for Oceanography and Marine Research",
+        "Institute for Oil Palm Research",
+        "Agricultural Quarantine Service",
+        "National Horticultural Research Institute",
+    ],
+    Aviation: [
+        "Federal Airports Authority",
+        "Airspace Management Agency",
+        "Civil Aviation Authority",
+        "Safety Investigation Bureau",
+        "Meteorological Agency",
+        "College of Aviation Technology",
+    ],
+    Communications: [
+        "National Information Technology Development Agency",
+        "Satellite Limited",
+        "Broadcasting Commission",
+        "Commission",
+        "Postal Service",
+        "National Frequency Management Council",
+        "Television Authority",
+        "Galaxy Backbone",
+    ],
+    Economy: [
+        "Asset Management Corporation",
+        "Social Security Administration",
+        "Budget Office of the Federation",
+        "Bureau of Public Enterprises",
+        "Bureau of Public Procurement",
+        "Central Bank",
+        "Corporate Affairs Commission",
+        "Debt Management Office",
+        "Inland Revenue Service",
+        "Mortgage Bank",
+        "Fiscal Responsibility Commission",
+        "Infrastructure Concession Regulatory Commission",
+        "National Bureau of Statistics",
+        "National Council on Privatisation",
+        "National Insurance Commission",
+        "National Pension Commission",
+        "National Planning Commission",
+        "National Sugar Development Council",
+        "Niger Delta Development Commission",
+        "Customs Service",
+        "Deposit Insurance Corporation",
+        "Investment Promotion Commission",
+        "Export - Import Bank",
+        "Export Promotion Council",
+        "Oil and Gas Free Zones Authority",
+        "Export Processing Zones Authority",
+        "Revenue Mobilisation Allocation and Fiscal Commission",
+        "Securities and Exchange Commission",
+        "Standards Organisation",
+        "Small and Medium Enterprise Development Agency",
+    ],
+    Education: [
+        "National Board for Arabic And Islamic Studies",
+        "Joint Admissions and Matriculation Board",
+        "National Examination Council",
+        "National Open University",
+        "National Teachers Institute",
+        "National Universities Commission",
+        "Tertiary Education Trust Fund",
+        "Teachers Registration Council",
+        "National Business and Technical Examinations Board",
+        "Universal Basic Education Commission",
+        "West African Examination Council",
+        "National Commission for Colleges of Education",
+        "National Library",
+    ],
+    Energy: [
+        "Midstream and Downstream Petroleum Regulatory Authority",
+        "Upstream Petroleum Regulatory Commission",
+        "Electricity Management Services Limited",
+        "Energy Commission",
+        "National Power Training Institute",
+        "Electricity Regulatory Commission",
+        "Content Monitoring and Development Board",
+        "National Petroleum Corporation",
+        "Nuclear Regulatory Authority",
+        "Petroleum Product Pricing Regulatory Agency",
+        "Power Holding Company (defunct)",
+        "Rural Electrification Agency",
+        "Transmission Company",
+    ],
+    Environment: [
+        "Environmental Protection Agency (defunct)",
+        "Forestry Research Institute",
+        "National Biosafety Management Agency",
+        "National Environmental Standards and Regulations Enforcement Agency",
+        "National Oil Spill Detection and Response Agency",
+        "Environmental Health Officers Registration Council",
+    ],
+    Health: [
+        "National Health Insurance Scheme",
+        "Institute for Pharmaceutical Research and Development",
+        "Agency for the Control of AIDS",
+        "Agency for Food and Drug Administration and Control",
+        "Primary Health Care Development Agency",
+        "Institute of Medical Research",
+        "Centre for Disease Control",
+        "Drug Law Enforcement Agency",
+    ],
+    Intelligence: [
+        "Defence Intelligence Agency",
+        "State Security Service",
+        "National Intelligence Agency",
+        "Financial Intelligence Unit",
+    ],
+    Judiciary: [
+        "National Judicial Council",
+        "Federal Judicial Service Commission",
+        "National Judicial Institute",
+    ],
+    Maritime: [
+        "Maritime Administration and Safety Agency",
+        "Ports Authority",
+        "Shippers' Council",
+    ],
+    Media: [
+        "Broadcasting Organisation",
+        "News Agency",
+        "Press Council",
+        "Television Authority",
+    ],
+    ScienceAndTechnology: [
+        "Agency For Science and Engineering Infrastructure",
+        "Biotechnology Development Agency",
+        "Centre for Remote Sensing",
+        "Science and Technology Complex",
+        "Office for Technology Acquisition and Promotion",
+        "Space Research and Development Agency",
+        "Nuclear Regulatory Authority",
+        "Raw Materials Research and Development Council",
+        "Communications Satellite Ltd",
+        "Centre for Technology Management",
+    ],
+    WaterResources: [
+        "Hydrological Services Agency",
+        "Integrated Water Resources Commission",
+        "Water Resources Institute",
+        "River Basin Development Authorities",
+    ],
+    Other: [
+        "Centre for Black and African Arts and Civilization",
+        "Automotive Design and Development Council",
+        "Code of Conduct Bureau",
+        "Computer Professionals Registration Council",
+        "Consumer Protection Council",
+        "Economic and Financial Crimes Commission",
+        "Federal Character Commission",
+        "Federal Housing Authority",
+        "Corrupt Practices and Other Related Offences Commission",
+        "Independent National Electoral Commission",
+        "Industrial Training Fund",
+        "Legal Aid Council",
+        "Agency for the Prohibition of Trafficking in Persons",
+        "National Boundary Commission",
+        "National Council of Arts and Culture",
+        "Economic Reconstruction Fund",
+        "Emergency Management Agency",
+        "Hajj Commission",
+        "Human Rights Commission",
+        "Identity Management Commission",
+        "Institute for Hospitality Tourism",
+        "Lottery Regulatory Commission",
+        "Orientation Agency",
+        "Population Commission",
+        "Poverty Eradication Programme (defunct)",
+        "Salaries, Incomes and Wages Commission",
+        "Sports Commission",
+        "Extractive Industries Transparency Initiative",
+        "Immigration Service",
+        "Building and Road Research Institute",
+        "Institute of Building",
+        "Christian Pilgrim Commission",
+        "Copyright Commission",
+        "Tourism Development Corporation",
+        "Public Complaints Commission",
+        "Surveyors Council",
+        "National Lottery Trust Fund",
+    ],
+};
 var AddNewCompanyComponent = function (props) {
     var _a;
-    var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, 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, useConnection = props.useConnection, useUserContext = props.useUserContext, 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];
@@ -6065,6 +6138,101 @@ var AddNewCompanyComponent = function (props) {
     var _k = useState(false), loadingList = _k[0], setLoadingList = _k[1];
     var _l = useState([]), regionsList = _l[0], setRegionsList = _l[1];
     var _m = useState((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.companyRole), companyRole = _m[0], setCompanyRole = _m[1];
+    var _o = useState(""), selectedMinistry = _o[0], setSelectedMinistry = _o[1];
+    var _p = useState([]), existgovDep = _p[0], setexistGovdep = _p[1];
+    var _q = useState(ministries), ministryDropdown = _q[0], setMinistryDropdown = _q[1];
+    var selectedGovDepatments = ministryOrgs[selectedMinistry];
+    if (existgovDep && existgovDep.length > 0) {
+        selectedGovDepatments = selectedGovDepatments.filter(function (x) { return !existgovDep.includes(x); });
+    }
+    var onChangeMinistry = function (val) { return __awaiter(void 0, void 0, void 0, function () {
+        var key, response, existDep, i, departName;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    formOne.resetFields(["govDep"]);
+                    key = Object.keys(Ministry)[Object.values(Ministry).indexOf(val)];
+                    setSelectedMinistry(String(key));
+                    return [4 /*yield*/, post("national/organisation/query", {
+                            page: 1,
+                            size: 200,
+                            filterAnd: [
+                                {
+                                    key: "ministry",
+                                    operation: "=",
+                                    value: val,
+                                },
+                            ],
+                        })];
+                case 1:
+                    response = _a.sent();
+                    if (response && response.data) {
+                        existDep = [];
+                        for (i in response.data) {
+                            console.log("existdata", response.data[i]);
+                            if (response.data[i].govDep && response.data[i].govDep.length > 0) {
+                                departName = Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(response.data[i].govDep)];
+                                existDep.push(departName);
+                            }
+                        }
+                        setexistGovdep(existDep);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var getMinistryList = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var leftmins, excludingmin_1, _i, ministries_1, min, response, minkey, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoadingList(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 6, 7, 8]);
+                    leftmins = [];
+                    excludingmin_1 = [];
+                    _i = 0, ministries_1 = ministries;
+                    _a.label = 2;
+                case 2:
+                    if (!(_i < ministries_1.length)) return [3 /*break*/, 5];
+                    min = ministries_1[_i];
+                    return [4 /*yield*/, post("national/organisation/query", {
+                            page: 1,
+                            size: 100,
+                            filterAnd: [
+                                {
+                                    key: "ministry",
+                                    operation: "=",
+                                    value: min,
+                                },
+                            ],
+                        })];
+                case 3:
+                    response = _a.sent();
+                    minkey = Object.keys(Ministry)[Object.values(Ministry).indexOf(min)];
+                    if (response.data.length === ministryOrgs[minkey].length) {
+                        excludingmin_1.push(min);
+                    }
+                    _a.label = 4;
+                case 4:
+                    _i++;
+                    return [3 /*break*/, 2];
+                case 5:
+                    leftmins = ministries.filter(function (x) { return !excludingmin_1.includes(x); });
+                    setMinistryDropdown(leftmins);
+                    return [3 /*break*/, 8];
+                case 6:
+                    error_1 = _a.sent();
+                    console.log("Error in getting min list", error_1);
+                    return [3 /*break*/, 8];
+                case 7:
+                    setLoadingList(false);
+                    return [7 /*endfinally*/];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
     var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, alpha2Names;
         return __generator(this, function (_a) {
@@ -6083,7 +6251,7 @@ var AddNewCompanyComponent = function (props) {
         });
     }); };
     var getRegionList = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, regionNames, error_1;
+        var response, regionNames, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -6110,8 +6278,8 @@ var AddNewCompanyComponent = function (props) {
                     }
                     return [3 /*break*/, 5];
                 case 3:
-                    error_1 = _a.sent();
-                    console.log("Error in getting regions list", error_1);
+                    error_2 = _a.sent();
+                    console.log("Error in getting regions list", error_2);
                     return [3 /*break*/, 5];
                 case 4:
                     setLoadingList(false);
@@ -6125,6 +6293,7 @@ var AddNewCompanyComponent = function (props) {
         setIsUpdate((state === null || state === void 0 ? void 0 : state.record) ? true : false);
         getCountryList();
         getRegionList();
+        getMinistryList();
         if ((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.logo) {
             setFileList([
                 {
@@ -6161,7 +6330,7 @@ var AddNewCompanyComponent = function (props) {
         }
     };
     var onFinishStepTwo = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var requestData, logoBase64, logoUrls, response, response, error_2;
+        var requestData, logoBase64, logoUrls, response, response, error_3;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -6189,6 +6358,10 @@ var AddNewCompanyComponent = function (props) {
                     logoBase64 = _c.sent();
                     logoUrls = logoBase64.split(",");
                     requestData.company.logo = logoUrls[1];
+                    if (companyRole === CompanyRole.MINISTRY) {
+                        requestData.company.name =
+                            "Ministry of " + requestData.company.ministry;
+                    }
                     if (!isGuest) return [3 /*break*/, 4];
                     return [4 /*yield*/, post("national/user/register", requestData)];
                 case 3:
@@ -6225,10 +6398,10 @@ var AddNewCompanyComponent = function (props) {
                     _c.label = 6;
                 case 6: return [3 /*break*/, 9];
                 case 7:
-                    error_2 = _c.sent();
+                    error_3 = _c.sent();
                     message.open({
                         type: "error",
-                        content: "".concat(error_2.message),
+                        content: "".concat(error_3.message),
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
@@ -6241,17 +6414,17 @@ 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, _k;
-        return __generator(this, function (_l) {
-            switch (_l.label) {
+        var formOneValues, values, key, logoBase64, logoUrls, response, error_4;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        return __generator(this, function (_o) {
+            switch (_o.label) {
                 case 0:
                     setLoading(true);
                     formOneValues = formOne.getFieldsValue();
                     formOneValues.phoneNo = formatPhoneNumberIntl(formOneValues.phoneNo);
-                    _l.label = 1;
+                    _o.label = 1;
                 case 1:
-                    _l.trys.push([1, 5, , 6]);
+                    _o.trys.push([1, 5, , 6]);
                     values = {};
                     if (regionField) {
                         values = {
@@ -6279,14 +6452,26 @@ var AddNewCompanyComponent = function (props) {
                         values.taxId = formOneValues.taxId;
                         values.paymentId = formOneValues.paymentId;
                     }
-                    if (((_g = state === null || state === void 0 ? void 0 : state.record) === null || _g === void 0 ? void 0 : _g.companyRole) === CompanyRole.MINISTRY) {
+                    if (((_g = state === null || state === void 0 ? void 0 : state.record) === null || _g === void 0 ? void 0 : _g.companyRole) === CompanyRole.MINISTRY ||
+                        ((_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.companyRole) === CompanyRole.GOVERNMENT) {
+                        if (formOneValues.govDep in GovDepartment) {
+                            key = formOneValues.govDep;
+                            values.govDep = GovDepartment[key];
+                        }
+                        else {
+                            values.govDep = formOneValues.govDep;
+                        }
+                        values.ministry = formOneValues.ministry;
+                    }
+                    if (((_j = state === null || state === void 0 ? void 0 : state.record) === null || _j === void 0 ? void 0 : _j.companyRole) === CompanyRole.MINISTRY) {
                         values.sectoralScope = formOneValues.sectoralScope;
                         values.nameOfMinister = formOneValues.nameOfMinister;
+                        values.name = "Ministry of " + formOneValues.ministry;
                     }
-                    if (((_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.companyRole) === CompanyRole.GOVERNMENT) {
+                    if (((_k = state === null || state === void 0 ? void 0 : state.record) === null || _k === void 0 ? void 0 : _k.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) {
+                    if (((_l = state === null || state === void 0 ? void 0 : state.record) === null || _l === void 0 ? void 0 : _l.companyRole) === CompanyRole.GOVERNMENT) {
                         values.nationalSopValue = Math.floor(Number(formOneValues.nationalSopValue));
                     }
                     if (formOneValues.website) {
@@ -6297,15 +6482,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((_k = formOneValues.logo[0]) === null || _k === void 0 ? void 0 : _k.originFileObj)];
+                    return [4 /*yield*/, getBase64((_m = formOneValues.logo[0]) === null || _m === void 0 ? void 0 : _m.originFileObj)];
                 case 2:
-                    logoBase64 = _l.sent();
+                    logoBase64 = _o.sent();
                     logoUrls = logoBase64.split(",");
                     values.logo = logoUrls[1];
-                    _l.label = 3;
+                    _o.label = 3;
                 case 3: return [4 /*yield*/, put("national/organisation/update", values)];
                 case 4:
-                    response = _l.sent();
+                    response = _o.sent();
                     if (response.status === 200 || response.status === 201) {
                         setUserInfo({
                             companyLogo: response.data.logo,
@@ -6321,10 +6506,10 @@ var AddNewCompanyComponent = function (props) {
                     setLoading(false);
                     return [3 /*break*/, 6];
                 case 5:
-                    error_3 = _l.sent();
+                    error_4 = _o.sent();
                     message.open({
                         type: "error",
-                        content: "".concat(t("errorInUpdatingCompany"), " ").concat(error_3.message),
+                        content: "".concat(t("errorInUpdatingCompany"), " ").concat(error_4.message),
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
@@ -6342,7 +6527,7 @@ var AddNewCompanyComponent = function (props) {
         setCompanyRole(value);
     };
     var CompanyDetailsForm = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         var companyRoleClassName = companyRole === CompanyRole.CERTIFIER
             ? "certifier"
             : companyRole === CompanyRole.PROGRAMME_DEVELOPER
@@ -6356,7 +6541,7 @@ var AddNewCompanyComponent = function (props) {
                     React.createElement(Row, { className: "row", gutter: [16, 16] },
                         React.createElement(Col, { xl: 12, md: 24 },
                             React.createElement("div", { className: "details-part-one" },
-                                React.createElement(Form.Item, { label: "Name", name: "name", initialValue: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name, rules: [
+                                companyRole !== CompanyRole.MINISTRY && (React.createElement(Form.Item, { label: "Name", name: "name", initialValue: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name, rules: [
                                         {
                                             required: true,
                                             message: "",
@@ -6375,7 +6560,7 @@ var AddNewCompanyComponent = function (props) {
                                             }); },
                                         },
                                     ] },
-                                    React.createElement(Input, { size: "large" })),
+                                    React.createElement(Input, { size: "large" }))),
                                 companyRole !== CompanyRole.MINISTRY
                                     ? (!isUpdate ||
                                         (isUpdate &&
@@ -6424,7 +6609,7 @@ var AddNewCompanyComponent = function (props) {
                                         ] },
                                         React.createElement(Input, { size: "large" })))
                                     : null,
-                                React.createElement(Form.Item, { label: "Email", name: "email", initialValue: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.email, rules: [
+                                companyRole !== CompanyRole.GOVERNMENT && (React.createElement(Form.Item, { label: "Email", name: "email", initialValue: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.email, rules: [
                                         {
                                             required: true,
                                             message: "",
@@ -6454,8 +6639,64 @@ var AddNewCompanyComponent = function (props) {
                                             }); },
                                         },
                                     ] },
-                                    React.createElement(Input, { size: "large" })),
-                                React.createElement(Form.Item, { className: "website", label: "Website", initialValue: (_f = (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.website) === null || _f === void 0 ? void 0 : _f.split("://")[1], name: "website", rules: [
+                                    React.createElement(Input, { size: "large" }))),
+                                (companyRole === CompanyRole.MINISTRY ||
+                                    companyRole === CompanyRole.GOVERNMENT) && (React.createElement("div", { className: "space-container", style: { width: "100%" } },
+                                    React.createElement(Form.Item, { label: "Ministry Name", name: "ministry", initialValue: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.ministry, rules: [
+                                            {
+                                                required: true,
+                                                message: "Ministry Name is required",
+                                            },
+                                        ] },
+                                        React.createElement(Select, { size: "large", onChange: onChangeMinistry }, ministryDropdown.map(function (ministry) { return (React.createElement(Select.Option, { value: ministry }, ministry)); }))),
+                                    companyRole === CompanyRole.GOVERNMENT && (React.createElement(Form.Item, { label: "Email", name: "email", initialValue: (_f = state === null || state === void 0 ? void 0 : state.record) === null || _f === void 0 ? void 0 : _f.email, rules: [
+                                            {
+                                                required: true,
+                                                message: "",
+                                            },
+                                            {
+                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                    var val, reg, matches;
+                                                    return __generator(this, function (_a) {
+                                                        if (String(value).trim() === "" ||
+                                                            String(value).trim() === undefined ||
+                                                            value === null ||
+                                                            value === undefined) {
+                                                            throw new Error("Email ".concat(t("isRequired")));
+                                                        }
+                                                        else {
+                                                            val = value.trim();
+                                                            reg = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+                                                            matches = val.match(reg)
+                                                                ? val.match(reg)
+                                                                : [];
+                                                            if (matches.length === 0) {
+                                                                throw new Error("Email ".concat(t("isInvalid")));
+                                                            }
+                                                        }
+                                                        return [2 /*return*/];
+                                                    });
+                                                }); },
+                                            },
+                                        ] },
+                                        React.createElement(Input, { size: "large" }))),
+                                    companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { label: "Name of the Minister", name: "nameOfMinister", initialValue: (_g = state === null || state === void 0 ? void 0 : state.record) === null || _g === void 0 ? void 0 : _g.nameOfMinister, rules: [
+                                            {
+                                                validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                    return __generator(this, function (_a) {
+                                                        if (String(value).trim() === "" ||
+                                                            String(value).trim() === undefined ||
+                                                            value === null ||
+                                                            value === undefined) {
+                                                            throw new Error("Name of the Minister ".concat(t("isRequired")));
+                                                        }
+                                                        return [2 /*return*/];
+                                                    });
+                                                }); },
+                                            },
+                                        ] },
+                                        React.createElement(Input, { size: "large" }))))),
+                                React.createElement(Form.Item, { className: "website", label: "Website", initialValue: (_j = (_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.website) === null || _j === void 0 ? void 0 : _j.split("://")[1], name: "website", rules: [
                                         {
                                             required: false,
                                             validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6473,6 +6714,23 @@ var AddNewCompanyComponent = function (props) {
                                         },
                                     ], getValueFromEvent: function (event) { var _a; return (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value.trim(); } },
                                     React.createElement(Input, { addonBefore: "https://", size: "large" })),
+                                companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_k = state === null || state === void 0 ? void 0 : state.record) === null || _k === void 0 ? void 0 : _k.address, rules: [
+                                        { required: true, message: "" },
+                                        {
+                                            validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                return __generator(this, function (_a) {
+                                                    if (String(value).trim() === "" ||
+                                                        String(value).trim() === undefined ||
+                                                        value === null ||
+                                                        value === undefined) {
+                                                        throw new Error("Address ".concat(t("isRequired")));
+                                                    }
+                                                    return [2 /*return*/];
+                                                });
+                                            }); },
+                                        },
+                                    ] },
+                                    React.createElement(Input.TextArea, { rows: 3, maxLength: 100 }))),
                                 React.createElement(Form.Item, { name: "logo", label: "Organisation Logo (File Type : JPEG , PNG)", valuePropName: "fileList", getValueFromEvent: normFile, required: true, rules: [
                                         {
                                             validator: function (rule, file) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6516,29 +6774,12 @@ var AddNewCompanyComponent = function (props) {
                                             return false;
                                         }, className: "logo-upload-section", name: "logo", action: "/upload.do", listType: "picture", multiple: false, defaultFileList: fileList, maxCount: 1 },
                                         React.createElement(Button, { size: "large", icon: React.createElement(UploadOutlined, null) }, "Upload"))),
-                                companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_g = state === null || state === void 0 ? void 0 : state.record) === null || _g === void 0 ? void 0 : _g.address, rules: [
-                                        { required: true, message: "" },
-                                        {
-                                            validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                                                return __generator(this, function (_a) {
-                                                    if (String(value).trim() === "" ||
-                                                        String(value).trim() === undefined ||
-                                                        value === null ||
-                                                        value === undefined) {
-                                                        throw new Error("Address ".concat(t("isRequired")));
-                                                    }
-                                                    return [2 /*return*/];
-                                                });
-                                            }); },
-                                        },
-                                    ] },
-                                    React.createElement(Input.TextArea, { rows: 3, maxLength: 100 }))),
                                 companyRole === CompanyRole.GOVERNMENT && (React.createElement("div", { className: "space-container", style: { width: "100%" } },
                                     React.createElement(Space, { wrap: true, style: {
                                             display: "flex",
                                             marginBottom: 8,
                                         }, align: "center", size: "large" },
-                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "nationalSopValue", label: "National Share of Proceeds", initialValue: (_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.nationalSopValue, rules: [
+                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "nationalSopValue", label: "National Share of Proceeds", initialValue: (_l = state === null || state === void 0 ? void 0 : state.record) === null || _l === void 0 ? void 0 : _l.nationalSopValue, rules: [
                                                 { required: true, message: "" },
                                                 {
                                                     validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6591,42 +6832,53 @@ var AddNewCompanyComponent = function (props) {
                                                     "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 project-related actions within the Ministry" },
-                                                React.createElement(Radio.Button, { className: "minister", value: "Ministry" },
-                                                    React.createElement(AuditOutlined, { className: "role-icons" }),
-                                                    "Ministry")))))))),
-                                companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { label: "Name of the Minister", name: "nameOfMinister", initialValue: (_j = state === null || state === void 0 ? void 0 : state.record) === null || _j === void 0 ? void 0 : _j.nameOfMinister, rules: [
+                                            !isGuest && (React.createElement("div", { className: "minister-radio-container" }, ministryDropdown.length > 0 ? (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"))) : (React.createElement(Tooltip, { placement: "top", title: "All ministries have been implemented" },
+                                            React.createElement(Radio.Button, { className: "minister", value: "Ministry", disabled: true },
+                                                React.createElement(AuditOutlined, { className: "role-icons" }),
+                                                "Ministry"))))))))),
+                                (companyRole === CompanyRole.MINISTRY ||
+                                    companyRole === CompanyRole.GOVERNMENT) && (React.createElement(Form.Item, { label: "Government Department", name: "govDep", rules: [
                                         {
                                             required: true,
-                                            message: "",
+                                            message: "Government Department is required",
                                         },
                                         {
                                             validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                var val;
                                                 return __generator(this, function (_a) {
-                                                    if (String(value).trim() === "" ||
-                                                        String(value).trim() === undefined ||
-                                                        value === null ||
-                                                        value === undefined) {
-                                                        throw new Error("Name of the Minister ".concat(t("isRequired")));
+                                                    val = Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(value)];
+                                                    if (val &&
+                                                        val.length > 0 &&
+                                                        selectedGovDepatments &&
+                                                        !selectedGovDepatments.includes(val)) {
+                                                        throw new Error("Department not exist in Selected Ministry");
                                                     }
                                                     return [2 /*return*/];
                                                 });
                                             }); },
                                         },
                                     ] },
-                                    React.createElement(Input, { size: "large" }))),
+                                    React.createElement(Select, { size: "large" }, selectedGovDepatments === null || selectedGovDepatments === void 0 ? void 0 : selectedGovDepatments.map(function (val) {
+                                        if (val in GovDepartment) {
+                                            var key = val;
+                                            return (React.createElement(Select.Option, { key: GovDepartment[key], value: GovDepartment[key] }, val));
+                                        }
+                                        return null;
+                                    })))),
                                 companyRole === CompanyRole.MINISTRY && (React.createElement(Form.Item, { label: "Sectoral Scope", name: "sectoralScope", rules: [
                                         {
                                             required: true,
                                             message: "Sectoral Scope ".concat(t("isRequired")),
                                         },
-                                    ], initialValue: (_k = state === null || state === void 0 ? void 0 : state.record) === null || _k === void 0 ? void 0 : _k.sectoralScope },
+                                    ], initialValue: (_m = state === null || state === void 0 ? void 0 : state.record) === null || _m === void 0 ? void 0 : _m.sectoralScope },
                                     React.createElement(Select, { mode: "multiple", size: "large", maxTagCount: 2, allowClear: true }, Object.entries(SectoralScope).map(function (_a) {
                                         var key = _a[0], value = _a[1];
                                         return (React.createElement(Select.Option, { key: value, value: value }, key));
                                     })))),
-                                React.createElement(Form.Item, { name: "phoneNo", label: "Phone Number", initialValue: (_l = state === null || state === void 0 ? void 0 : state.record) === null || _l === void 0 ? void 0 : _l.phoneNo, rules: [
+                                React.createElement(Form.Item, { name: "phoneNo", label: "Phone Number", initialValue: (_o = state === null || state === void 0 ? void 0 : state.record) === null || _o === void 0 ? void 0 : _o.phoneNo, rules: [
                                         {
                                             required: true,
                                             message: "",
@@ -6657,14 +6909,14 @@ var AddNewCompanyComponent = function (props) {
                                         },
                                     ] },
                                     React.createElement(PhoneInput, { placeholder: "Phone number", international: true, value: formatPhoneNumberIntl(contactNoInput), defaultCountry: "LK", countryCallingCodeEditable: false, onChange: function (v) { }, countries: countries })),
-                                regionField && (React.createElement(Form.Item, { label: t("region"), name: "regions", initialValue: (_m = state === null || state === void 0 ? void 0 : state.record) === null || _m === void 0 ? void 0 : _m.regions, rules: [
+                                regionField && (React.createElement(Form.Item, { label: t("region"), name: "regions", initialValue: (_p = state === null || state === void 0 ? void 0 : state.record) === null || _p === void 0 ? void 0 : _p.regions, rules: [
                                         {
                                             required: true,
                                             message: "".concat(t("region"), " ").concat(t("isRequired")),
                                         },
                                     ] },
                                     React.createElement(Select, { mode: "multiple", size: "large", maxTagCount: 2, onChange: onChangeRegion, loading: loadingList, allowClear: true }, regionsList.map(function (region) { return (React.createElement(Select.Option, { value: region }, region)); })))),
-                                companyRole !== CompanyRole.MINISTRY && (React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_o = state === null || state === void 0 ? void 0 : state.record) === null || _o === void 0 ? void 0 : _o.address, rules: [
+                                companyRole !== CompanyRole.MINISTRY && (React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_q = state === null || state === void 0 ? void 0 : state.record) === null || _q === void 0 ? void 0 : _q.address, rules: [
                                         { required: true, message: "" },
                                         {
                                             validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6687,7 +6939,7 @@ var AddNewCompanyComponent = function (props) {
                                             display: "flex",
                                             marginBottom: 8,
                                         }, align: "center", size: "large" },
-                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "omgePercentage", label: "Overall Mitigation in Global Emissions (OMGE) Account", initialValue: (_p = state === null || state === void 0 ? void 0 : state.record) === null || _p === void 0 ? void 0 : _p.omgePercentage, rules: [
+                                        React.createElement(Form.Item, { style: { width: "100%" }, name: "omgePercentage", label: "Overall Mitigation in Global Emissions (OMGE) Account", initialValue: (_r = state === null || state === void 0 ? void 0 : state.record) === null || _r === void 0 ? void 0 : _r.omgePercentage, rules: [
                                                 { required: true, message: "" },
                                                 {
                                                     validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
@@ -6838,7 +7090,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, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField, systemType = props.systemType;
+    var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, 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];
@@ -6851,7 +7103,7 @@ var CompanyProfileComponent = function (props) {
     var _j = useState(false), openRejectModal = _j[0], setOpenRejectModal = _j[1];
     var _k = useState(""), errorMsg = _k[0], setErrorMsg = _k[1];
     var _l = useState(""); _l[0]; var setUserRole = _l[1];
-    var _m = useState(""); _m[0]; var setCompanyRole = _m[1];
+    var _m = useState(""), companyRole = _m[0], setCompanyRole = _m[1];
     var ability = useAbilityContext();
     var getCompanyDetails = function (companyId) { return __awaiter(void 0, void 0, void 0, function () {
         var response;
@@ -7188,17 +7440,30 @@ var CompanyProfileComponent = function (props) {
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
                                     React.createElement(Col, { span: 12, className: "field-value" },
                                         React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
-                                (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
-                                    React.createElement(Row, { className: "field" },
+                                (companyRole === CompanyRole.MINISTRY ||
+                                    companyRole === CompanyRole.GOVERNMENT) && (React.createElement(React.Fragment, null,
+                                    companyRole === CompanyRole.MINISTRY && (React.createElement(Row, { className: "field" },
                                         React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
                                         React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
                                             ? companyDetails.nameOfMinister
-                                            : "-")),
-                                    React.createElement(Row, { className: "field" },
+                                            : "-"))),
+                                    (companyRole === CompanyRole.MINISTRY ||
+                                        companyRole === CompanyRole.GOVERNMENT) && (React.createElement(React.Fragment, null,
+                                        React.createElement(Row, { className: "field" },
+                                            React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministryName")),
+                                            React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.ministry
+                                                ? companyDetails.ministry
+                                                : "-")),
+                                        React.createElement(Row, { className: "field" },
+                                            React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:govDepName")),
+                                            React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.govDep
+                                                ? Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(companyDetails.govDep)]
+                                                : "-")))),
+                                    companyRole === CompanyRole.MINISTRY && (React.createElement(Row, { className: "field" },
                                         React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
                                         React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
                                             ? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
-                                            : "-")))),
+                                            : "-"))))),
                                 React.createElement(Row, { className: "field" },
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
                                     React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
@@ -7271,7 +7536,7 @@ styleInject(css_248z$p);
 
 var Search$1 = Input.Search;
 var ProgrammeManagementComponent = function (props) {
-    var t = props.t, visibleColumns = props.visibleColumns, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
+    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 _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];
@@ -7656,7 +7921,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 === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
+                                    if (userInfoState.companyRole === CompanyRole.MINISTRY) {
                                         if (v.target.checked) {
                                             setMinistryLevelFilter(true);
                                         }
@@ -7673,7 +7938,7 @@ var ProgrammeManagementComponent = function (props) {
                                             }
                                             : undefined);
                                     }
-                                } }, (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY
+                                } }, userInfoState.companyRole === CompanyRole.MINISTRY
                                 ? t("view:ministryLevel")
                                 : t("view:seeMine"))),
                         React.createElement("div", { className: "search-bar" },
@@ -7705,7 +7970,7 @@ var ProgrammeManagementComponent = function (props) {
                             } })))))));
 };
 
-var css_248z$o = ".programme-details-form-container,\n.programme-sought-form-container {\n  width: 100%; }\n  .programme-details-form-container .programme-details-form,\n  .programme-details-form-container .programme-sought-form,\n  .programme-sought-form-container .programme-details-form,\n  .programme-sought-form-container .programme-sought-form {\n    width: 100%; }\n    .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input,\n    .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input:hover,\n    .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input,\n    .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input:hover,\n    .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input,\n    .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input:hover,\n    .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input,\n    .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input:hover {\n      border-color: #ff4d4f !important; }\n    .programme-details-form-container .programme-details-form .ant-picker-large,\n    .programme-details-form-container .programme-sought-form .ant-picker-large,\n    .programme-sought-form-container .programme-details-form .ant-picker-large,\n    .programme-sought-form-container .programme-sought-form .ant-picker-large {\n      height: 40px !important;\n      width: 100%; }\n    .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n    .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n    .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n    .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n      color: #16b1ff; }\n    .programme-details-form-container .programme-details-form .steps-actions,\n    .programme-details-form-container .programme-sought-form .steps-actions,\n    .programme-sought-form-container .programme-details-form .steps-actions,\n    .programme-sought-form-container .programme-sought-form .steps-actions {\n      display: flex;\n      flex-direction: row-reverse;\n      margin-right: 1rem; }\n      .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n      .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n      .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n      .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n        border: 1px solid #16b1ff;\n        color: #16b1ff;\n        margin-right: 1rem; }\n      .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n      .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n      .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n      .programme-sought-form-container .programme-sought-form .steps-actions .back-btn {\n        border: 1px solid rgba(140, 140, 140, 0.7);\n        color: rgba(140, 140, 140, 0.7);\n        margin-right: 1rem; }\n      .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n      .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n      .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n      .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n        margin-left: 1rem; }\n    .programme-details-form-container .programme-details-form .options-programme,\n    .programme-details-form-container .programme-sought-form .options-programme,\n    .programme-sought-form-container .programme-details-form .options-programme,\n    .programme-sought-form-container .programme-sought-form .options-programme {\n      width: 100%; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n        width: 50%; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n        width: 30%;\n        text-align: center; }\n        .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n) {\n          color: #ffffff !important;\n          border-color: #9155fd !important;\n          box-shadow: none; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n        background-color: transparent; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n        border: 1px solid #d9d9d9; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n        margin-right: 0.5rem; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n        width: 100%; }\n        .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n        .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n        .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n        .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n          background: #9155fd;\n          color: #ffffff; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n        margin-right: 5px; }\n    .programme-details-form-container .programme-details-form .row,\n    .programme-details-form-container .programme-sought-form .row,\n    .programme-sought-form-container .programme-details-form .row,\n    .programme-sought-form-container .programme-sought-form .row {\n      width: 100%; }\n      .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n      .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n      .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n      .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n        width: 100%; }\n      .programme-details-form-container .programme-details-form .row .website .ant-input,\n      .programme-details-form-container .programme-sought-form .row .website .ant-input,\n      .programme-sought-form-container .programme-details-form .row .website .ant-input,\n      .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n        margin-left: 0.3rem; }\n      .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n      .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n      .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n      .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n        border: 1px solid #d9d9d9; }\n      .programme-details-form-container .programme-details-form .row .design-upload-section,\n      .programme-details-form-container .programme-sought-form .row .design-upload-section,\n      .programme-sought-form-container .programme-details-form .row .design-upload-section,\n      .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: start;\n        width: 100%; }\n        .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n        .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n        .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n        .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n          color: #16b1ff !important; }\n        .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n        .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n        .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n        .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n          width: 20%; }\n        .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n        .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n        .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n        .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n          align-items: center;\n          justify-content: center;\n          width: 75%; }\n          .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n          .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n          .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n          .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n            margin-top: 0; }\n      .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n      .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n      .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n      .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n        height: 40px !important; }\n      .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n      .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n      .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n      .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n        border-radius: 5px !important;\n        height: 40px !important; }\n      .programme-details-form-container .programme-details-form .row .details-part-one .add-Document,\n      .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document,\n      .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document,\n      .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document {\n        display: flex; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item {\n          width: 100%; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info {\n          position: absolute;\n          margin-left: 130px;\n          margin-top: 1.1px; }\n      .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n      .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n      .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n      .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n        width: 100%; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n          display: flex;\n          width: 100%;\n          align-items: center; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n          width: 100%; }\n          .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n          .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n          .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n          .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n            width: 60%; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n          width: 35%;\n          margin-left: 1rem; }\n          .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n          .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n          .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n          .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n            width: 80%; }\n          .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n          .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n          .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n          .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n            width: 250px !important; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n        width: 48%;\n        text-align: center; }\n        .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n) {\n          color: #ffffff !important;\n          border-color: #9155fd !important;\n          border-radius: 4px;\n          box-shadow: none; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n        background-color: transparent; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n        border: 1px solid #d9d9d9; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n        margin-right: 0.5rem; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n        width: 100%; }\n        .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n        .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n        .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n        .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n          background: #9155fd;\n          color: #ffffff; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n        margin-right: 5px; }\n    .programme-details-form-container .programme-details-form .row-org,\n    .programme-details-form-container .programme-sought-form .row-org,\n    .programme-sought-form-container .programme-details-form .row-org,\n    .programme-sought-form-container .programme-sought-form .row-org {\n      width: 100%; }\n      .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n      .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n      .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n      .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n        width: 100%; }\n    .programme-details-form-container .programme-details-form .selection-details-row,\n    .programme-details-form-container .programme-sought-form .selection-details-row,\n    .programme-sought-form-container .programme-details-form .selection-details-row,\n    .programme-sought-form-container .programme-sought-form .selection-details-row {\n      width: 100%;\n      margin-bottom: 1rem; }\n      .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n      .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n      .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n      .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n      .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n      .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n      .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n      .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n        width: 100%; }\n      .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n      .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n      .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n      .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n      .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n      .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n      .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n      .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n        width: 100%;\n        align-items: center; }\n        .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n        .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n        .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n        .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n        .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n        .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n        .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n        .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n          display: flex;\n          flex-direction: row;\n          width: fit-content;\n          align-items: center;\n          justify-content: space-between;\n          font-size: 14px;\n          color: rgba(58, 53, 65, 0.5); }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n        .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n        .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n        .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n        .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n        .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n        .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n        .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n          width: 100%; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n            width: 45%;\n            text-align: center; }\n            .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n) {\n              color: #ffffff !important;\n              border-color: #9155fd !important;\n              box-shadow: none;\n              border-radius: 4px; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n            background-color: transparent;\n            border-radius: 4px; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n            border: 1px solid #d9d9d9;\n            border-radius: 4px;\n            color: #8c8c8c; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n            margin-right: 0.5rem; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio {\n            width: 100%; }\n            .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n            .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n            .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n            .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n            .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n            .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n            .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n            .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n              background: #9155fd;\n              color: #ffffff; }\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-programme-main-container {\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 50px; }\n  .add-programme-main-container .title-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: 5px; }\n    .add-programme-main-container .title-container .main {\n      font-size: 1.25rem;\n      font-weight: 500;\n      color: #16b1ff; }\n    .add-programme-main-container .title-container .sub {\n      font-size: 0.8rem;\n      color: #555657; }\n  .add-programme-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-programme-main-container .adding-section .form-section {\n      display: flex;\n      margin-bottom: 2rem; }\n      .add-programme-main-container .adding-section .form-section .form-one {\n        width: 100%; }\n      .add-programme-main-container .adding-section .form-section .steps {\n        width: 15%; }\n      .add-programme-main-container .adding-section .form-section .steps-content {\n        width: 85%; }\n    .add-programme-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";
+var css_248z$o = ".programme-details-form-container,\n.programme-sought-form-container {\n  width: 100%; }\n  .programme-details-form-container .programme-details-form,\n  .programme-details-form-container .programme-sought-form,\n  .programme-sought-form-container .programme-details-form,\n  .programme-sought-form-container .programme-sought-form {\n    width: 100%; }\n    .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input,\n    .programme-details-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input:hover,\n    .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input,\n    .programme-details-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input:hover,\n    .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input,\n    .programme-sought-form-container .programme-details-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input:hover,\n    .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input,\n    .programme-sought-form-container .programme-sought-form .ant-input-status-error:not(.ant-input-disabled):not(\n    .ant-input-borderless\n).ant-input:hover {\n      border-color: #ff4d4f !important; }\n    .programme-details-form-container .programme-details-form .ant-picker-large,\n    .programme-details-form-container .programme-sought-form .ant-picker-large,\n    .programme-sought-form-container .programme-details-form .ant-picker-large,\n    .programme-sought-form-container .programme-sought-form .ant-picker-large {\n      height: 40px !important;\n      width: 100%; }\n    .programme-details-form-container .programme-details-form .ant-upload-list-item-name,\n    .programme-details-form-container .programme-sought-form .ant-upload-list-item-name,\n    .programme-sought-form-container .programme-details-form .ant-upload-list-item-name,\n    .programme-sought-form-container .programme-sought-form .ant-upload-list-item-name {\n      color: #16b1ff; }\n    .programme-details-form-container .programme-details-form .steps-actions,\n    .programme-details-form-container .programme-sought-form .steps-actions,\n    .programme-sought-form-container .programme-details-form .steps-actions,\n    .programme-sought-form-container .programme-sought-form .steps-actions {\n      display: flex;\n      flex-direction: row-reverse;\n      margin-right: 1rem; }\n      .programme-details-form-container .programme-details-form .steps-actions .action-btn,\n      .programme-details-form-container .programme-sought-form .steps-actions .action-btn,\n      .programme-sought-form-container .programme-details-form .steps-actions .action-btn,\n      .programme-sought-form-container .programme-sought-form .steps-actions .action-btn {\n        border: 1px solid #16b1ff;\n        color: #16b1ff;\n        margin-right: 1rem; }\n      .programme-details-form-container .programme-details-form .steps-actions .back-btn,\n      .programme-details-form-container .programme-sought-form .steps-actions .back-btn,\n      .programme-sought-form-container .programme-details-form .steps-actions .back-btn,\n      .programme-sought-form-container .programme-sought-form .steps-actions .back-btn {\n        border: 1px solid rgba(140, 140, 140, 0.7);\n        color: rgba(140, 140, 140, 0.7);\n        margin-right: 1rem; }\n      .programme-details-form-container .programme-details-form .steps-actions .mg-left-1,\n      .programme-details-form-container .programme-sought-form .steps-actions .mg-left-1,\n      .programme-sought-form-container .programme-details-form .steps-actions .mg-left-1,\n      .programme-sought-form-container .programme-sought-form .steps-actions .mg-left-1 {\n        margin-left: 1rem; }\n    .programme-details-form-container .programme-details-form .options-programme,\n    .programme-details-form-container .programme-sought-form .options-programme,\n    .programme-sought-form-container .programme-details-form .options-programme,\n    .programme-sought-form-container .programme-sought-form .options-programme {\n      width: 100%; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-group,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-group,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-group {\n        width: 50%; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container {\n        width: 30%;\n        text-align: center; }\n        .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n) {\n          color: #ffffff !important;\n          border-color: #9155fd !important;\n          box-shadow: none; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper::before,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper::before {\n        background-color: transparent; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .ant-radio-button-wrapper,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .ant-radio-button-wrapper {\n        border: 1px solid #d9d9d9; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .anticon,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .anticon,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .anticon,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .anticon {\n        margin-right: 0.5rem; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio {\n        width: 100%; }\n        .programme-details-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n        .programme-details-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n        .programme-sought-form-container .programme-details-form .options-programme .role-group .condition-radio .ant-radio-button-checked,\n        .programme-sought-form-container .programme-sought-form .options-programme .role-group .condition-radio .ant-radio-button-checked {\n          background: #9155fd;\n          color: #ffffff; }\n      .programme-details-form-container .programme-details-form .options-programme .role-group .role-icons,\n      .programme-details-form-container .programme-sought-form .options-programme .role-group .role-icons,\n      .programme-sought-form-container .programme-details-form .options-programme .role-group .role-icons,\n      .programme-sought-form-container .programme-sought-form .options-programme .role-group .role-icons {\n        margin-right: 5px; }\n    .programme-details-form-container .programme-details-form .row,\n    .programme-details-form-container .programme-sought-form .row,\n    .programme-sought-form-container .programme-details-form .row,\n    .programme-sought-form-container .programme-sought-form .row {\n      width: 100%; }\n      .programme-details-form-container .programme-details-form .row .org-col .details-part-three,\n      .programme-details-form-container .programme-sought-form .row .org-col .details-part-three,\n      .programme-sought-form-container .programme-details-form .row .org-col .details-part-three,\n      .programme-sought-form-container .programme-sought-form .row .org-col .details-part-three {\n        width: 100%; }\n      .programme-details-form-container .programme-details-form .row .website .ant-input,\n      .programme-details-form-container .programme-sought-form .row .website .ant-input,\n      .programme-sought-form-container .programme-details-form .row .website .ant-input,\n      .programme-sought-form-container .programme-sought-form .row .website .ant-input {\n        margin-left: 0.3rem; }\n      .programme-details-form-container .programme-details-form .row .website .ant-input-group-addon,\n      .programme-details-form-container .programme-sought-form .row .website .ant-input-group-addon,\n      .programme-sought-form-container .programme-details-form .row .website .ant-input-group-addon,\n      .programme-sought-form-container .programme-sought-form .row .website .ant-input-group-addon {\n        border: 1px solid #d9d9d9; }\n      .programme-details-form-container .programme-details-form .row .design-upload-section,\n      .programme-details-form-container .programme-sought-form .row .design-upload-section,\n      .programme-sought-form-container .programme-details-form .row .design-upload-section,\n      .programme-sought-form-container .programme-sought-form .row .design-upload-section {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: start;\n        width: 100%; }\n        .programme-details-form-container .programme-details-form .row .design-upload-section .icon-color,\n        .programme-details-form-container .programme-sought-form .row .design-upload-section .icon-color,\n        .programme-sought-form-container .programme-details-form .row .design-upload-section .icon-color,\n        .programme-sought-form-container .programme-sought-form .row .design-upload-section .icon-color {\n          color: #16b1ff !important; }\n        .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload,\n        .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload,\n        .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload,\n        .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload {\n          width: 20%; }\n        .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n        .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list,\n        .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list,\n        .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list {\n          align-items: center;\n          justify-content: center;\n          width: 75%; }\n          .programme-details-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n          .programme-details-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n          .programme-sought-form-container .programme-details-form .row .design-upload-section .ant-upload-list .ant-upload-list-item,\n          .programme-sought-form-container .programme-sought-form .row .design-upload-section .ant-upload-list .ant-upload-list-item {\n            margin-top: 0; }\n      .programme-details-form-container .programme-details-form .row .details-part-one .upload-doc,\n      .programme-details-form-container .programme-sought-form .row .details-part-one .upload-doc,\n      .programme-sought-form-container .programme-details-form .row .details-part-one .upload-doc,\n      .programme-sought-form-container .programme-sought-form .row .details-part-one .upload-doc {\n        height: 40px !important; }\n      .programme-details-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n      .programme-details-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item,\n      .programme-sought-form-container .programme-details-form .row .details-part-one .ant-upload-list-item,\n      .programme-sought-form-container .programme-sought-form .row .details-part-one .ant-upload-list-item {\n        border-radius: 5px !important;\n        height: 40px !important; }\n      .programme-details-form-container .programme-details-form .row .details-part-one .add-Document,\n      .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document,\n      .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document,\n      .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document {\n        display: flex; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .ant-form-item,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .ant-form-item {\n          width: 100%; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .add-Document .addDoc-info,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .add-Document .addDoc-info {\n          position: absolute;\n          margin-left: 130px;\n          margin-top: 1.1px; }\n      .programme-details-form-container .programme-details-form .row .details-part-one .space-container,\n      .programme-details-form-container .programme-sought-form .row .details-part-one .space-container,\n      .programme-sought-form-container .programme-details-form .row .details-part-one .space-container,\n      .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container {\n        width: 100%; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-list-item,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-list-item {\n          display: flex;\n          width: 100%;\n          align-items: center; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item {\n          width: 100%; }\n          .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n          .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation,\n          .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ant-space-item .organisation,\n          .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ant-space-item .organisation {\n            width: 60%; }\n        .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n        .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent,\n        .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent,\n        .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent {\n          width: 35%;\n          margin-left: 1rem; }\n          .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n          .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n          .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-input-number,\n          .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-input-number {\n            width: 80%; }\n          .programme-details-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n          .programme-details-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n          .programme-sought-form-container .programme-details-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error,\n          .programme-sought-form-container .programme-sought-form .row .details-part-one .space-container .ownership-percent .ant-form-item-explain-error {\n            width: 250px !important; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container {\n        width: 48%;\n        text-align: center; }\n        .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n),\n        .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(\n        .ant-radio-button-wrapper-disabled\n) {\n          color: #ffffff !important;\n          border-color: #9155fd !important;\n          border-radius: 4px;\n          box-shadow: none; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n        background-color: transparent; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .ant-radio-button-wrapper,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n        border: 1px solid #d9d9d9; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .anticon,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .anticon,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .anticon {\n        margin-right: 0.5rem; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio {\n        width: 100%; }\n        .programme-details-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n        .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n        .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked,\n        .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .condition-radio .ant-radio-button-checked {\n          background: #9155fd;\n          color: #ffffff; }\n      .programme-details-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n      .programme-details-form-container .programme-sought-form .row .details-part-two .role-group .role-icons,\n      .programme-sought-form-container .programme-details-form .row .details-part-two .role-group .role-icons,\n      .programme-sought-form-container .programme-sought-form .row .details-part-two .role-group .role-icons {\n        margin-right: 5px; }\n    .programme-details-form-container .programme-details-form .row-org,\n    .programme-details-form-container .programme-sought-form .row-org,\n    .programme-sought-form-container .programme-details-form .row-org,\n    .programme-sought-form-container .programme-sought-form .row-org {\n      width: 100%; }\n      .programme-details-form-container .programme-details-form .row-org .org-col .details-part-three,\n      .programme-details-form-container .programme-sought-form .row-org .org-col .details-part-three,\n      .programme-sought-form-container .programme-details-form .row-org .org-col .details-part-three,\n      .programme-sought-form-container .programme-sought-form .row-org .org-col .details-part-three {\n        width: 100%; }\n    .programme-details-form-container .programme-details-form .selection-details-row,\n    .programme-details-form-container .programme-sought-form .selection-details-row,\n    .programme-sought-form-container .programme-details-form .selection-details-row,\n    .programme-sought-form-container .programme-sought-form .selection-details-row {\n      width: 100%;\n      margin-bottom: 1rem; }\n      .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-col,\n      .programme-details-form-container .programme-details-form .selection-details-row .in-nap-col,\n      .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n      .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-col,\n      .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-col,\n      .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-col,\n      .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-col,\n      .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-col {\n        width: 100%; }\n      .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row,\n      .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row,\n      .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n      .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row,\n      .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row,\n      .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row,\n      .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row,\n      .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row {\n        width: 100%;\n        align-items: center; }\n        .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n        .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n        .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n        .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label,\n        .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label,\n        .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label,\n        .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label,\n        .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label {\n          display: flex;\n          flex-direction: row;\n          width: fit-content;\n          align-items: center;\n          justify-content: space-between;\n          font-size: 14px;\n          color: rgba(58, 53, 65, 0.5); }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-label .info-container,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-label .info-container,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-label .info-container,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-label .info-container {\n            display: flex;\n            flex-direction: row;\n            width: 10%;\n            height: 30px;\n            align-items: center;\n            justify-content: flex-end; }\n        .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n        .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n        .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n        .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val,\n        .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val,\n        .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val,\n        .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val,\n        .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val {\n          width: 100%; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container {\n            width: max-content;\n            text-align: center;\n            margin-right: 1rem; }\n            .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n),\n            .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n            .ant-radio-button-wrapper-disabled\n) {\n              color: #ffffff !important;\n              border-color: #9155fd !important;\n              box-shadow: none;\n              border-radius: 4px; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper::before,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper::before {\n            background-color: transparent;\n            border-radius: 4px; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .ant-radio-button-wrapper,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .ant-radio-button-wrapper {\n            border: 1px solid #d9d9d9;\n            border-radius: 4px;\n            color: #8c8c8c; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .anticon,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .anticon,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .anticon,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .anticon {\n            margin-right: 0.5rem; }\n          .programme-details-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n          .programme-details-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n          .programme-details-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n          .programme-sought-form-container .programme-details-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-ndc-row .included-val .yes-no-radio .ant-radio-button-checked,\n          .programme-sought-form-container .programme-sought-form .selection-details-row .in-nap-row .included-val .yes-no-radio .ant-radio-button-checked {\n            background: #16b1ff;\n            color: #ffffff; }\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-programme-main-container {\n  display: flex;\n  flex-direction: column;\n  border-radius: 5px;\n  padding: 0 50px; }\n  .add-programme-main-container .title-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: 5px; }\n    .add-programme-main-container .title-container .main {\n      font-size: 1.25rem;\n      font-weight: 500;\n      color: #16b1ff; }\n    .add-programme-main-container .title-container .sub {\n      font-size: 0.8rem;\n      color: #555657; }\n  .add-programme-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-programme-main-container .adding-section .form-section {\n      display: flex;\n      margin-bottom: 2rem; }\n      .add-programme-main-container .adding-section .form-section .form-one {\n        width: 100%; }\n      .add-programme-main-container .adding-section .form-section .steps {\n        width: 15%; }\n      .add-programme-main-container .adding-section .form-section .steps-content {\n        width: 85%; }\n    .add-programme-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";
 styleInject(css_248z$o);
 
 function commonjsRequire(path) {
@@ -13454,7 +13719,7 @@ var sectoralScopes = {
 };
 var ProgrammeCreationComponent = function (props) {
     var _a, _b, _c;
-    var useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
+    var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
     var t = translator.t;
     var state = useLocation().state;
     var formOne = Form.useForm()[0];
@@ -13464,7 +13729,7 @@ var ProgrammeCreationComponent = function (props) {
     var userInfoState = useUserContext().userInfoState;
     var _e = useState(false), loading = _e[0], setLoading = _e[1];
     var _f = useState(false), loadingList = _f[0], setLoadingList = _f[1];
-    var _g = useState(), ndcScopeChanged = _g[0], setNdcScopeChanged = _g[1];
+    var _g = useState(); _g[0]; var setNdcScopeChanged = _g[1];
     var _h = useState(), ndcScopeValue = _h[0], setNdcScopeValue = _h[1];
     var _j = useState(), stepOneData = _j[0], setStepOneData = _j[1];
     var _k = useState(0), current = _k[0], setCurrent = _k[1];
@@ -13484,6 +13749,10 @@ var ProgrammeCreationComponent = function (props) {
     var _z = useState([]), availableSecoralScope = _z[0], setAvailableSectoralScope = _z[1];
     var _0 = useState([]), selectableSectoralScope = _0[0], setSelectableSectoralScope = _0[1];
     var _1 = useState([]), availableSectar = _1[0], setAvailableSectar = _1[1];
+    var _2 = useState(true), article6trade = _2[0], setArticletrade = _2[1];
+    var _3 = useState([]), ministryList = _3[0], setMinistryList = _3[1];
+    var _4 = useState(); _4[0]; _4[1];
+    var _5 = useState(), implementOwner = _5[0], setimplementOwner = _5[1];
     // const initialOrganisationOwnershipValues: any[] = [
     //   {
     //     organisation:
@@ -13608,7 +13877,7 @@ var ProgrammeCreationComponent = function (props) {
                                     (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName),
                                 proponentPercentage: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT &&
                                     (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY &&
-                                    (100 - Number(response === null || response === void 0 ? void 0 : response.data[0].nationalSopValue)),
+                                    100 - Number(response === null || response === void 0 ? void 0 : response.data[0].nationalSopValue),
                             },
                         ]);
                         setGovData(response === null || response === void 0 ? void 0 : response.data[0]);
@@ -13627,8 +13896,96 @@ var ProgrammeCreationComponent = function (props) {
             }
         });
     }); };
+    var getMinistryDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_4;
+        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 Ministry profile");
+                    return [4 /*yield*/, post("national/organisation/query", {
+                            page: 1,
+                            size: 100,
+                            filterOr: [
+                                {
+                                    key: "companyRole",
+                                    operation: "=",
+                                    value: CompanyRole.MINISTRY,
+                                },
+                                {
+                                    key: "companyRole",
+                                    operation: "=",
+                                    value: CompanyRole.GOVERNMENT,
+                                },
+                            ],
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (response.data) {
+                        setMinistryList(response === null || response === void 0 ? void 0 : response.data);
+                    }
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_4 = _a.sent();
+                    console.log("Error in getting ministry data", error_4);
+                    return [3 /*break*/, 5];
+                case 4:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var getImplementOwnerDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_5;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setLoading(true);
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, post("national/user/query", {
+                            page: 1,
+                            size: 10,
+                            filterAnd: [
+                                {
+                                    key: "id",
+                                    operation: "=",
+                                    value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
+                                },
+                            ],
+                        })];
+                case 2:
+                    response = _c.sent();
+                    if (response && response.data) {
+                        if ((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.company) {
+                            setimplementOwner((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company);
+                        }
+                    }
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_5 = _c.sent();
+                    console.log("Error in getting users", error_5);
+                    message.open({
+                        type: "error",
+                        content: error_5.message,
+                        duration: 3,
+                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                    });
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
     var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, userOrganisation, taxId, error_4;
+        var response, userOrganisation, taxId, error_6;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -13657,8 +14014,8 @@ var ProgrammeCreationComponent = function (props) {
                     }
                     return [3 /*break*/, 5];
                 case 3:
-                    error_4 = _a.sent();
-                    console.log("Error in getting organisation list", error_4);
+                    error_6 = _a.sent();
+                    console.log("Error in getting organisation list", error_6);
                     return [3 /*break*/, 5];
                 case 4:
                     setLoadingList(false);
@@ -13668,7 +14025,7 @@ var ProgrammeCreationComponent = function (props) {
         });
     }); };
     var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, sectScopeValues_1, sectSScope_1, sectors_1, error_5;
+        var response, sectScopeValues_1, sectSScope_1, sectors_1, error_7;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return __generator(this, function (_k) {
             switch (_k.label) {
@@ -13728,11 +14085,11 @@ var ProgrammeCreationComponent = function (props) {
                     setLoading(false);
                     return [3 /*break*/, 4];
                 case 3:
-                    error_5 = _k.sent();
-                    console.log("Error in getting users", error_5);
+                    error_7 = _k.sent();
+                    console.log("Error in getting users", error_7);
                     message.open({
                         type: "error",
-                        content: error_5.message,
+                        content: error_7.message,
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
@@ -13747,8 +14104,10 @@ var ProgrammeCreationComponent = function (props) {
         getCountryList();
         getRegionList();
         getGovernmentDetails();
+        getMinistryDetails();
         if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
             getUserDetails();
+            getImplementOwnerDetails();
         }
     }, []);
     var normFile = function (e) {
@@ -13765,46 +14124,74 @@ var ProgrammeCreationComponent = function (props) {
         setCurrent(current - 1);
     };
     var onFinishStepOne = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var programmeDetails, ownershipPercentage, totalPercentage, proponentPercentages, proponentTxIds, logoBase64, environmentalImpactAssessmentData, propTaxIds, duplicateIds;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
+        var programmeDetails, totalPercentage, ownershipPercentage, duplicateIds, proponentTxIds, proponentPercentages, finalImplementingOwner, supportingOwners, propTaxIds, propTaxIds, environmentalImpactAssessmentData, logoBase64;
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
                     setLoading(true);
-                    ownershipPercentage = JSON.parse(JSON.stringify(values === null || values === void 0 ? void 0 : values.ownershipPercentage));
-                    if (Number(govData.nationalSopValue) !== 0) {
-                        ownershipPercentage.push({
-                            organisation: govData.taxId,
-                            proponentPercentage: Number(govData.nationalSopValue),
+                    if (article6trade) {
+                        ownershipPercentage = JSON.parse(JSON.stringify(values === null || values === void 0 ? void 0 : values.ownershipPercentage));
+                        if (Number(govData.nationalSopValue) !== 0) {
+                            ownershipPercentage.push({
+                                organisation: govData.taxId,
+                                proponentPercentage: Number(govData.nationalSopValue),
+                            });
+                        }
+                        totalPercentage = ownershipPercentage.reduce(function (sum, field) { return sum + field.proponentPercentage; }, 0);
+                        proponentPercentages = ownershipPercentage.map(function (item) { return item.proponentPercentage; });
+                        proponentTxIds =
+                            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT &&
+                                (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY
+                                ? ownershipPercentage === null || ownershipPercentage === void 0 ? void 0 : ownershipPercentage.slice(1).map(function (item) { return item.organisation; })
+                                : ownershipPercentage === null || ownershipPercentage === void 0 ? void 0 : ownershipPercentage.map(function (item) { return item.organisation; });
+                        propTaxIds = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT &&
+                            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY
+                            ? __spreadArray([userOrgTaxId], proponentTxIds, true) : proponentTxIds;
+                        duplicateIds = new Set(propTaxIds).size !== propTaxIds.length;
+                        console.log("proponentTxIds", proponentTxIds);
+                        console.log("ownershipPercentage", ownershipPercentage);
+                    }
+                    if (!article6trade) {
+                        ownershipPercentage = (values === null || values === void 0 ? void 0 : values.article6Percentage)
+                            ? JSON.parse(JSON.stringify(values === null || values === void 0 ? void 0 : values.article6Percentage))
+                            : [];
+                        totalPercentage = 100;
+                        if ((values === null || values === void 0 ? void 0 : values.implementingOwner) && (values === null || values === void 0 ? void 0 : values.implementingOwner.length) > 0) {
+                            ownershipPercentage.push({
+                                organisation: implementOwner
+                                    ? implementOwner.taxId
+                                    : values === null || values === void 0 ? void 0 : values.implementingOwner,
+                                proponentPercentage: 100,
+                            });
+                        }
+                        proponentPercentages = ownershipPercentage.map(function (item) {
+                            return item.proponentPercentage === "Supporting" ? 0 : 100;
                         });
+                        proponentTxIds = ownershipPercentage === null || ownershipPercentage === void 0 ? void 0 : ownershipPercentage.map(function (item) { return item.organisation; });
+                        propTaxIds = proponentTxIds;
+                        duplicateIds = new Set(propTaxIds).size !== propTaxIds.length;
+                        finalImplementingOwner = implementOwner
+                            ? implementOwner.taxId
+                            : values === null || values === void 0 ? void 0 : values.implementingOwner;
+                        supportingOwners = (_a = values === null || values === void 0 ? void 0 : values.article6Percentage) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.organisation; });
+                        console.log("implementingOwner", finalImplementingOwner);
+                        console.log("supportingOwners", supportingOwners);
                     }
-                    console.log("ownershipPercentage", ownershipPercentage);
-                    totalPercentage = ownershipPercentage.reduce(function (sum, field) { return sum + field.proponentPercentage; }, 0);
-                    proponentPercentages = ownershipPercentage.map(function (item) { return item.proponentPercentage; });
-                    proponentTxIds = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT &&
-                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY
-                        ? ownershipPercentage === null || ownershipPercentage === void 0 ? void 0 : ownershipPercentage.slice(1).map(function (item) { return item.organisation; })
-                        : ownershipPercentage === null || ownershipPercentage === void 0 ? void 0 : ownershipPercentage.map(function (item) { return item.organisation; });
-                    logoBase64 = "";
-                    if (!(((_a = values === null || values === void 0 ? void 0 : values.designDocument) === null || _a === void 0 ? void 0 : _a.length) > 0)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, getBase64((_b = values === null || values === void 0 ? void 0 : values.designDocument[0]) === null || _b === void 0 ? void 0 : _b.originFileObj)];
+                    environmentalImpactAssessmentData = "";
+                    if (!(((_b = values === null || values === void 0 ? void 0 : values.environmentalImpactAssessment) === null || _b === void 0 ? void 0 : _b.length) > 0)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getBase64((_c = values === null || values === void 0 ? void 0 : values.environmentalImpactAssessment[0]) === null || _c === void 0 ? void 0 : _c.originFileObj)];
                 case 1:
-                    logoBase64 = _e.sent();
-                    _e.label = 2;
+                    environmentalImpactAssessmentData = _f.sent();
+                    _f.label = 2;
                 case 2:
-                    environmentalImpactAssessmentData = "";
-                    if (!(((_c = values === null || values === void 0 ? void 0 : values.environmentalImpactAssessment) === null || _c === void 0 ? void 0 : _c.length) > 0)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, getBase64((_d = values === null || values === void 0 ? void 0 : values.environmentalImpactAssessment[0]) === null || _d === void 0 ? void 0 : _d.originFileObj)];
+                    logoBase64 = "";
+                    if (!(((_d = values === null || values === void 0 ? void 0 : values.designDocument) === null || _d === void 0 ? void 0 : _d.length) > 0)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, getBase64((_e = values === null || values === void 0 ? void 0 : values.designDocument[0]) === null || _e === void 0 ? void 0 : _e.originFileObj)];
                 case 3:
-                    environmentalImpactAssessmentData = _e.sent();
-                    _e.label = 4;
+                    logoBase64 = _f.sent();
+                    _f.label = 4;
                 case 4:
-                    propTaxIds = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT &&
-                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY
-                        ? __spreadArray([userOrgTaxId], proponentTxIds, true) : proponentTxIds;
-                    duplicateIds = new Set(propTaxIds).size !== propTaxIds.length;
-                    console.log("proponentTxIds", proponentTxIds);
-                    console.log("ownershipPercentage", ownershipPercentage);
                     if (totalPercentage !== 100) {
                         if (Number(govData.nationalSopValue) !== 0) {
                             ownershipPercentage.pop();
@@ -13841,7 +14228,12 @@ var ProgrammeCreationComponent = function (props) {
                                 (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY
                                 ? __spreadArray([userOrgTaxId], proponentTxIds, true) : proponentTxIds,
                             proponentPercentage: proponentPercentages,
-                            programmeProperties: __assign(__assign({ buyerCountryEligibility: values === null || values === void 0 ? void 0 : values.buyerCountryEligibility, geographicalLocation: values === null || values === void 0 ? void 0 : values.geographicalLocation, greenHouseGasses: values === null || values === void 0 ? void 0 : values.greenHouseGasses }, ((values === null || values === void 0 ? void 0 : values.ndcScope) !== undefined &&
+                            article6trade: article6trade,
+                            supportingowners: !article6trade && supportingOwners ? supportingOwners : undefined,
+                            implementinguser: !article6trade ? finalImplementingOwner : undefined,
+                            programmeProperties: __assign(__assign({ buyerCountryEligibility: article6trade
+                                    ? values === null || values === void 0 ? void 0 : values.buyerCountryEligibility
+                                    : undefined, geographicalLocation: values === null || values === void 0 ? void 0 : values.geographicalLocation, greenHouseGasses: values === null || values === void 0 ? void 0 : values.greenHouseGasses }, ((values === null || values === void 0 ? void 0 : values.ndcScope) !== undefined &&
                                 (values === null || values === void 0 ? void 0 : values.ndcScope) !== null && {
                                 ndcScope: (values === null || values === void 0 ? void 0 : values.ndcScope) === "true" ? true : false,
                             })), (includedInNDC !== undefined &&
@@ -13864,7 +14256,7 @@ var ProgrammeCreationComponent = function (props) {
         });
     }); };
     var saveNewProgramme = function (payload) { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_6;
+        var response, error_8;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -13887,11 +14279,11 @@ var ProgrammeCreationComponent = function (props) {
                     onNavigateToProgrammeView();
                     return [3 /*break*/, 5];
                 case 3:
-                    error_6 = _a.sent();
-                    console.log("Error in programme creation - ", error_6);
+                    error_8 = _a.sent();
+                    console.log("Error in programme creation - ", error_8);
                     message.open({
                         type: "error",
-                        content: error_6 === null || error_6 === void 0 ? void 0 : error_6.message,
+                        content: error_8 === null || error_8 === void 0 ? void 0 : error_8.message,
                         duration: 4,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
@@ -13907,7 +14299,9 @@ var ProgrammeCreationComponent = function (props) {
         var programmeDetails = stepOneData;
         programmeDetails.creditEst = Number(values === null || values === void 0 ? void 0 : values.creditEst);
         programmeDetails.programmeProperties.estimatedProgrammeCostUSD = Number(values === null || values === void 0 ? void 0 : values.estimatedProgrammeCostUSD);
-        programmeDetails.programmeProperties.carbonPriceUSDPerTon = Number(values === null || values === void 0 ? void 0 : values.minViableCarbonPrice);
+        programmeDetails.programmeProperties.carbonPriceUSDPerTon = article6trade
+            ? Number(values === null || values === void 0 ? void 0 : values.minViableCarbonPrice)
+            : 0;
         setProgrammeDetailsObj(programmeDetails);
         return programmeDetails;
     };
@@ -13920,7 +14314,8 @@ var ProgrammeCreationComponent = function (props) {
         });
     }); };
     var onFormTwoValuesChane = function (changedValues, allValues) {
-        if ((allValues === null || allValues === void 0 ? void 0 : allValues.creditEst) !== undefined &&
+        if (article6trade &&
+            (allValues === null || allValues === void 0 ? void 0 : allValues.creditEst) !== undefined &&
             (allValues === null || allValues === void 0 ? void 0 : allValues.creditEst) !== null &&
             (allValues === null || allValues === void 0 ? void 0 : allValues.creditEst) > 0 &&
             (allValues === null || allValues === void 0 ? void 0 : allValues.estimatedProgrammeCostUSD) !== undefined &&
@@ -13952,13 +14347,11 @@ var ProgrammeCreationComponent = function (props) {
             setIncludedInNDC(undefined);
         }
     };
-    var onClickIncludedInNDCScope = function (value) {
-        if (value === includedInNDC) {
-            setIncludedInNDC(undefined);
-        }
-        else {
-            setIncludedInNDC(value);
-        }
+    var onArticle6Trading = function (event) {
+        setArticletrade(event.target.value);
+        formOne.resetFields(["ownershipPercentage"]);
+        formOne.resetFields(["article6Percentage"]);
+        formOne.resetFields(["implementingOwner"]);
     };
     var onChangeGeoLocation = function (values) {
         if (values.includes("National")) {
@@ -13967,22 +14360,19 @@ var ProgrammeCreationComponent = function (props) {
             formOne.setFieldValue("geographicalLocation", __spreadArray([], newBuyerValues, true));
         }
     };
-    var onInCludedNDCChange = function (event) {
-        var _a, _b;
-        if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value) === "inNDC") {
-            setIncludedInNDC(true);
+    var onChangeStepOne = function (changedValues, allValues) {
+        var _a, _b, _c;
+        var selectedCompanies;
+        if (article6trade) {
+            selectedCompanies = (_a = allValues === null || allValues === void 0 ? void 0 : allValues.ownershipPercentage) === null || _a === void 0 ? void 0 : _a.map(function (org) { return org === null || org === void 0 ? void 0 : org.organisation; });
+            var orgPercentValidation = ((_b = allValues === null || allValues === void 0 ? void 0 : allValues.ownershipPercentage[0]) === null || _b === void 0 ? void 0 : _b.proponentPercentage) === false
+                ? true
+                : false;
+            setOwnershipPercentageValidation(orgPercentValidation);
         }
-        else if (((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.value) === "notInNDC") {
-            setIncludedInNDC(false);
+        else {
+            selectedCompanies = (_c = allValues === null || allValues === void 0 ? void 0 : allValues.article6Percentage) === null || _c === void 0 ? void 0 : _c.map(function (org) { return org === null || org === void 0 ? void 0 : org.organisation; });
         }
-    };
-    var onChangeStepOne = function (changedValues, allValues) {
-        var _a, _b;
-        var selectedCompanies = (_a = allValues === null || allValues === void 0 ? void 0 : allValues.ownershipPercentage) === null || _a === void 0 ? void 0 : _a.map(function (org) { return org === null || org === void 0 ? void 0 : org.organisation; });
-        var orgPercentValidation = ((_b = allValues === null || allValues === void 0 ? void 0 : allValues.ownershipPercentage[0]) === null || _b === void 0 ? void 0 : _b.proponentPercentage) === false
-            ? true
-            : false;
-        setOwnershipPercentageValidation(orgPercentValidation);
         var uniqueOrgs = new Set(selectedCompanies);
         setSelectedOrgs(__spreadArray([], uniqueOrgs, true));
     };
@@ -14162,91 +14552,200 @@ var ProgrammeCreationComponent = function (props) {
                                                         React.createElement("div", { className: "addDoc-info" },
                                                             React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "topLeft", trigger: "hover", title: React.createElement("a", { style: { color: "#fff" }, href: "https://app-eff78ffabc4efb.app.unfccc.org/tools/cdm/testprodspt3/UNFCCC_CDM/Pages/PDDnew.aspx?t=pdd", target: "_blank" }, t("addProgramme:designDocTooltip")), overlayClassName: "custom-tooltip" },
                                                                 React.createElement(InfoCircle, { color: "#000000", size: 12 })))),
-                                                    React.createElement(Form.Item, { label: t("addProgramme:buyerCountryEligibility"), name: "buyerCountryEligibility", initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.name, rules: [
-                                                            {
-                                                                required: false,
-                                                            },
-                                                        ] },
-                                                        React.createElement(Select, { size: "large", loading: loadingList }, countries.map(function (country) { return (React.createElement(Select.Option, { key: country.alpha2, value: country.alpha2 }, country.name)); }))),
-                                                    govData && (Number(govData.nationalSopValue) !== 0) && (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("div", { className: "ownership-list-item" },
-                                                                React.createElement(Form.Item, { label: t("addProgramme:company"), name: "governmentName", wrapperCol: { span: 24 }, className: "organisation", initialValue: govData ? govData.name : "Government", required: true },
-                                                                    React.createElement(Input, { size: "large", disabled: true })),
-                                                                React.createElement(Form.Item, { label: t("addProgramme:proponentPercentage"), className: "ownership-percent", name: "sopPercentage", labelCol: { span: 24 }, wrapperCol: { span: 24 }, required: true, initialValue: govData
-                                                                        ? Number(govData.nationalSopValue)
-                                                                        : 0 },
-                                                                    React.createElement(InputNumber, { size: "large", disabled: true, min: 1, max: 100, formatter: function (value) { return "".concat(value, "%"); }, parser: function (value) {
-                                                                            return value.replace("%", "");
-                                                                        } })))))),
-                                                    React.createElement(Form.List, { name: "ownershipPercentage", initialValue: initialOrganisationOwnershipValues }, function (fields, _a) {
-                                                        var add = _a.add, remove = _a.remove;
-                                                        return (React.createElement("div", { className: "space-container", style: { width: "100%" } },
-                                                            fields.map(function (_a) {
-                                                                var key = _a.key, name = _a.name, restField = __rest(_a, ["key", "name"]);
-                                                                return (React.createElement(Space, { wrap: true, key: key, style: {
-                                                                        display: "flex",
-                                                                        marginBottom: 8,
-                                                                    }, align: "center", size: "large" },
-                                                                    React.createElement("div", { className: "ownership-list-item" },
-                                                                        React.createElement(Form.Item, __assign({}, restField, { label: t("addProgramme:company"), name: [name, "organisation"], wrapperCol: { span: 24 }, className: "organisation", rules: [
-                                                                                {
-                                                                                    required: true,
-                                                                                    message: "".concat(t("addProgramme:company"), " ").concat(t("isRequired")),
-                                                                                    validateTrigger: "onBlur",
-                                                                                },
-                                                                            ], shouldUpdate: true }),
-                                                                            React.createElement(Select, { size: "large", loading: loadingList, disabled: name === 0 &&
-                                                                                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
-                                                                                        CompanyRole.GOVERNMENT &&
-                                                                                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
-                                                                                        CompanyRole.MINISTRY }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.taxId, disabled: (selectedOrgs === null || selectedOrgs === void 0 ? void 0 : selectedOrgs.includes(organisation.taxId)) ||
-                                                                                    ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
-                                                                                        CompanyRole.GOVERNMENT &&
+                                                    React.createElement(Row, { className: "selection-details-row", gutter: [16, 16] },
+                                                        React.createElement(Col, { md: 24, xl: 12, className: "in-ndc-col" },
+                                                            React.createElement(Row, { className: "in-ndc-row" },
+                                                                React.createElement(Col, { md: 16, lg: 18, xl: 18 },
+                                                                    React.createElement("div", { className: "included-label" },
+                                                                        React.createElement("div", null, t("addProgramme:article6trading")))),
+                                                                React.createElement(Col, { md: 8, lg: 6, xl: 6, className: "included-val" },
+                                                                    React.createElement(Radio.Group, { size: "middle", value: article6trade, onChange: onArticle6Trading, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ===
+                                                                            CompanyRole.PROGRAMME_DEVELOPER },
+                                                                        React.createElement("div", { className: "yes-no-radio-container" },
+                                                                            React.createElement(Radio.Button, { className: "yes-no-radio", value: true }, t("addProgramme:yes"))),
+                                                                        React.createElement("div", { className: "yes-no-radio-container" },
+                                                                            React.createElement(Radio.Button, { className: "yes-no-radio", value: false }, t("addProgramme:no")))))))),
+                                                    article6trade && (React.createElement(React.Fragment, null,
+                                                        React.createElement(Form.Item, { label: t("addProgramme:buyerCountryEligibility"), name: "buyerCountryEligibility", initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.name, rules: [
+                                                                {
+                                                                    required: false,
+                                                                },
+                                                            ] },
+                                                            React.createElement(Select, { size: "large", loading: loadingList }, countries.map(function (country) { return (React.createElement(Select.Option, { key: country.alpha2, value: country.alpha2 }, country.name)); }))),
+                                                        govData &&
+                                                            Number(govData.nationalSopValue) !== 0 && (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("div", { className: "ownership-list-item" },
+                                                                    React.createElement(Form.Item, { label: t("addProgramme:company"), name: "governmentName", wrapperCol: { span: 24 }, className: "organisation", initialValue: govData
+                                                                            ? govData.name
+                                                                            : "Government", required: true },
+                                                                        React.createElement(Input, { size: "large", disabled: true })),
+                                                                    React.createElement(Form.Item, { label: t("addProgramme:proponentPercentage"), className: "ownership-percent", name: "sopPercentage", labelCol: { span: 24 }, wrapperCol: { span: 24 }, required: true, initialValue: govData
+                                                                            ? Number(govData.nationalSopValue)
+                                                                            : 0 },
+                                                                        React.createElement(InputNumber, { size: "large", disabled: true, min: 1, max: 100, formatter: function (value) {
+                                                                                return "".concat(value, "%");
+                                                                            }, parser: function (value) {
+                                                                                return value.replace("%", "");
+                                                                            } })))))),
+                                                        React.createElement(Form.List, { name: "ownershipPercentage", initialValue: initialOrganisationOwnershipValues }, function (fields, _a) {
+                                                            var add = _a.add, remove = _a.remove;
+                                                            return (React.createElement("div", { className: "space-container", style: { width: "100%" } },
+                                                                fields.map(function (_a) {
+                                                                    var key = _a.key, name = _a.name, restField = __rest(_a, ["key", "name"]);
+                                                                    return (React.createElement(Space, { wrap: true, key: key, style: {
+                                                                            display: "flex",
+                                                                            marginBottom: 8,
+                                                                        }, align: "center", size: "large" },
+                                                                        React.createElement("div", { className: "ownership-list-item" },
+                                                                            React.createElement(Form.Item, __assign({}, restField, { label: t("addProgramme:company"), name: [
+                                                                                    name,
+                                                                                    "organisation",
+                                                                                ], wrapperCol: { span: 24 }, className: "organisation", rules: [
+                                                                                    {
+                                                                                        required: true,
+                                                                                        message: "".concat(t("addProgramme:company"), " ").concat(t("isRequired")),
+                                                                                        validateTrigger: "onBlur",
+                                                                                    },
+                                                                                ], shouldUpdate: true }),
+                                                                                React.createElement(Select, { size: "large", loading: loadingList, disabled: name === 0 &&
+                                                                                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
+                                                                                            CompanyRole.GOVERNMENT &&
+                                                                                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
+                                                                                            CompanyRole.MINISTRY }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.taxId, disabled: (selectedOrgs === null || selectedOrgs === void 0 ? void 0 : selectedOrgs.includes(organisation.taxId)) ||
+                                                                                        ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
+                                                                                            CompanyRole.GOVERNMENT &&
+                                                                                            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
+                                                                                                CompanyRole.MINISTRY &&
+                                                                                            userOrgTaxId ===
+                                                                                                (organisation === null || organisation === void 0 ? void 0 : organisation.taxId)) }, organisation.name)); }))),
+                                                                            React.createElement(Form.Item, __assign({}, restField, { label: t("addProgramme:proponentPercentage"), className: "ownership-percent", name: [
+                                                                                    name,
+                                                                                    "proponentPercentage",
+                                                                                ], labelCol: { span: 24 }, wrapperCol: { span: 24 }, required: true, rules: [
+                                                                                    {
+                                                                                        required: true,
+                                                                                        message: "".concat(t("addProgramme:proponentPercentage"), " ").concat(t("isRequired")),
+                                                                                    },
+                                                                                    {
+                                                                                        validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                                                            return __generator(this, function (_a) {
+                                                                                                if (ownershipPercentageValidation &&
+                                                                                                    name === 0) {
+                                                                                                    throw new Error("".concat(t("addProgramme:proponentPercentage"), " ").concat(t("isRequired")));
+                                                                                                }
+                                                                                                return [2 /*return*/];
+                                                                                            });
+                                                                                        }); },
+                                                                                    },
+                                                                                ], shouldUpdate: true }),
+                                                                                React.createElement(InputNumber, { size: "large", min: 1, max: 100, formatter: function (value) {
+                                                                                        return "".concat(value, "%");
+                                                                                    }, parser: function (value) {
+                                                                                        return value.replace("%", "");
+                                                                                    }, disabled: (fields === null || fields === void 0 ? void 0 : fields.length) < 2 &&
                                                                                         (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
-                                                                                            CompanyRole.MINISTRY &&
-                                                                                        userOrgTaxId ===
-                                                                                            (organisation === null || organisation === void 0 ? void 0 : organisation.taxId)) }, organisation.name)); }))),
-                                                                        React.createElement(Form.Item, __assign({}, restField, { label: t("addProgramme:proponentPercentage"), className: "ownership-percent", name: [
-                                                                                name,
-                                                                                "proponentPercentage",
-                                                                            ], labelCol: { span: 24 }, wrapperCol: { span: 24 }, required: true, rules: [
-                                                                                {
-                                                                                    required: true,
-                                                                                    message: "".concat(t("addProgramme:proponentPercentage"), " ").concat(t("isRequired")),
-                                                                                },
-                                                                                {
-                                                                                    validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
-                                                                                        return __generator(this, function (_a) {
-                                                                                            if (ownershipPercentageValidation &&
-                                                                                                name === 0) {
-                                                                                                throw new Error("".concat(t("addProgramme:proponentPercentage"), " ").concat(t("isRequired")));
-                                                                                            }
-                                                                                            return [2 /*return*/];
-                                                                                        });
-                                                                                    }); },
-                                                                                },
-                                                                            ], shouldUpdate: true }),
-                                                                            React.createElement(InputNumber, { size: "large", min: 1, max: 100, formatter: function (value) {
-                                                                                    return "".concat(value, "%");
-                                                                                }, parser: function (value) {
-                                                                                    return value.replace("%", "");
-                                                                                }, disabled: (fields === null || fields === void 0 ? void 0 : fields.length) < 2 &&
-                                                                                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
-                                                                                        CompanyRole.GOVERNMENT &&
-                                                                                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
-                                                                                        CompanyRole.MINISTRY })),
-                                                                        (fields === null || fields === void 0 ? void 0 : fields.length) > 1 &&
-                                                                            name !== 0 && (React.createElement(MinusCircleOutlined, { className: "dynamic-delete-button", onClick: function () {
-                                                                                remove(name);
-                                                                            } })))));
-                                                            }),
-                                                            React.createElement(Form.Item, null,
-                                                                React.createElement(Button, { type: "dashed", onClick: function () { return add(); }, icon: React.createElement(PlusOutlined, null) }))));
-                                                    }),
+                                                                                            CompanyRole.GOVERNMENT &&
+                                                                                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
+                                                                                            CompanyRole.MINISTRY })),
+                                                                            (fields === null || fields === void 0 ? void 0 : fields.length) > 1 &&
+                                                                                name !== 0 && (React.createElement(MinusCircleOutlined, { className: "dynamic-delete-button", onClick: function () {
+                                                                                    remove(name);
+                                                                                } })))));
+                                                                }),
+                                                                React.createElement(Form.Item, null,
+                                                                    React.createElement(Button, { type: "dashed", onClick: function () { return add(); }, icon: React.createElement(PlusOutlined, null) }))));
+                                                        }))),
+                                                    !article6trade && (React.createElement(React.Fragment, null,
+                                                        implementOwner ? (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("div", { className: "ownership-list-item" },
+                                                                    React.createElement(Form.Item, { label: t("addProgramme:governmentDepartment"), name: "implementingOwner", wrapperCol: { span: 24 }, className: "organisation", initialValue: implementOwner
+                                                                            ? implementOwner.name +
+                                                                                " - " +
+                                                                                Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(implementOwner.govDep)]
+                                                                            : "Implementing Owner", required: true },
+                                                                        React.createElement(Input, { size: "large", disabled: true })),
+                                                                    React.createElement(Form.Item, { label: t("addProgramme:ownership"), className: "ownership-percent", name: "implementPercentage", labelCol: { span: 24 }, wrapperCol: { span: 24 }, required: true, initialValue: implementOwner
+                                                                            ? "Implementing"
+                                                                            : "Supporting" },
+                                                                        React.createElement(InputNumber, { size: "large", disabled: true })))))) : (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("div", { className: "ownership-list-item" },
+                                                                    React.createElement(Form.Item, { label: t("addProgramme:governmentDepartment"), name: "implementingOwner", wrapperCol: { span: 24 }, className: "organisation", rules: [
+                                                                            {
+                                                                                required: true,
+                                                                                message: "".concat(t("addProgramme:governmentDepartment"), " ").concat(t("isRequired")),
+                                                                            },
+                                                                        ] },
+                                                                        React.createElement(Select, { size: "large", loading: loadingList }, ministryList.map(function (organisation) {
+                                                                            return organisation.govDep && (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.taxId }, organisation.name +
+                                                                                "-" +
+                                                                                Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(organisation.govDep)]));
+                                                                        }))),
+                                                                    React.createElement(Form.Item, { label: t("addProgramme:ownership"), className: "ownership-percent", name: "implementPercentage", labelCol: { span: 24 }, wrapperCol: { span: 24 }, required: true, initialValue: "Implementing" },
+                                                                        React.createElement(InputNumber, { size: "large", disabled: true })))))),
+                                                        React.createElement(Form.List, { name: "article6Percentage" }, function (fields, _a) {
+                                                            var add = _a.add, remove = _a.remove;
+                                                            return (React.createElement("div", { className: "space-container", style: { width: "100%" } },
+                                                                fields.map(function (_a) {
+                                                                    var key = _a.key, name = _a.name, restField = __rest(_a, ["key", "name"]);
+                                                                    return (React.createElement(Space, { wrap: true, key: key, style: {
+                                                                            display: "flex",
+                                                                            marginBottom: 8,
+                                                                        }, align: "center", size: "large" },
+                                                                        React.createElement("div", { className: "ownership-list-item" },
+                                                                            React.createElement(Form.Item, __assign({}, restField, { label: t("addProgramme:governmentDepartment"), name: [
+                                                                                    name,
+                                                                                    "organisation",
+                                                                                ], 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("addProgramme:governmentDepartment"), " shouldn't be empty"));
+                                                                                                }
+                                                                                                return [2 /*return*/];
+                                                                                            });
+                                                                                        }); },
+                                                                                    },
+                                                                                ], wrapperCol: { span: 24 }, className: "organisation", shouldUpdate: true }),
+                                                                                React.createElement(Select, { size: "large", loading: loadingList }, ministryList.map(function (organisation) {
+                                                                                    var _a;
+                                                                                    return organisation.govDep && (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.taxId, disabled: (selectedOrgs === null || selectedOrgs === void 0 ? void 0 : selectedOrgs.includes(organisation.taxId.trim())) ||
+                                                                                            (implementOwner === null || implementOwner === void 0 ? void 0 : implementOwner.taxId) ===
+                                                                                                organisation.taxId ||
+                                                                                            ((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.implementingOwner.trim()) ===
+                                                                                                organisation.taxId }, organisation.name +
+                                                                                        " - " +
+                                                                                        Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(organisation.govDep)]));
+                                                                                }))),
+                                                                            React.createElement(Form.Item, __assign({}, restField, { label: t("addProgramme:ownership"), className: "ownership-percent", name: [
+                                                                                    name,
+                                                                                    "proponentPercentage",
+                                                                                ], initialValue: "Supporting", labelCol: { span: 24 }, wrapperCol: { span: 24 }, shouldUpdate: true }),
+                                                                                React.createElement(InputNumber, { size: "large", disabled: true })),
+                                                                            React.createElement(MinusCircleOutlined, { className: "dynamic-delete-button", onClick: function () {
+                                                                                    remove(name);
+                                                                                } }))));
+                                                                }),
+                                                                React.createElement(Form.Item, null,
+                                                                    React.createElement(Button, { type: "dashed", onClick: function () { return add(); }, icon: React.createElement(PlusOutlined, null) }))));
+                                                        }))),
                                                     React.createElement(Form.Item, { label: t("addProgramme:environmentalAssessmentRegistrationNo"), name: "environmentalAssessmentRegistrationNo", initialValue: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.environmentalAssessmentRegistrationNo, rules: [
                                                             {
                                                                 required: true,
@@ -14374,25 +14873,6 @@ var ProgrammeCreationComponent = function (props) {
                                                             },
                                                         ] },
                                                         React.createElement(Select, { mode: "multiple", size: "large", maxTagCount: 2, onChange: onChangeGeoLocation, loading: loadingList, className: "custom-select", allowClear: true }, regionsList.map(function (region) { return (React.createElement(Select.Option, { value: region }, region)); })))))),
-                                        React.createElement(Row, { className: "selection-details-row", gutter: [16, 16] },
-                                            React.createElement(Col, { md: 24, xl: 12, className: "in-ndc-col" },
-                                                React.createElement(Row, { className: "in-ndc-row" },
-                                                    React.createElement(Col, { md: 16, lg: 18, xl: 18 },
-                                                        React.createElement("div", { className: "included-label" },
-                                                            React.createElement("div", null, t("addProgramme:inNDC")),
-                                                            React.createElement("div", { className: "info-container" },
-                                                                React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "topLeft", trigger: "hover", title: t("addProgramme:inNDCToolTip"), overlayClassName: "custom-tooltip" },
-                                                                    React.createElement(InfoCircle, { color: "#000000", size: 17 }))))),
-                                                    React.createElement(Col, { md: 8, lg: 6, xl: 6, className: "included-val" },
-                                                        React.createElement(Radio.Group, { size: "middle", disabled: ndcScopeChanged, value: includedInNDC, onChange: onInCludedNDCChange },
-                                                            React.createElement("div", { className: "yes-no-radio-container" },
-                                                                React.createElement(Radio.Button, { className: "yes-no-radio", value: true, onClick: function () {
-                                                                        return onClickIncludedInNDCScope(true);
-                                                                    } }, t("addProgramme:yes"))),
-                                                            React.createElement("div", { className: "yes-no-radio-container" },
-                                                                React.createElement(Radio.Button, { className: "yes-no-radio", value: false, onClick: function () {
-                                                                        return onClickIncludedInNDCScope(false);
-                                                                    } }, t("addProgramme:no")))))))),
                                         React.createElement("div", { className: "steps-actions" },
                                             React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onClick: checkOrgPercentageValidation }, t("addProgramme:next"))))))),
                         },
@@ -14432,11 +14912,13 @@ var ProgrammeCreationComponent = function (props) {
                                                             },
                                                         ] },
                                                         React.createElement(InputNumber, { size: "large", style: { width: "100%", paddingRight: 12 } })),
-                                                    React.createElement(Form.Item, { label: t("addProgramme:minViableCarbonPrice"), name: "minViableCarbonPrice" },
-                                                        React.createElement(InputNumber, { disabled: true, size: "large", style: { width: "100%", paddingRight: 12 } })))),
+                                                    article6trade && (React.createElement(Form.Item, { label: t("addProgramme:minViableCarbonPrice"), name: "minViableCarbonPrice" },
+                                                        React.createElement(InputNumber, { disabled: true, size: "large", style: { width: "100%", paddingRight: 12 } }))))),
                                             React.createElement(Col, { xl: 12, md: 24 },
                                                 React.createElement("div", { className: "details-part-two" },
-                                                    React.createElement(Form.Item, { label: t("addProgramme:creditEst"), name: "creditEst", rules: [
+                                                    React.createElement(Form.Item, { label: article6trade
+                                                            ? t("addProgramme:creditEst")
+                                                            : t("addProgramme:creditReduction"), name: "creditEst", rules: [
                                                             {
                                                                 required: true,
                                                                 message: "",
@@ -14448,7 +14930,9 @@ var ProgrammeCreationComponent = function (props) {
                                                                             String(value).trim() === undefined ||
                                                                             value === null ||
                                                                             value === undefined) {
-                                                                            throw new Error("".concat(t("addProgramme:creditEst"), " ").concat(t("isRequired")));
+                                                                            throw new Error("".concat(article6trade
+                                                                                ? t("addProgramme:creditEst")
+                                                                                : t("addProgramme:creditReduction"), " ").concat(t("isRequired")));
                                                                         }
                                                                         else if (!isNaN(value) &&
                                                                             Number(value) > 0) {
@@ -14519,7 +15003,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, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
+    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 _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
     var formOne = Form.useForm()[0];
     var state = useLocation().state;
@@ -14937,7 +15421,7 @@ var LanguageSelection = function (props) {
 };
 
 var UserProfileComponent = function (props) {
-    var t = props.t, i18n = props.i18n, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin;
+    var t = props.t, i18n = props.i18n, useConnection = props.useConnection, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin, useUserContext = props.useUserContext;
     var get = useConnection().get;
     var _a = useState(undefined), organisationDetails = _a[0], setOrganisationDetails = _a[1];
     var _b = useState(undefined), userDetails = _b[0], setUserDetails = _b[1];
@@ -15058,6 +15542,20 @@ var UserProfileComponent = function (props) {
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
                                     React.createElement(Col, { span: 12, className: "field-value" },
                                         React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
+                                ((organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
+                                    CompanyRole.MINISTRY ||
+                                    (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
+                                        CompanyRole.GOVERNMENT) && (React.createElement(React.Fragment, null,
+                                    React.createElement(Row, { className: "field" },
+                                        React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministryName")),
+                                        React.createElement(Col, { span: 12, className: "field-value" }, (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.ministry)
+                                            ? organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.ministry
+                                            : "-")),
+                                    React.createElement(Row, { className: "field" },
+                                        React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:govDepName")),
+                                        React.createElement(Col, { span: 12, className: "field-value" }, (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.govDep)
+                                            ? Object.keys(GovDepartment)[Object.values(GovDepartment).indexOf(organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.govDep)]
+                                            : "-")))),
                                 (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
                                     CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
                                     React.createElement(Row, { className: "field" },
@@ -15105,7 +15603,7 @@ styleInject(css_248z$k);
 
 var Search = Input.Search;
 var UserManagementComponent = function (props) {
-    var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser;
+    var t = props.t, useAbilityContext = props.useAbilityContext, useConnection = props.useConnection, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser, userInfoState = props.userInfoState;
     Form.useForm()[0];
     var _a = useConnection(), post = _a.post, del = _a.delete;
     var _b = useState(), totalUser = _b[0], setTotalUser = _b[1];
@@ -15127,7 +15625,6 @@ 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");
@@ -15640,7 +16137,7 @@ var UserManagementComponent = function (props) {
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
 };
 
-var css_248z$j = ".steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: flex-start; }\n\n.details-part-two .ant-input-number {\n  width: 50%;\n  margin-left: 15px; }\n\n.investment-title-bar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0px 0px 30px 0px; }\n  .investment-title-bar .title {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between; }\n  .investment-title-bar .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n  .investment-title-bar .flex-display {\n    margin-left: 15px; }\n\n.ownership-container {\n  padding: 15px 0px; }\n  .ownership-container .label {\n    color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n  padding: 5px;\n  color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n  max-width: 320px; }\n\n.role-group .condition-radio-container {\n  width: 48%;\n  text-align: center; }\n  .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n    color: #ffffff !important;\n    border-color: #9155fd !important;\n    box-shadow: none;\n    max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n  background-color: transparent; }\n\n.role-group .anticon {\n  margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n  border: 1px solid #d9d9d9;\n  color: rgba(140, 140, 140, 0.7) !important;\n  width: 100% !important; }\n\n.role-group .condition-radio {\n  width: 100%;\n  text-transform: uppercase; }\n  .role-group .condition-radio .ant-radio-button-checked {\n    background: #9155fd;\n    color: #ffffff; }\n\n.role-group .role-icons {\n  margin-right: 5px; }\n\n.investment-management .role-icon {\n  padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Cancelled\"] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Accepted\"] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Pending\"] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Recognised\"] + .ant-checkbox-inner {\n  background-color: #976ed7;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"NotRecognised\"] + .ant-checkbox-inner {\n  background-color: #ffa070;\n  border: none; }\n";
+var css_248z$j = ".steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: flex-start; }\n\n.investment-title-bar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0px 0px 30px 0px; }\n  .investment-title-bar .title {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between; }\n  .investment-title-bar .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n  .investment-title-bar .flex-display {\n    margin-left: 15px; }\n\n.ownership-container {\n  padding: 15px 0px; }\n  .ownership-container .label {\n    color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n  padding: 5px;\n  color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n  max-width: 320px; }\n\n.role-group .condition-radio-container {\n  width: 48%;\n  text-align: center; }\n  .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n    color: #ffffff !important;\n    border-color: #9155fd !important;\n    box-shadow: none;\n    max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n  background-color: transparent; }\n\n.role-group .anticon {\n  margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n  border: 1px solid #d9d9d9;\n  color: rgba(140, 140, 140, 0.7) !important;\n  width: 100% !important; }\n\n.role-group .condition-radio {\n  width: 100%;\n  text-transform: uppercase; }\n  .role-group .condition-radio .ant-radio-button-checked {\n    background: #9155fd;\n    color: #ffffff; }\n\n.role-group .role-icons {\n  margin-right: 5px; }\n\n.investment-management .role-icon {\n  padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n  background-color: #976ed7;\n  border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n  background-color: #ffa070;\n  border: none; }\n";
 styleInject(css_248z$j);
 
 var Loading = function () {
@@ -15648,34 +16145,21 @@ var Loading = function () {
 };
 
 var InvestmentCreationComponent = function (props) {
-    var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onNavigateToInvestmentManagementView = props.onNavigateToInvestmentManagementView;
+    var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
     var state = useLocation().state;
     var _a = useState(), data = _a[0], setData = _a[1];
-    var _b = useState({}), companyNames = _b[0], setCompanyNames = _b[1];
-    var _c = useState({}); _c[0]; var setUserOrganization = _c[1];
-    var _d = useState({}), investmentNames = _d[0], setInvestmentNames = _d[1];
-    var _e = useState(), projectData = _e[0], setProjectData = _e[1];
-    var _f = useState(), investmentData = _f[0], setInvestmentData = _f[1];
-    var _g = useState([]), allProjectData = _g[0], setAllProjectData = _g[1];
     var formOne = Form.useForm()[0];
     var formTwo = Form.useForm()[0];
     var post = useConnection().post;
-    var _h = useState(false), loading = _h[0], setLoading = _h[1];
-    var _j = useState("New"), typeCreation = _j[0], setTypeCreation = _j[1];
-    var _k = useState(InvestmentOwnershipType.PROJECT), investmentOwnershipType = _k[0], setInvestmentOwnershipType = _k[1];
-    var _l = useState(false), loadingList = _l[0], setLoadingList = _l[1];
-    var _m = useState(false), loadingInvestment = _m[0], setLoadingInvestment = _m[1];
-    var _o = useState(false), loadingProgData = _o[0], setLoadingProgData = _o[1];
-    var _p = useState(0), current = _p[0], setCurrent = _p[1];
-    var _q = useState(0), currentPercTotal = _q[0], setCurrentPercTotal = _q[1];
-    var _r = useState([]), organisationsList = _r[0], setOrganisationList = _r[1];
-    var _s = useState([]), nationalInvestmentList = _s[0], setNationalInvestmentList = _s[1];
-    var _t = useState([]), instrument = _t[0], setInstrument = _t[1];
-    var _u = useState(), stepOneData = _u[0], setStepOneData = _u[1];
-    var _v = useState(), govData = _v[0], setGovData = _v[1];
-    var userInfoState = useUserContext().userInfoState;
-    var _w = useState([]), ministrySectoralScope = _w[0], setMinistrySectoralScope = _w[1];
-    var _x = useState({}), prevInvestor = _x[0], setPrevInvestor = _x[1];
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = useState("New"), typeCreation = _c[0], setTypeCreation = _c[1];
+    var _d = useState(false), loadingList = _d[0], setLoadingList = _d[1];
+    var _e = useState(0), current = _e[0], setCurrent = _e[1];
+    var _f = useState(0), currentPercTotal = _f[0], setCurrentPercTotal = _f[1];
+    var _g = useState([]), organisationsList = _g[0], setOrganisationList = _g[1];
+    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 instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
         label: addSpaces(Object.values(Instrument)[index]),
         value: Object.values(Instrument)[index],
@@ -15726,225 +16210,52 @@ var InvestmentCreationComponent = function (props) {
             }
         });
     }); };
-    var getAllProjectData = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoadingProgData(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 5, 6, 7]);
-                    if (!data) return [3 /*break*/, 4];
-                    if (!!(data === null || data === void 0 ? void 0 : data.programmeId)) return [3 /*break*/, 3];
-                    console.log("data non existing", data);
-                    console.log("getting all Project data");
-                    return [4 /*yield*/, post("national/programme/query", {
-                            page: 1,
-                            size: 100,
-                            filterAnd: [
-                                {
-                                    key: "currentStage",
-                                    operation: "!=",
-                                    value: ProgrammeStageUnified.Rejected,
-                                },
-                            ],
-                        })];
-                case 2:
-                    response = _a.sent();
-                    if (response.data) {
-                        setAllProjectData(response === null || response === void 0 ? void 0 : response.data);
-                        console.log("all Project data", response === null || response === void 0 ? void 0 : response.data);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    console.log("setting current Project data");
-                    setAllProjectData([data]);
-                    _a.label = 4;
-                case 4: return [3 /*break*/, 7];
-                case 5:
-                    error_2 = _a.sent();
-                    console.log("Error in getting all programme data", error_2);
-                    return [3 /*break*/, 7];
-                case 6:
-                    setLoadingProgData(false);
-                    return [7 /*endfinally*/];
-                case 7: return [2 /*return*/];
-            }
-        });
-    }); };
-    var setSelectedProgramme = function (value) { return __awaiter(void 0, void 0, void 0, function () {
-        var _i, allProjectData_1, obj;
-        return __generator(this, function (_a) {
-            console.log("setSelectedProgramme", value);
-            for (_i = 0, allProjectData_1 = allProjectData; _i < allProjectData_1.length; _i++) {
-                obj = allProjectData_1[_i];
-                if (obj.programmeId == value) {
-                    setProjectData(obj);
-                    break;
-                }
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var setSelectedInvestment = function (value) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            console.log("setSelectedInvestment", value);
-            setInvestmentData(investmentNames[value]);
-            return [2 /*return*/];
-        });
-    }); };
-    var getNationalInvestmentDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var optionalFilters, filterAnd, filterOr_1, response, investmentData_1, _i, _a, investment, error_3;
+    var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var filterAnd, _i, _a, c, response, error_2;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    setLoadingInvestment(true);
+                    setLoadingList(true);
                     _b.label = 1;
                 case 1:
                     _b.trys.push([1, 3, 4, 5]);
-                    optionalFilters = {};
                     filterAnd = [];
                     filterAnd = [
                         {
-                            key: "category",
+                            key: "companyRole",
                             operation: "=",
-                            value: InvestmentOwnershipType.NATIONAL.toString(),
-                        },
-                        {
-                            key: "amount",
-                            operation: ">",
-                            value: 0,
+                            value: CompanyRole.PROGRAMME_DEVELOPER.toString(),
                         },
                     ];
                     if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER) {
                         filterAnd.push({
-                            key: "toCompanyId",
-                            operation: "=",
+                            key: "companyId",
+                            operation: "!=",
                             value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
                         });
                     }
-                    else if (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
-                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
-                        (data === null || data === void 0 ? void 0 : data.programmeId)) {
-                        filterOr_1 = [];
-                        data.companyId.map(function (id) {
-                            return filterOr_1.push({
-                                key: "toCompanyId",
-                                operation: "=",
-                                value: id,
-                            });
+                    for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
+                        c = _a[_i];
+                        filterAnd.push({
+                            key: "companyId",
+                            operation: "!=",
+                            value: c,
                         });
-                        optionalFilters.filterOr = filterOr_1;
-                    }
-                    return [4 /*yield*/, post("national/programme/investmentQuery", __assign({ page: 1, size: 100, filterAnd: filterAnd }, optionalFilters))];
-                case 2:
-                    response = _b.sent();
-                    if (response.data) {
-                        setNationalInvestmentList(response === null || response === void 0 ? void 0 : response.data);
-                        investmentData_1 = {};
-                        for (_i = 0, _a = response === null || response === void 0 ? void 0 : response.data; _i < _a.length; _i++) {
-                            investment = _a[_i];
-                            investmentData_1[investment.requestId] = investment;
-                        }
-                        setInvestmentNames(investmentData_1);
-                        console.log(investmentData_1);
                     }
-                    return [3 /*break*/, 5];
-                case 3:
-                    error_3 = _b.sent();
-                    console.log("Error in getting national Investments list", error_3);
-                    return [3 /*break*/, 5];
-                case 4:
-                    setLoadingInvestment(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    var getUserOrganization = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_4;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, post("national/organisation/query", {
+                    return [4 /*yield*/, post("national/organisation/queryNames", {
                             page: 1,
                             size: 100,
-                            filterAnd: [
-                                { key: "companyId", operation: "=", value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId },
-                            ],
+                            filterAnd: filterAnd,
                         })];
-                case 1:
-                    response = _a.sent();
-                    console.log("getUserOrganization", response.data[0]);
-                    setUserOrganization(response.data[0]);
-                    setMinistrySectoralScope(response.data[0].sectoralScope);
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_4 = _a.sent();
-                    console.log("Error in getting user organization", error_4);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var filterAnd, filterOr, _i, _a, c, filters, response, companyName, _b, _c, company, error_5;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    setLoadingList(true);
-                    _d.label = 1;
-                case 1:
-                    _d.trys.push([1, 3, 4, 5]);
-                    filterAnd = [];
-                    filterOr = [];
-                    filterAnd = [
-                        {
-                            key: "companyRole",
-                            operation: "=",
-                            value: CompanyRole.PROGRAMME_DEVELOPER.toString(),
-                        },
-                    ];
-                    // if (userInfoState?.companyRole === CompanyRole.PROGRAMME_DEVELOPER) {
-                    //   filterAnd.push({
-                    //     key: "companyId",
-                    //     operation: "!=",
-                    //     value: userInfoState?.companyId,
-                    //   });
-                    // }
-                    if (data === null || data === void 0 ? void 0 : data.companyId) {
-                        for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
-                            c = _a[_i];
-                            filterOr.push({
-                                key: "companyId",
-                                operation: "=",
-                                value: c,
-                            });
-                        }
-                    }
-                    filters = void 0;
-                    if (filterOr.length) {
-                        filters.filterOr = filterOr;
-                    }
-                    return [4 /*yield*/, post("national/organisation/queryNames", __assign({ page: 1, size: 100, filterAnd: filterAnd }, filters))];
                 case 2:
-                    response = _d.sent();
+                    response = _b.sent();
                     if (response.data) {
                         setOrganisationList(response === null || response === void 0 ? void 0 : response.data);
-                        companyName = {};
-                        for (_b = 0, _c = response === null || response === void 0 ? void 0 : response.data; _b < _c.length; _b++) {
-                            company = _c[_b];
-                            companyName[Number(company.companyId)] = company.name;
-                        }
-                        setCompanyNames(companyName);
-                        console.log(companyName);
                     }
                     return [3 /*break*/, 5];
                 case 3:
-                    error_5 = _d.sent();
-                    console.log("Error in getting organization list", error_5);
+                    error_2 = _b.sent();
+                    console.log("Error in getting organization list", error_2);
                     return [3 /*break*/, 5];
                 case 4:
                     setLoadingList(false);
@@ -15959,71 +16270,52 @@ var InvestmentCreationComponent = function (props) {
             return;
         }
         if (state === null || state === void 0 ? void 0 : state.record) {
-            console.log("condition 1 data", state === null || state === void 0 ? void 0 : state.record);
             setData(state === null || state === void 0 ? void 0 : state.record);
         }
         else {
-            console.log("condition 2 data", { ownership: true });
             setData({ ownership: true });
         }
     }, []);
     useEffect(function () {
-        // if (data) {
-        //   const keys = Object.keys(data);
-        //   if (keys[0] !== "ownership") {
-        //     getOrganisationsDetails();
-        //   }
-        // }
-        getNationalInvestmentDetails();
-        getOrganisationsDetails();
+        if (data) {
+            var keys = Object.keys(data);
+            if (keys[0] !== "ownership") {
+                getOrganisationsDetails();
+            }
+        }
         getGovernmentDetails();
-        getAllProjectData();
-        getUserOrganization();
     }, [data]);
-    if (!data && allProjectData.length == 0) {
+    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 (const company of data!?.company) {
-        //   companyName[company?.companyId] = company;
-        // }
+        for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
+            var company = _l[_i];
+            companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
+        }
         if (!data.proponentPercentage) {
             data.proponentPercentage = [100];
         }
     }
     var nextOne = function (val) {
-        console.log("step 1 values", val);
-        if (val.typeCreation == InvestmentCreationType.EXISTING) {
-            val.toCompanyId = investmentData.toCompanyId;
-        }
         setCurrent(current + 1);
         setStepOneData(val);
-        if (data === null || data === void 0 ? void 0 : data.programmeId)
-            setSelectedProgramme(data.programmeId);
-        if (prevInvestor && prevInvestor != val.toCompanyId && !(data === null || data === void 0 ? void 0 : data.programmeId)) {
-            formTwo.resetFields();
-            setCurrentPercTotal(0);
-            setProjectData(undefined);
-        }
     };
     var prevOne = function () {
         setCurrent(current - 1);
-        setPrevInvestor(stepOneData.toCompanyId);
-        // formTwo.resetFields();
-        // setCurrentPercTotal(0);
-        // setProjectData(undefined);
     };
     var submitInvestment = function (val) { return __awaiter(void 0, void 0, void 0, function () {
-        var payload, response, error_6;
+        var payload, response, error_3;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     console.log(val);
                     console.log(stepOneData);
-                    console.log("OwnershipType", investmentOwnershipType);
                     setLoading(true);
                     payload = stepOneData;
+                    payload.programmeId = data.programmeId;
                     payload.amount = parseFloat(payload.amount);
                     if (payload.interestRate) {
                         payload.interestRate = parseFloat(payload.interestRate);
@@ -16031,27 +16323,15 @@ var InvestmentCreationComponent = function (props) {
                     if (payload.paymentPerMetric) {
                         payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
                     }
+                    payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
+                    payload.percentage = val.percentage;
                     payload.toCompanyId = Number(payload.toCompanyId);
                     _a.label = 1;
                 case 1:
-                    _a.trys.push([1, 6, 7, 8]);
-                    response = void 0;
-                    if (!(investmentOwnershipType == InvestmentOwnershipType.PROJECT)) return [3 /*break*/, 3];
-                    if (typeCreation == InvestmentCreationType.EXISTING) {
-                        payload.nationalInvestmentId = investmentData.requestId;
-                    }
-                    payload.programmeId = projectData === null || projectData === void 0 ? void 0 : projectData.programmeId;
-                    payload.fromCompanyIds = projectData === null || projectData === void 0 ? void 0 : projectData.companyId.map(function (e) { return Number(e); });
-                    payload.percentage = val.percentage;
+                    _a.trys.push([1, 3, 4, 5]);
                     return [4 /*yield*/, post("national/programme/addInvestment", payload)];
                 case 2:
                     response = _a.sent();
-                    return [3 /*break*/, 5];
-                case 3: return [4 /*yield*/, post("national/organisation/addInvestment", payload)];
-                case 4:
-                    response = _a.sent();
-                    _a.label = 5;
-                case 5:
                     console.log("investment creation -> ", response);
                     if ((response === null || response === void 0 ? void 0 : response.statusText) === "SUCCESS") {
                         message.open({
@@ -16061,24 +16341,22 @@ var InvestmentCreationComponent = function (props) {
                             style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                         });
                     }
-                    (data === null || data === void 0 ? void 0 : data.programmeId)
-                        ? onNavigateToProgrammeView(data === null || data === void 0 ? void 0 : data.programmeId)
-                        : onNavigateToInvestmentManagementView();
-                    return [3 /*break*/, 8];
-                case 6:
-                    error_6 = _a.sent();
-                    console.log("Error in investment creation - ", error_6);
+                    onNavigateToProgrammeView(data.programmeId);
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_3 = _a.sent();
+                    console.log("Error in investment creation - ", error_3);
                     message.open({
                         type: "error",
-                        content: error_6 === null || error_6 === void 0 ? void 0 : error_6.message,
+                        content: error_3 === null || error_3 === void 0 ? void 0 : error_3.message,
                         duration: 4,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 8];
-                case 7:
+                    return [3 /*break*/, 5];
+                case 4:
                     setLoading(false);
                     return [7 /*endfinally*/];
-                case 8: return [2 /*return*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
@@ -16090,16 +16368,8 @@ 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);
-        formOne.resetFields();
-        formTwo.resetFields();
-        setCurrentPercTotal(0);
-        setProjectData(undefined);
-    };
-    var onChangeInvestmentOwnershipType = function (e) {
-        console.log("investment ownership type radio checked", e.target.value);
-        setInvestmentOwnershipType(e.target.value);
     };
     return (React.createElement("div", { className: "add-programme-main-container" },
         React.createElement("div", { className: "title-container" },
@@ -16124,263 +16394,242 @@ 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)))); }))))),
-                                        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) {
-                                                                if (data === null || data === void 0 ? void 0 : data.programmeId) {
-                                                                    if (data.companyId
-                                                                        .map(function (id) { return Number(id); })
-                                                                        .includes(Number(organisation.companyId))) {
-                                                                        return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name));
-                                                                    }
-                                                                }
-                                                                else {
-                                                                    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: [
+                                        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: false,
+                                                                required: true,
+                                                                message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
                                                             },
                                                         ] },
-                                                        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: [
+                                                        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: false,
+                                                                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(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: [
+                                                        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(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)); }))))))),
-                                        typeCreation == InvestmentCreationType.EXISTING && (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:existingInvestmentSource"), name: "existinngInvestmentId", wrapperCol: { span: 24 }, rules: [
+                                                        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: [
+                                                        {
+                                                            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")))))))),
+                        },
+                        {
+                            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: [
                                                                 {
-                                                                    required: true,
-                                                                    message: "".concat(t("programme:existingInvestmentSource"), " ").concat(t("isRequired")),
+                                                                    pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
+                                                                    message: "Percentage Should be a positive number",
                                                                 },
-                                                            ] },
-                                                            React.createElement(Select, { size: "large", loading: loadingInvestment, onChange: setSelectedInvestment }, nationalInvestmentList.map(function (investment) { return (React.createElement(Select.Option, { key: investment.requestId, value: investment.requestId }, investment.investmentName)); })))))),
-                                            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: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")));
-                                                                            }
-                                                                        });
-                                                                    }); },
+                                                                    message: "Required field",
                                                                 },
                                                                 function (_a) {
                                                                     var getFieldValue = _a.getFieldValue;
                                                                     return ({
                                                                         validator: function (rule, v) {
-                                                                            if (getFieldValue("amount") &&
-                                                                                investmentData &&
-                                                                                investmentData.amount <
-                                                                                    parseFloat(getFieldValue("amount"))) {
+                                                                            if (getFieldValue([
+                                                                                "percentage",
+                                                                                index,
+                                                                            ]) &&
+                                                                                parseFloat(getFieldValue([
+                                                                                    "percentage",
+                                                                                    index,
+                                                                                ])) > data.proponentPercentage[index]) {
                                                                                 // eslint-disable-next-line prefer-promise-reject-errors
                                                                                 return Promise.reject("Amount > Available");
                                                                             }
@@ -16389,178 +16638,30 @@ var InvestmentCreationComponent = function (props) {
                                                                     });
                                                                 },
                                                             ] },
-                                                            React.createElement(Input, { size: "large" })))),
-                                                React.createElement(Col, { xl: 12, md: 24 },
-                                                    React.createElement("div", { className: "details-part-two" },
-                                                        React.createElement(Form.Item, { label: " ", name: "sourceAmount" },
-                                                            React.createElement("div", null,
-                                                                "/",
-                                                                React.createElement(InputNumber, { size: "large", width: "100%", formatter: function (value) {
-                                                                        return "$".concat(addCommSep(value));
-                                                                    }, disabled: true, value: investmentData
-                                                                        ? investmentData.amount
-                                                                        : 0 })))))))),
-                                        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: "investment-sought-form-container" },
-                                    React.createElement("div", { className: "investment-sought-form" },
-                                        React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true },
-                                            React.createElement(Row, { className: "row", gutter: [4, 4] },
-                                                React.createElement(Col, { xl: 8, md: 12 },
-                                                    React.createElement(Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "investmentOwnershipType", rules: [
-                                                            {
-                                                                required: false,
-                                                            },
-                                                        ] },
-                                                        React.createElement(Radio.Group, { size: "large", defaultValue: typeCreation ==
-                                                                InvestmentCreationType.EXISTING
-                                                                ? InvestmentOwnershipType.PROJECT
-                                                                : investmentOwnershipType }, Object.values(InvestmentOwnershipType).map(function (k, index) {
-                                                            if (!(typeCreation ==
-                                                                InvestmentCreationType.EXISTING &&
-                                                                k == InvestmentOwnershipType.NATIONAL) &&
-                                                                !(k ==
-                                                                    InvestmentOwnershipType.NATIONAL &&
-                                                                    (data === null || data === void 0 ? void 0 : data.programmeId))) {
-                                                                return (React.createElement("div", { className: "condition-radio-container" },
-                                                                    React.createElement(Tooltip, { title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
-                                                                            CompanyRole.PROGRAMME_DEVELOPER &&
-                                                                            stepOneData.toCompanyId !=
-                                                                                userInfoState.companyId &&
-                                                                            k ==
-                                                                                InvestmentOwnershipType.NATIONAL
-                                                                            ? "This action is unauthorized due to the selected investor name."
-                                                                            : "", color: TooltipColor, key: TooltipColor },
-                                                                        React.createElement(Radio.Button, { className: "condition-radio", value: k, onChange: onChangeInvestmentOwnershipType, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
-                                                                                CompanyRole.PROGRAMME_DEVELOPER &&
-                                                                                stepOneData.toCompanyId !=
-                                                                                    userInfoState.companyId &&
-                                                                                k ==
-                                                                                    InvestmentOwnershipType.NATIONAL }, t("programme:" + k)))));
-                                                            }
-                                                        })))))))),
-                                React.createElement("div", { className: "programme-sought-form-container ownership-container" },
-                                    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 },
-                                            allProjectData.length > 0 &&
-                                                investmentOwnershipType ==
-                                                    InvestmentOwnershipType.PROJECT && (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:title"), name: "projectId", wrapperCol: { span: 24 }, initialValue: (data === null || data === void 0 ? void 0 : data.programmeId) != undefined
-                                                                    ? allProjectData[0].programmeId
-                                                                    : null, rules: [
-                                                                    {
-                                                                        required: true,
-                                                                        message: "".concat(t("programme:title"), " ").concat(t("isRequired")),
-                                                                    },
-                                                                ] },
-                                                                React.createElement(Select, { size: "large", loading: loadingProgData, 
-                                                                    // defaultValue={
-                                                                    //   allProjectData.length == 1
-                                                                    //     ? allProjectData[0].programmeId
-                                                                    //     : null
-                                                                    // }
-                                                                    disabled: allProjectData.length == 1 &&
-                                                                        (data === null || data === void 0 ? void 0 : data.programmeId) != undefined, onChange: setSelectedProgramme }, allProjectData.map(function (project) {
-                                                                    if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
-                                                                        CompanyRole.PROGRAMME_DEVELOPER &&
-                                                                        Number(stepOneData.toCompanyId) !=
-                                                                            userInfoState.companyId) {
-                                                                        if (project.companyId
-                                                                            .map(function (id) { return Number(id); })
-                                                                            .includes(userInfoState.companyId)) {
-                                                                            return (React.createElement(Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
-                                                                        }
-                                                                    }
-                                                                    else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ===
-                                                                        CompanyRole.MINISTRY) {
-                                                                        if (ministrySectoralScope.includes(project.sectoralScope)) {
-                                                                            return (React.createElement(Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
-                                                                        }
-                                                                    }
-                                                                    else {
-                                                                        return (React.createElement(Select.Option, { key: project.programmeId, value: project.programmeId }, project.title));
-                                                                    }
-                                                                })))))), projectData === null || projectData === void 0 ? void 0 :
-                                                projectData.companyId.map(function (companyId, index) {
-                                                    if (formTwo.getFieldValue("percentage") &&
-                                                        formTwo.getFieldValue("percentage")[index] &&
-                                                        companyId == stepOneData.toCompanyId) {
-                                                        formTwo.getFieldValue("percentage")[index] = 0;
-                                                    }
-                                                    return (React.createElement(Row, { className: "row", gutter: [16, 16] },
-                                                        React.createElement(Col, { xl: 8, md: 15 },
-                                                            React.createElement("div", { className: "label" },
-                                                                companyNames[Number(companyId)],
-                                                                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,
-                                                                                    ])) >
-                                                                                        projectData
-                                                                                            .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 ||
-                                                                        companyId ==
-                                                                            stepOneData.toCompanyId, value: 0, 
-                                                                    // 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(projectData === null || projectData === void 0 ? void 0 : projectData.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) {
+                                                            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(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")),
@@ -16675,7 +16776,7 @@ var InvestmentActionModel = function (props) {
 };
 
 var InvestmentManagementComponent = function (props) {
-    var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
+    var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, 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]),
@@ -17013,10 +17114,7 @@ var InvestmentManagementComponent = function (props) {
             sorter: true,
             align: "left",
             render: function (item) {
-                if (item) {
-                    return React.createElement("span", { className: "clickable" }, item);
-                }
-                return React.createElement("span", null, "-");
+                return React.createElement("span", { className: "clickable" }, item);
             },
             onCell: function (record, rowIndex) {
                 return {
@@ -17074,12 +17172,6 @@ var InvestmentManagementComponent = function (props) {
             key: "programmeSector",
             sorter: true,
             align: "left",
-            render: function (item) {
-                if (item) {
-                    return React.createElement("span", null, item);
-                }
-                return React.createElement("span", null, "-");
-            },
         },
         {
             title: t("programme:investor"),
@@ -17163,11 +17255,7 @@ var InvestmentManagementComponent = function (props) {
             React.createElement("div", { className: "title-bar" },
                 React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
                 React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
-            React.createElement("div", { className: "actions" }, enableAddOwnership &&
-                ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.MINISTRY ||
-                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.GOVERNMENT ||
-                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.PROGRAMME_DEVELOPER) &&
-                userInfoState.userRole != Role.ViewOnly && (React.createElement("div", { className: "action-bar" },
+            React.createElement("div", { className: "actions" }, enableAddOwnership && (React.createElement("div", { className: "action-bar" },
                 React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddOwnership }, t("programme:addOwnership")))))),
         React.createElement("div", { className: "content-card" },
             React.createElement(Row, null,
@@ -17208,7 +17296,7 @@ var InvestmentManagementComponent = function (props) {
                                 return handleTableChange(val, sorter);
                             }, locale: {
                                 emptyText: (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
-                                        ? t("programme:noInvestmentData")
+                                        ? t("creditTransfer:noTransfer")
                                         : null })),
                             } }))))),
         popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
@@ -17221,7 +17309,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, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
+    var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
     useLocation().state;
     var _a = useState(); _a[0]; _a[1];
     var formOne = Form.useForm()[0];
@@ -17234,7 +17322,6 @@ 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],
@@ -17577,7 +17664,7 @@ var SupportCreationComponent = function (props) {
 };
 
 var SupportManagementComponent = function (props) {
-    var translator = props.translator; props.onNavigateToProgrammeView; var enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
+    var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, 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]),
@@ -18079,7 +18166,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, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
+    var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, 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];
@@ -19438,7 +19525,7 @@ var GenderParity = function (props) {
 };
 
 var Assessment = function (props) {
-    var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, translator = props.translator;
+    var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, translator = props.translator;
     translator.setDefaultNamespace("coBenifits");
     var t = translator.t;
     var form1 = Form.useForm()[0];
@@ -21843,7 +21930,7 @@ var SocialEnvironmentalRisk = 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;
+    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 _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];
@@ -21917,7 +22004,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, translator: translator })),
+                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
         },
         {
             label: t("coBenifits:socialEnvironmentalRisk"),
@@ -22086,7 +22173,7 @@ var CoBenifitsComponent = function (props) {
 };
 
 var AddNdcActionComponent = function (props) {
-    var useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
+    var useConnection = props.useConnection, 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];
@@ -22228,7 +22315,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, translator: translator }))),
+                        : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator }))),
         },
     ];
     if (isProjectReportsVisible()) {
@@ -22365,7 +22452,7 @@ var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId
 var NdcActionViewComponent = function (props) {
     var _a;
     var _b, _c;
-    var useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
+    var useUserContext = props.useUserContext, useConnection = props.useConnection, 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;
@@ -22858,7 +22945,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, 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, useConnection: useConnection, 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";
@@ -23011,7 +23098,7 @@ var TransferActionModel = function (props) {
 };
 
 var CreditTransferComponent = function (props) {
-    var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
+    var useConnection = props.useConnection, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
     var userInfoState = useUserContext().userInfoState;
     var t = translator.t;
     var statusOptions = Object.keys(CreditTransferStage).map(function (k, index) { return ({
@@ -23946,8 +24033,8 @@ var MapStatsComponent = function (props) {
 
 var RangePicker$1 = DatePicker.RangePicker;
 var MrvDashboardComponent = function (props) {
-    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 statServerUrl = _b.statServerUrl;
+    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 _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];
     var userInfoState = useUserContext().userInfoState;
@@ -24430,7 +24517,7 @@ var MrvDashboardComponent = function (props) {
                     _e.label = 1;
                 case 1:
                     _e.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, statServerUrl)];
+                    return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, process.env.REACT_APP_STAT_URL)];
                 case 2:
                     response = _e.sent();
                     console.log("Response", response);
@@ -25679,8 +25766,8 @@ var RegistryBarChartsStatComponent = function (props) {
 
 var RangePicker = DatePicker.RangePicker;
 var RegistryDashboardComponent = function (props) {
-    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 statServerUrl = _b.statServerUrl;
+    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 _b = useConnection(); _b.get; var post = _b.post; _b.delete;
     var userInfoState = useUserContext().userInfoState;
     var _c = useState(false), loadingWithoutTimeRange = _c[0], setLoadingWithoutTimeRange = _c[1];
     var _e = useState(false), loading = _e[0], setLoading = _e[1];
@@ -26127,7 +26214,7 @@ var RegistryDashboardComponent = function (props) {
                     _253.label = 1;
                 case 1:
                     _253.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, statServerUrl)];
+                    return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, process.env.REACT_APP_STAT_URL)];
                 case 2:
                     response = _253.sent();
                     totalCreditsCertifiedStats = void 0;
@@ -26404,7 +26491,7 @@ var RegistryDashboardComponent = function (props) {
                     _77.label = 1;
                 case 1:
                     _77.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, statServerUrl)];
+                    return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, process.env.REACT_APP_STAT_URL)];
                 case 2:
                     response = _77.sent();
                     programmeByStatusAggregationResponse = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.stats) === null || _b === void 0 ? void 0 : _b.AGG_PROGRAMME_BY_STATUS) === null || _c === void 0 ? void 0 : _c.data;
@@ -26497,7 +26584,7 @@ var RegistryDashboardComponent = function (props) {
                     _188.label = 1;
                 case 1:
                     _188.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, statServerUrl)];
+                    return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, process.env.REACT_APP_STAT_URL)];
                 case 2:
                     response = _188.sent();
                     programmeByStatusAuthAggregationResponse = void 0;
@@ -27446,7 +27533,7 @@ var NdcActionType;
     NdcActionType[NdcActionType["sub"] = 1] = "sub";
 })(NdcActionType || (NdcActionType = {}));
 var NdcDetailsComponent = function (props) {
-    var t = props.t;
+    var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
     var RangePicker = DatePicker.RangePicker;
     var _a = useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
     var _b = useState(false), loading = _b[0]; _b[1];
@@ -28168,7 +28255,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;
+    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 t = translator.t;
     var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
@@ -28544,7 +28631,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, _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, useConnection = props.useConnection, _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];
@@ -28775,7 +28862,7 @@ var css_248z$2 = ".ndc-action-body {\n  display: flex;\n  flex-direction: column
 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, translator = props.translator, 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, useConnection = props.useConnection, translator = props.translator, useUserContext = props.useUserContext, onFinish = props.onFinish, programme = props.programme;
     var t = translator.t;
     var userInfoState = useUserContext().userInfoState;
     var fileInputMonitoringRef = useRef(null);
@@ -29211,7 +29298,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, 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, useConnection = props.useConnection, useUserContext = props.useUserContext, 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;
@@ -29706,5 +29793,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, ConnectionContextProvider, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentOwnershipType, 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 };
+export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, GovDepartment, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, Ministry, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
 //# sourceMappingURL=index.js.map