@undp/carbon-library 1.0.258-carbon-lib-test.0 → 1.0.258-carbon-lib-test.1

package/dist/esm/index.js

@@ -1,11 +1,11 @@
 import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
 import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
-import React, { useState, useEffect, createContext, useCallback, useContext, useRef } from 'react';
+import React, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
+import axios from 'axios';
 import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
 import validator from 'validator';
-import axios from 'axios';
 import { plainToClass } from 'class-transformer';
 import * as Icon from 'react-bootstrap-icons';
 import { InfoCircle, Lock, PersonDash, PlayCircle, PauseCircle, CircleFill, Clipboard2Pulse, HandThumbsUp, XCircle, ClockHistory, BoxArrowInRight, ShieldX, BoxArrowRight, ShieldCheck, Gem, ShieldExclamation } from 'react-bootstrap-icons';
@@ -490,75 +490,378 @@ var OrganisationStatus = function (props) {
     return orgState;
 };
 
-var Search$2 = Input.Search;
-var CompanyManagementComponent = function (props) {
-    var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
-    var _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];
-    var _d = useState(1), currentPage = _d[0], setCurrentPage = _d[1];
-    var _e = useState(10), pageSize = _e[0], setPageSize = _e[1];
-    var searchByTermOrganisation = useState("name")[0];
-    var _f = useState(""), searchValueOrganisations = _f[0], setSearchValueOrganisations = _f[1];
-    var _g = useState(""), networksearchOrganisations = _g[0], setNetworkSearchOrganisations = _g[1];
-    var _h = useState(false), filterVisible = _h[0], setFilterVisible = _h[1];
-    var _j = useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
-    var _k = useState(""), sortOrder = _k[0], setSortOrder = _k[1];
-    var _l = useState(""), sortField = _l[0], setSortField = _l[1];
-    var ability = useAbilityContext();
-    document.addEventListener("mousedown", function (event) {
-        var organisationFilterArea1 = document.querySelector(".filter-bar");
-        var organisationFilterArea2 = document.querySelector(".filter-dropdown");
-        if (organisationFilterArea1 !== null && organisationFilterArea2 !== null) {
-            if (organisationFilterArea1.contains(event.target) ||
-                organisationFilterArea2.contains(event.target)) {
-                setFilterVisible(true);
+function e$1(e){this.message=e;}e$1.prototype=new Error,e$1.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e$1("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t$1(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n$1(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n$1("Invalid token specified");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t$1(e.split(".")[o]))}catch(e){throw new n$1("Invalid token specified: "+e.message)}}n$1.prototype=new Error,n$1.prototype.name="InvalidTokenError";
+
+var ConnectionContext = createContext({});
+var ConnectionContextProvider = function (props) {
+    var _a = useState(), token = _a[0], setToken = _a[1];
+    var serverURL = props.serverURL, t = props.t, children = props.children;
+    useEffect(function () {
+        var timer = setInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
+            var newToken;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, localStorage.getItem('token')];
+                    case 1:
+                        newToken = _a.sent();
+                        if (token !== newToken) {
+                            setToken(newToken);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); }, 3000);
+        if (token) {
+            clearTimeout(timer);
+        }
+        return function () {
+            clearTimeout(timer);
+        };
+    }, [token]);
+    var send = useCallback(function (method, path, data, config, extraUrl) {
+        return new Promise(function (resolve, reject) {
+            var url = "".concat(extraUrl ? extraUrl : serverURL, "/").concat(path);
+            var headers;
+            if (token) {
+                headers = { authorization: "Bearer ".concat(token.toString()) };
             }
             else {
-                setFilterVisible(false);
+                localStorage.getItem('token');
+                headers = {
+                    authorization: "Bearer ".concat(localStorage.getItem('token')),
+                };
+            }
+            axios(__assign({ method: method, url: url, data: data, headers: headers }, config))
+                .then(function (response) {
+                var _a, _b, _c;
+                if (response.status) {
+                    if (response.status === 200 || response.status === 201) {
+                        resolve({
+                            status: response.status,
+                            data: (_a = response.data.data) !== null && _a !== void 0 ? _a : response.data,
+                            response: response,
+                            statusText: 'SUCCESS',
+                            message: response.data.message,
+                        });
+                    }
+                    else if (response.status === 422) {
+                        reject({
+                            status: response.status,
+                            data: (_b = response.data) === null || _b === void 0 ? void 0 : _b.data,
+                            statusText: 'ERROR',
+                            response: response,
+                            message: response.data.message,
+                            errors: (_c = response.data) === null || _c === void 0 ? void 0 : _c.errors,
+                        });
+                    }
+                }
+                else {
+                    reject({
+                        status: 500,
+                        statusText: 'UNKNOWN',
+                        message: t('common:systemError'),
+                    });
+                }
+            })
+                .catch(function (e) {
+                var _a;
+                if (e.response) {
+                    if (e.response.status) {
+                        if (e.response.data.message === 'jwt expired') {
+                            localStorage.removeItem('token');
+                            window.location.reload();
+                        }
+                        reject({
+                            status: e.response.status,
+                            statusText: 'ERROR',
+                            errors: (_a = e.response.data) === null || _a === void 0 ? void 0 : _a.errors,
+                            message: e.response.data.message,
+                        });
+                    }
+                    else {
+                        reject({
+                            statusText: 'ERROR',
+                            message: t('common:systemError'),
+                        });
+                    }
+                }
+                else {
+                    reject({
+                        statusText: 'ERROR',
+                        message: t('common:networkError'),
+                    });
+                }
+            });
+        });
+    }, [token, serverURL]);
+    var post = useCallback(function (path, data, config, extraUrl) {
+        return send('post', path, data, config, extraUrl);
+    }, [send]);
+    var put = useCallback(function (path, data, config) {
+        return send('put', path, data, config);
+    }, [send]);
+    var get = useCallback(function (path, config) {
+        return send('get', path, undefined, config);
+    }, [send]);
+    var patch = useCallback(function (path, data, config) {
+        return send('patch', path, data, config);
+    }, [send]);
+    var del = useCallback(function (path, config) {
+        return send('delete', path, config);
+    }, [send]);
+    var updateToken = useCallback(function (newToken) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (newToken) {
+                localStorage.setItem('token', newToken);
+                setToken(newToken);
+            }
+            else {
+                localStorage.setItem('token', '');
+                setToken(undefined);
+            }
+            return [2 /*return*/];
+        });
+    }); }, []);
+    var removeToken = function (tkn) {
+        if (tkn) {
+            var exp = o(tkn).exp;
+            if (Date.now() > exp * 1000) {
+                localStorage.setItem('token', '');
+                localStorage.removeItem('userRole');
+                localStorage.removeItem('userId');
+                localStorage.removeItem('companyId');
+                localStorage.removeItem('companyRole');
+            }
+            else {
+                var diff = exp * 1000 - Date.now();
+                setTimeout(function () {
+                    setToken(undefined);
+                    localStorage.setItem('token', '');
+                    localStorage.removeItem('userRole');
+                    localStorage.removeItem('userId');
+                    localStorage.removeItem('companyId');
+                    localStorage.removeItem('companyRole');
+                }, diff);
+                console.log(diff, 'Remaining Token expire time');
             }
         }
-    });
-    var getCompanyBgColor = function (item) {
-        if (item === "Government") {
-            return GovBGColor;
-        }
-        else if (item === "Certifier") {
-            return CertBGColor;
-        }
-        return DevBGColor;
-    };
-    var getCompanyRoleComponent = function (item) {
-        return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
-            item === CompanyRole.GOVERNMENT ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : item === CompanyRole.CERTIFIER ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : item === CompanyRole.MINISTRY ? (React.createElement(RoleIcon, { icon: React.createElement(AuditOutlined, null), bg: MinBGColor, color: MinColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
-            item === CompanyRole.PROGRAMME_DEVELOPER ? (React.createElement("div", null, t("company:developer"))) : (React.createElement("div", null, item))));
-    };
-    var getCompanyStateComponent = function (item) {
-        return (React.createElement("div", { style: { display: "flex", alignItems: "left" } },
-            React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(item) })));
     };
-    var handleFilterVisibleChange = function () {
-        setFilterVisible(true);
+    useEffect(function () {
+        removeToken(token);
+    }, [token]);
+    return (React.createElement(ConnectionContext.Provider, { value: {
+            connection: { post: post, put: put, get: get, patch: patch, delete: del, updateToken: updateToken, token: token, removeToken: removeToken },
+        } }, children));
+};
+var useConnection = function () {
+    var context = useContext(ConnectionContext);
+    return context.connection;
+};
+
+var UserContext = createContext({
+    setUserInfo: function () { },
+    removeUserInfo: function () { },
+    IsAuthenticated: function (tkn) { return false; },
+    isTokenExpired: false,
+    setIsTokenExpired: function (val) { },
+});
+var UserInformationContextProvider = function (_a) {
+    var children = _a.children;
+    var token = useConnection().token;
+    var _b = useState(false), isTokenExpired = _b[0], setIsTokenExpired = _b[1];
+    var initialUserProps = {
+        id: localStorage.getItem('userId') ? localStorage.getItem('userId') : '',
+        userRole: localStorage.getItem('userRole') ? localStorage.getItem('userRole') : '',
+        companyRole: localStorage.getItem('companyRole')
+            ? localStorage.getItem('companyRole')
+            : '',
+        companyId: localStorage.getItem('companyId')
+            ? parseInt(localStorage.getItem('companyId'))
+            : -1,
+        companyLogo: localStorage.getItem('companyLogo')
+            ? localStorage.getItem('companyLogo')
+            : '',
+        companyName: localStorage.getItem('companyName')
+            ? localStorage.getItem('companyName')
+            : '',
+        companyState: localStorage.getItem('companyState')
+            ? parseInt(localStorage.getItem('companyState'))
+            : 0,
     };
-    var columns = [
-        {
-            title: "",
-            dataIndex: "logo",
-            key: CompanyManagementColumns.logo,
-            width: "20px",
-            align: "left",
-            render: function (item, itemObj) {
-                return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
-                    React.createElement(ProfileIcon, { icon: itemObj.logo, bg: getCompanyBgColor(itemObj.companyRole), name: itemObj.name })));
-            },
-        },
-        {
-            title: t("company:name"),
-            dataIndex: "name",
-            key: CompanyManagementColumns.name,
-            sorter: true,
-            align: "left",
-            render: function (item, itemObj) {
+    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 _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];
+    var _d = useState(1), currentPage = _d[0], setCurrentPage = _d[1];
+    var _e = useState(10), pageSize = _e[0], setPageSize = _e[1];
+    var searchByTermOrganisation = useState("name")[0];
+    var _f = useState(""), searchValueOrganisations = _f[0], setSearchValueOrganisations = _f[1];
+    var _g = useState(""), networksearchOrganisations = _g[0], setNetworkSearchOrganisations = _g[1];
+    var _h = useState(false), filterVisible = _h[0], setFilterVisible = _h[1];
+    var _j = useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
+    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");
+        if (organisationFilterArea1 !== null && organisationFilterArea2 !== null) {
+            if (organisationFilterArea1.contains(event.target) ||
+                organisationFilterArea2.contains(event.target)) {
+                setFilterVisible(true);
+            }
+            else {
+                setFilterVisible(false);
+            }
+        }
+    });
+    var getCompanyBgColor = function (item) {
+        if (item === "Government") {
+            return GovBGColor;
+        }
+        else if (item === "Certifier") {
+            return CertBGColor;
+        }
+        return DevBGColor;
+    };
+    var getCompanyRoleComponent = function (item) {
+        return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+            item === CompanyRole.GOVERNMENT ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : item === CompanyRole.CERTIFIER ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : item === CompanyRole.MINISTRY ? (React.createElement(RoleIcon, { icon: React.createElement(AuditOutlined, null), bg: MinBGColor, color: MinColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
+            item === CompanyRole.PROGRAMME_DEVELOPER ? (React.createElement("div", null, t("company:developer"))) : (React.createElement("div", null, item))));
+    };
+    var getCompanyStateComponent = function (item) {
+        return (React.createElement("div", { style: { display: "flex", alignItems: "left" } },
+            React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(item) })));
+    };
+    var handleFilterVisibleChange = function () {
+        setFilterVisible(true);
+    };
+    var columns = [
+        {
+            title: "",
+            dataIndex: "logo",
+            key: CompanyManagementColumns.logo,
+            width: "20px",
+            align: "left",
+            render: function (item, itemObj) {
+                return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+                    React.createElement(ProfileIcon, { icon: itemObj.logo, bg: getCompanyBgColor(itemObj.companyRole), name: itemObj.name })));
+            },
+        },
+        {
+            title: t("company:name"),
+            dataIndex: "name",
+            key: CompanyManagementColumns.name,
+            sorter: true,
+            align: "left",
+            render: function (item, itemObj) {
                 return (React.createElement("div", { style: { display: "flex", alignItems: "center" }, className: "clickable" },
                     React.createElement("div", { style: { fontWeight: 600 } }, item)));
             },
@@ -5607,433 +5910,131 @@ var SdgGoals$1;
     SdgGoals["industry"] = "Industry, Innovation and Infrastructure";
     SdgGoals["reducedInEq"] = "Reduced Inequalities";
     SdgGoals["sustainableCities"] = "Sustainable Cities and Communities";
-    SdgGoals["responsibleConsumption"] = "Responsible Consumption and Production";
-    SdgGoals["climateAction"] = "Climate Action";
-    SdgGoals["lifeBelowWater"] = "Life Below Water";
-    SdgGoals["lifeOnLand"] = "Life On Land";
-    SdgGoals["peace"] = "Peace, Justice and Strong Institutions";
-    SdgGoals["partnership"] = "Partnerships for the Goals";
-})(SdgGoals$1 || (SdgGoals$1 = {}));
-
-var DocType;
-(function (DocType) {
-    DocType["DESIGN_DOCUMENT"] = "0";
-    DocType["METHODOLOGY_DOCUMENT"] = "1";
-    DocType["MONITORING_REPORT"] = "2";
-    DocType["VERIFICATION_REPORT"] = "3";
-    DocType["ENVIRONMENTAL_IMPACT_ASSESSMENT"] = "7";
-})(DocType || (DocType = {}));
-
-var DocumentStatus;
-(function (DocumentStatus) {
-    DocumentStatus["PENDING"] = "Pending";
-    DocumentStatus["ACCEPTED"] = "Accepted";
-    DocumentStatus["REJECTED"] = "Rejected";
-})(DocumentStatus || (DocumentStatus = {}));
-
-var CompanyState;
-(function (CompanyState) {
-    CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
-    CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
-    CompanyState[CompanyState["PENDING"] = 2] = "PENDING";
-    CompanyState[CompanyState["REJECTED"] = 3] = "REJECTED";
-})(CompanyState || (CompanyState = {}));
-
-var WidgetType;
-(function (WidgetType) {
-    WidgetType["PIE"] = "Pie";
-    WidgetType["MAP"] = "Map";
-    WidgetType["LIST"] = "List";
-})(WidgetType || (WidgetType = {}));
-
-var StatsCardsTypes;
-(function (StatsCardsTypes) {
-    StatsCardsTypes["PROGRAMMES_PENDING"] = "Programmes Pending";
-    StatsCardsTypes["TRANSFER_REQUEST_RECEIVED"] = "Pending Transfers Received";
-    StatsCardsTypes["PROGRAMMES_UNCERTIFIED"] = "Programmes Certifiable";
-    StatsCardsTypes["TRANSFER_REQUEST_SENT"] = "Pending Transfers Sent";
-    StatsCardsTypes["PROGRAMMES_CERTIFIED"] = "Programmes Certified";
-    StatsCardsTypes["CREDIT_BALANCE"] = "Credit Balance";
-    StatsCardsTypes["CREDIT_CERTIFIED"] = "Credits Certified";
-    StatsCardsTypes["PROGRAMMES"] = "Programmes";
-    StatsCardsTypes["CREDITS"] = "Credits";
-    StatsCardsTypes["CERTIFIED_CREDITS"] = "Certified Credits";
-    StatsCardsTypes["TOTAL_PROGRAMMES"] = "Total Programmes";
-    StatsCardsTypes["TOTAL_PROGRAMMES_SECTOR"] = "Total Programmes: Sector";
-    StatsCardsTypes["TOTAL_CREDITS"] = "Total Credits";
-    StatsCardsTypes["TOTAL_CREDITS_CERTIFIED"] = "Total Credits Certified";
-    StatsCardsTypes["PROGRAMME_LOCATIONS"] = "Programme Locations";
-    StatsCardsTypes["TRANSFER_LOCATIONS_INTERNATIONAL"] = "Transfer Locations International";
-})(StatsCardsTypes || (StatsCardsTypes = {}));
-var MrvStatsCardsTypes;
-(function (MrvStatsCardsTypes) {
-    MrvStatsCardsTypes["AGG_PROGRAMME_BY_SECTOR"] = "AGG_PROGRAMME_BY_SECTOR";
-    // MY_AGG_PROGRAMME_BY_SECTOR = "MY_AGG_PROGRAMME_BY_SECTOR",
-    MrvStatsCardsTypes["AGG_NDC_ACTION_BY_TYPE"] = "AGG_NDC_ACTION_BY_TYPE";
-    // MY_AGG_NDC_ACTION_BY_TYPE = "MY_AGG_NDC_ACTION_BY_TYPE",
-    MrvStatsCardsTypes["AGG_NDC_ACTION_BY_SECTOR"] = "AGG_NDC_ACTION_BY_SECTOR";
-    // MY_AGG_NDC_ACTION_BY_SECTOR = "MY_AGG_NDC_ACTION_BY_SECTOR",
-    MrvStatsCardsTypes["TOTAL_EMISSIONS"] = "TOTAL_EMISSIONS";
-    // MY_TOTAL_EMISSIONS = "MY_TOTAL_EMISSIONS",
-    MrvStatsCardsTypes["PROGRAMME_LOCATION"] = "PROGRAMME_LOCATION";
-    // MY_PROGRAMME_LOCATION = "MY_PROGRAMME_LOCATION",
-    MrvStatsCardsTypes["INVESTMENT_LOCATION"] = "INVESTMENT_LOCATION";
-    // MY_INVESTMENT_LOCATION = "MY_INVESTMENT_LOCATION"
-    MrvStatsCardsTypes["AGG_INVESTMENT_BY_TYPE"] = "AGG_INVESTMENT_BY_TYPE";
-    // MY_AGG_INVESTMENT_BY_TYPE = "MY_AGG_INVESTMENT_BY_TYPE",
-})(MrvStatsCardsTypes || (MrvStatsCardsTypes = {}));
-var SystemNames;
-(function (SystemNames) {
-    SystemNames["CARBON_REGISTRY"] = "CARBON_REGISTRY_SYSTEM";
-    SystemNames["CARBON_TRANSPARENCY"] = "CARBON_TRANSPARENCY_SYSTEM";
-})(SystemNames || (SystemNames = {}));
-
-var ConfigurationSettingsType;
-(function (ConfigurationSettingsType) {
-    ConfigurationSettingsType[ConfigurationSettingsType["isTransferFrozen"] = 0] = "isTransferFrozen";
-})(ConfigurationSettingsType || (ConfigurationSettingsType = {}));
-
-var MapTypes;
-(function (MapTypes) {
-    MapTypes["Mapbox"] = "Mapbox";
-    MapTypes["None"] = "None";
-})(MapTypes || (MapTypes = {}));
-
-var dateTimeFormat = 'dd LLLL yyyy @ HH:mm';
-var dateFormat = 'dd LLLL yyyy';
-var creditUnit = 'ITMO';
-
-var BaseEntity = /** @class */ (function () {
-    function BaseEntity() {
-    }
-    return BaseEntity;
-}());
-
-var ProgrammeTransfer = /** @class */ (function () {
-    function ProgrammeTransfer() {
-    }
-    return ProgrammeTransfer;
-}());
-
-var User = /** @class */ (function () {
-    function User() {
-    }
-    return User;
-}());
-
-var ProgrammeEntity = /** @class */ (function () {
-    function ProgrammeEntity() {
-    }
-    return ProgrammeEntity;
-}());
-
-var ProgrammeCertify = /** @class */ (function () {
-    function ProgrammeCertify() {
-    }
-    return ProgrammeCertify;
-}());
-
-function e$1(e){this.message=e;}e$1.prototype=new Error,e$1.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e$1("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t$1(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n$1(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n$1("Invalid token specified");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t$1(e.split(".")[o]))}catch(e){throw new n$1("Invalid token specified: "+e.message)}}n$1.prototype=new Error,n$1.prototype.name="InvalidTokenError";
-
-var ConnectionContext = createContext({});
-var ConnectionContextProvider = function (props) {
-    var _a = useState(), token = _a[0], setToken = _a[1];
-    var serverURL = props.serverURL, t = props.t, children = props.children;
-    useEffect(function () {
-        var timer = setInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
-            var newToken;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, localStorage.getItem('token')];
-                    case 1:
-                        newToken = _a.sent();
-                        if (token !== newToken) {
-                            setToken(newToken);
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); }, 3000);
-        if (token) {
-            clearTimeout(timer);
-        }
-        return function () {
-            clearTimeout(timer);
-        };
-    }, [token]);
-    var send = useCallback(function (method, path, data, config, extraUrl) {
-        return new Promise(function (resolve, reject) {
-            var url = "".concat(extraUrl ? extraUrl : serverURL, "/").concat(path);
-            var headers;
-            if (token) {
-                headers = { authorization: "Bearer ".concat(token.toString()) };
-            }
-            else {
-                localStorage.getItem('token');
-                headers = {
-                    authorization: "Bearer ".concat(localStorage.getItem('token')),
-                };
-            }
-            axios(__assign({ method: method, url: url, data: data, headers: headers }, config))
-                .then(function (response) {
-                var _a, _b, _c;
-                if (response.status) {
-                    if (response.status === 200 || response.status === 201) {
-                        resolve({
-                            status: response.status,
-                            data: (_a = response.data.data) !== null && _a !== void 0 ? _a : response.data,
-                            response: response,
-                            statusText: 'SUCCESS',
-                            message: response.data.message,
-                        });
-                    }
-                    else if (response.status === 422) {
-                        reject({
-                            status: response.status,
-                            data: (_b = response.data) === null || _b === void 0 ? void 0 : _b.data,
-                            statusText: 'ERROR',
-                            response: response,
-                            message: response.data.message,
-                            errors: (_c = response.data) === null || _c === void 0 ? void 0 : _c.errors,
-                        });
-                    }
-                }
-                else {
-                    reject({
-                        status: 500,
-                        statusText: 'UNKNOWN',
-                        message: t('common:systemError'),
-                    });
-                }
-            })
-                .catch(function (e) {
-                var _a;
-                if (e.response) {
-                    if (e.response.status) {
-                        if (e.response.data.message === 'jwt expired') {
-                            localStorage.removeItem('token');
-                            window.location.reload();
-                        }
-                        reject({
-                            status: e.response.status,
-                            statusText: 'ERROR',
-                            errors: (_a = e.response.data) === null || _a === void 0 ? void 0 : _a.errors,
-                            message: e.response.data.message,
-                        });
-                    }
-                    else {
-                        reject({
-                            statusText: 'ERROR',
-                            message: t('common:systemError'),
-                        });
-                    }
-                }
-                else {
-                    reject({
-                        statusText: 'ERROR',
-                        message: t('common:networkError'),
-                    });
-                }
-            });
-        });
-    }, [token, serverURL]);
-    var post = useCallback(function (path, data, config, extraUrl) {
-        return send('post', path, data, config, extraUrl);
-    }, [send]);
-    var put = useCallback(function (path, data, config) {
-        return send('put', path, data, config);
-    }, [send]);
-    var get = useCallback(function (path, config) {
-        return send('get', path, undefined, config);
-    }, [send]);
-    var patch = useCallback(function (path, data, config) {
-        return send('patch', path, data, config);
-    }, [send]);
-    var del = useCallback(function (path, config) {
-        return send('delete', path, config);
-    }, [send]);
-    var updateToken = useCallback(function (newToken) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            if (newToken) {
-                localStorage.setItem('token', newToken);
-                setToken(newToken);
-            }
-            else {
-                localStorage.setItem('token', '');
-                setToken(undefined);
-            }
-            return [2 /*return*/];
-        });
-    }); }, []);
-    var removeToken = function (tkn) {
-        if (tkn) {
-            var exp = o(tkn).exp;
-            if (Date.now() > exp * 1000) {
-                localStorage.setItem('token', '');
-                localStorage.removeItem('userRole');
-                localStorage.removeItem('userId');
-                localStorage.removeItem('companyId');
-                localStorage.removeItem('companyRole');
-            }
-            else {
-                var diff = exp * 1000 - Date.now();
-                setTimeout(function () {
-                    setToken(undefined);
-                    localStorage.setItem('token', '');
-                    localStorage.removeItem('userRole');
-                    localStorage.removeItem('userId');
-                    localStorage.removeItem('companyId');
-                    localStorage.removeItem('companyRole');
-                }, diff);
-                console.log(diff, 'Remaining Token expire time');
-            }
-        }
-    };
-    useEffect(function () {
-        removeToken(token);
-    }, [token]);
-    return (React.createElement(ConnectionContext.Provider, { value: {
-            connection: { post: post, put: put, get: get, patch: patch, delete: del, updateToken: updateToken, token: token, removeToken: removeToken },
-        } }, children));
-};
-var useConnection = function () {
-    var context = useContext(ConnectionContext);
-    return context.connection;
-};
+    SdgGoals["responsibleConsumption"] = "Responsible Consumption and Production";
+    SdgGoals["climateAction"] = "Climate Action";
+    SdgGoals["lifeBelowWater"] = "Life Below Water";
+    SdgGoals["lifeOnLand"] = "Life On Land";
+    SdgGoals["peace"] = "Peace, Justice and Strong Institutions";
+    SdgGoals["partnership"] = "Partnerships for the Goals";
+})(SdgGoals$1 || (SdgGoals$1 = {}));
 
-var UserContext = createContext({
-    setUserInfo: function () { },
-    removeUserInfo: function () { },
-    IsAuthenticated: function (tkn) { return false; },
-    isTokenExpired: false,
-    setIsTokenExpired: function (val) { },
-});
-var UserInformationContextProvider = function (_a) {
-    var children = _a.children;
-    var token = useConnection().token;
-    var _b = useState(false), isTokenExpired = _b[0], setIsTokenExpired = _b[1];
-    var initialUserProps = {
-        id: localStorage.getItem('userId') ? localStorage.getItem('userId') : '',
-        userRole: localStorage.getItem('userRole') ? localStorage.getItem('userRole') : '',
-        companyRole: localStorage.getItem('companyRole')
-            ? localStorage.getItem('companyRole')
-            : '',
-        companyId: localStorage.getItem('companyId')
-            ? parseInt(localStorage.getItem('companyId'))
-            : -1,
-        companyLogo: localStorage.getItem('companyLogo')
-            ? localStorage.getItem('companyLogo')
-            : '',
-        companyName: localStorage.getItem('companyName')
-            ? localStorage.getItem('companyName')
-            : '',
-        companyState: localStorage.getItem('companyState')
-            ? parseInt(localStorage.getItem('companyState'))
-            : 0,
-    };
-    var _c = useState(initialUserProps), userInfoState = _c[0], setUserInfoState = _c[1];
-    var setUserInfo = function (value) {
-        var state = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState) === 1 ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState : 0;
-        var id = value.id, userRole = value.userRole, companyId = value.companyId, companyRole = value.companyRole, companyLogo = value.companyLogo, companyName = value.companyName, _a = value.companyState, companyState = _a === void 0 ? state : _a;
-        if (id) {
-            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { id: id })); });
-            localStorage.setItem('userId', id);
-        }
-        if (userRole) {
-            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { userRole: userRole })); });
-            localStorage.setItem('userRole', userRole);
-        }
-        if (companyId) {
-            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyId: companyId })); });
-            localStorage.setItem('companyId', companyId + '');
-        }
-        if (companyLogo) {
-            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: companyLogo })); });
-            localStorage.setItem('companyLogo', companyLogo);
-        }
-        else {
-            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: '' })); });
-            localStorage.setItem('companyLogo', '');
-        }
-        if (companyName) {
-            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyName: companyName })); });
-            localStorage.setItem('companyName', companyName);
-        }
-        if (userRole) {
-            setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyRole: companyRole })); });
-            localStorage.setItem('companyRole', companyRole);
-        }
-        setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyState: companyState })); });
-        localStorage.setItem('companyState', companyState + '');
-    };
-    var IsAuthenticated = useCallback(function (tokenNew) {
-        var tokenVal;
-        if (tokenNew) {
-            tokenVal = tokenNew;
-        }
-        else if (token) {
-            tokenVal = token;
-        }
-        else {
-            tokenVal = localStorage.getItem('token');
-            if (tokenVal === '') {
-                if (history.length !== 1) {
-                    setIsTokenExpired(true);
-                }
-            }
-        }
-        try {
-            if (tokenVal) {
-                var exp = o(tokenVal).exp;
-                return Date.now() < exp * 1000;
-            }
-            return false;
-        }
-        catch (err) {
-            return false;
-        }
-    }, [token]);
-    var removeUserInfo = function () {
-        localStorage.removeItem('userId');
-        localStorage.removeItem('userRole');
-        localStorage.removeItem('companyId');
-        localStorage.removeItem('companyRole');
-        localStorage.removeItem('companyName');
-        localStorage.removeItem('companyState');
-        localStorage.removeItem('companyLogo');
-        setUserInfoState(initialUserProps);
-    };
-    return (React.createElement(UserContext.Provider, { value: {
-            userInfoState: userInfoState,
-            setUserInfo: setUserInfo,
-            removeUserInfo: removeUserInfo,
-            IsAuthenticated: IsAuthenticated,
-            isTokenExpired: isTokenExpired,
-            setIsTokenExpired: setIsTokenExpired,
-        } }, children));
-};
-var useUserContext = function () {
-    return useContext(UserContext);
-};
+var DocType;
+(function (DocType) {
+    DocType["DESIGN_DOCUMENT"] = "0";
+    DocType["METHODOLOGY_DOCUMENT"] = "1";
+    DocType["MONITORING_REPORT"] = "2";
+    DocType["VERIFICATION_REPORT"] = "3";
+    DocType["ENVIRONMENTAL_IMPACT_ASSESSMENT"] = "7";
+})(DocType || (DocType = {}));
 
-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 DocumentStatus;
+(function (DocumentStatus) {
+    DocumentStatus["PENDING"] = "Pending";
+    DocumentStatus["ACCEPTED"] = "Accepted";
+    DocumentStatus["REJECTED"] = "Rejected";
+})(DocumentStatus || (DocumentStatus = {}));
+
+var CompanyState;
+(function (CompanyState) {
+    CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
+    CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
+    CompanyState[CompanyState["PENDING"] = 2] = "PENDING";
+    CompanyState[CompanyState["REJECTED"] = 3] = "REJECTED";
+})(CompanyState || (CompanyState = {}));
+
+var WidgetType;
+(function (WidgetType) {
+    WidgetType["PIE"] = "Pie";
+    WidgetType["MAP"] = "Map";
+    WidgetType["LIST"] = "List";
+})(WidgetType || (WidgetType = {}));
+
+var StatsCardsTypes;
+(function (StatsCardsTypes) {
+    StatsCardsTypes["PROGRAMMES_PENDING"] = "Programmes Pending";
+    StatsCardsTypes["TRANSFER_REQUEST_RECEIVED"] = "Pending Transfers Received";
+    StatsCardsTypes["PROGRAMMES_UNCERTIFIED"] = "Programmes Certifiable";
+    StatsCardsTypes["TRANSFER_REQUEST_SENT"] = "Pending Transfers Sent";
+    StatsCardsTypes["PROGRAMMES_CERTIFIED"] = "Programmes Certified";
+    StatsCardsTypes["CREDIT_BALANCE"] = "Credit Balance";
+    StatsCardsTypes["CREDIT_CERTIFIED"] = "Credits Certified";
+    StatsCardsTypes["PROGRAMMES"] = "Programmes";
+    StatsCardsTypes["CREDITS"] = "Credits";
+    StatsCardsTypes["CERTIFIED_CREDITS"] = "Certified Credits";
+    StatsCardsTypes["TOTAL_PROGRAMMES"] = "Total Programmes";
+    StatsCardsTypes["TOTAL_PROGRAMMES_SECTOR"] = "Total Programmes: Sector";
+    StatsCardsTypes["TOTAL_CREDITS"] = "Total Credits";
+    StatsCardsTypes["TOTAL_CREDITS_CERTIFIED"] = "Total Credits Certified";
+    StatsCardsTypes["PROGRAMME_LOCATIONS"] = "Programme Locations";
+    StatsCardsTypes["TRANSFER_LOCATIONS_INTERNATIONAL"] = "Transfer Locations International";
+})(StatsCardsTypes || (StatsCardsTypes = {}));
+var MrvStatsCardsTypes;
+(function (MrvStatsCardsTypes) {
+    MrvStatsCardsTypes["AGG_PROGRAMME_BY_SECTOR"] = "AGG_PROGRAMME_BY_SECTOR";
+    // MY_AGG_PROGRAMME_BY_SECTOR = "MY_AGG_PROGRAMME_BY_SECTOR",
+    MrvStatsCardsTypes["AGG_NDC_ACTION_BY_TYPE"] = "AGG_NDC_ACTION_BY_TYPE";
+    // MY_AGG_NDC_ACTION_BY_TYPE = "MY_AGG_NDC_ACTION_BY_TYPE",
+    MrvStatsCardsTypes["AGG_NDC_ACTION_BY_SECTOR"] = "AGG_NDC_ACTION_BY_SECTOR";
+    // MY_AGG_NDC_ACTION_BY_SECTOR = "MY_AGG_NDC_ACTION_BY_SECTOR",
+    MrvStatsCardsTypes["TOTAL_EMISSIONS"] = "TOTAL_EMISSIONS";
+    // MY_TOTAL_EMISSIONS = "MY_TOTAL_EMISSIONS",
+    MrvStatsCardsTypes["PROGRAMME_LOCATION"] = "PROGRAMME_LOCATION";
+    // MY_PROGRAMME_LOCATION = "MY_PROGRAMME_LOCATION",
+    MrvStatsCardsTypes["INVESTMENT_LOCATION"] = "INVESTMENT_LOCATION";
+    // MY_INVESTMENT_LOCATION = "MY_INVESTMENT_LOCATION"
+    MrvStatsCardsTypes["AGG_INVESTMENT_BY_TYPE"] = "AGG_INVESTMENT_BY_TYPE";
+    // MY_AGG_INVESTMENT_BY_TYPE = "MY_AGG_INVESTMENT_BY_TYPE",
+})(MrvStatsCardsTypes || (MrvStatsCardsTypes = {}));
+var SystemNames;
+(function (SystemNames) {
+    SystemNames["CARBON_REGISTRY"] = "CARBON_REGISTRY_SYSTEM";
+    SystemNames["CARBON_TRANSPARENCY"] = "CARBON_TRANSPARENCY_SYSTEM";
+})(SystemNames || (SystemNames = {}));
+
+var ConfigurationSettingsType;
+(function (ConfigurationSettingsType) {
+    ConfigurationSettingsType[ConfigurationSettingsType["isTransferFrozen"] = 0] = "isTransferFrozen";
+})(ConfigurationSettingsType || (ConfigurationSettingsType = {}));
+
+var MapTypes;
+(function (MapTypes) {
+    MapTypes["Mapbox"] = "Mapbox";
+    MapTypes["None"] = "None";
+})(MapTypes || (MapTypes = {}));
+
+var dateTimeFormat = 'dd LLLL yyyy @ HH:mm';
+var dateFormat = 'dd LLLL yyyy';
+var creditUnit = 'ITMO';
+
+var BaseEntity = /** @class */ (function () {
+    function BaseEntity() {
+    }
+    return BaseEntity;
+}());
+
+var ProgrammeTransfer = /** @class */ (function () {
+    function ProgrammeTransfer() {
+    }
+    return ProgrammeTransfer;
+}());
+
+var User = /** @class */ (function () {
+    function User() {
+    }
+    return User;
+}());
+
+var ProgrammeEntity = /** @class */ (function () {
+    function ProgrammeEntity() {
+    }
+    return ProgrammeEntity;
+}());
+
+var ProgrammeCertify = /** @class */ (function () {
+    function ProgrammeCertify() {
+    }
+    return ProgrammeCertify;
+}());
 
 var AddNewCompanyComponent = function (props) {
     var _a;
@@ -16769,7 +16770,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, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
+    var t = props.t, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
     useLocation().state;
     var _a = useState(); _a[0]; _a[1];
     var formOne = Form.useForm()[0];
@@ -16782,6 +16783,7 @@ var SupportCreationComponent = function (props) {
     var _f = useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
     var _g = useState([]), instrument = _g[0], setInstrument = _g[1];
     var _h = useState(); _h[0]; var setStepOneData = _h[1];
+    var userInfoState = useUserContext().userInfoState;
     var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
         label: addSpaces(Object.values(Instrument)[index]),
         value: Object.values(Instrument)[index],