@dexteel/mesf-core 5.4.2 → 5.5.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "5.4.2"
+  ".": "5.5.1"
 }

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+# Changelog
+
+## [5.5.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.5.0...@dexteel/mesf-core-v5.5.1) (2025-06-24)
+
+
+### Bug Fixes
+
+* **ApiService:** replace fetch with axios for file upload ([a29ceb9](https://github.com/dexteel/mesf-core-frontend/commit/a29ceb9b1a251cf2664975cdae0dab4ed396ff00))
+* enhance app initialization ([9e3eb46](https://github.com/dexteel/mesf-core-frontend/commit/9e3eb46550ae1e88d83739a84b1467fd2d547e21))
+
+## [5.5.0] - 2025-06-18
+
+
+
+# Changelog
+
+## [5.5.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.4.2...@dexteel/mesf-core-v5.5.0) (2025-06-18)
+
+
+### Features
+
+* **asset tree:** update asset tree ([43a2ad3](https://github.com/dexteel/mesf-core-frontend/commit/43a2ad302185a3519dc6371457d5d5c30ed543b0))
+* **asset tree:** update asset tree to support asset 0 and fix area selector ([3311536](https://github.com/dexteel/mesf-core-frontend/commit/3311536b5af0b5527495fcc3a14ab87e81c86c4c))
+
+
+### Bug Fixes
+
+* use PlantAssetId as prop in MESFMain ([6246891](https://github.com/dexteel/mesf-core-frontend/commit/6246891b0a5c07cecf83b4b175e3f60d043744ab))
+
+## [5.4.2] - 2025-05-29
+
+
+
 # Changelog
 
 ## [5.4.2](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.4.1...@dexteel/mesf-core-v5.4.2) (2025-05-29)

package/dist/MESFMain.d.ts

@@ -9,6 +9,7 @@ interface Props {
     showAreaSelector?: boolean;
     showTrendingsIcon?: boolean;
     byPassHeaderRoutes?: string[];
+    plantAssetId?: number;
 }
-declare function MESFMain({ authentication, routes, navbar, navbarTitle, configurations, showAreaSelector, showTrendingsIcon, byPassHeaderRoutes, }: Props): React.JSX.Element;
+declare function MESFMain({ authentication, routes, navbar, navbarTitle, configurations, showAreaSelector, showTrendingsIcon, byPassHeaderRoutes, plantAssetId, }: Props): React.JSX.Element;
 export { MESFMain };

package/dist/configuration/pages/asset/models/AssetParameters.d.ts

@@ -1,6 +1,6 @@
 export interface AssetParameters {
     id: number;
-    parent: number;
+    parent: number | null;
     text: string;
     data: {
         fileType: string;

package/dist/context/ProvidersLoader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ProvidersLoader: ({ children, }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/context/UTLSettingContext.d.ts

@@ -35,6 +35,7 @@ export declare const useUTLSettingsContext: () => {
             type: string;
         }): void;
     }, "__">;
+    isLoading: boolean;
 };
 export declare const UTLSettingsProvider: ({ children }: {
     children: ReactNode;

package/dist/context/assetContext.d.ts

@@ -3,11 +3,13 @@ export declare const useAssetContext: () => {
     state: {
         areasList: import("../models/Asset").Asset[];
         allAssets: import("../models/Asset").Asset[];
+        plantAssetId: number;
     };
     actions: import("@reduxjs/toolkit").CaseReducerActions<{
         setAreasList(state: import("immer/dist/internal").WritableDraft<{
             areasList: import("../models/Asset").Asset[];
             allAssets: import("../models/Asset").Asset[];
+            plantAssetId: number;
         }>, { payload }: {
             payload: any;
             type: string;
@@ -15,12 +17,22 @@ export declare const useAssetContext: () => {
         setAllAssets(state: import("immer/dist/internal").WritableDraft<{
             areasList: import("../models/Asset").Asset[];
             allAssets: import("../models/Asset").Asset[];
+            plantAssetId: number;
+        }>, { payload }: {
+            payload: any;
+            type: string;
+        }): void;
+        setPlantAssetId(state: import("immer/dist/internal").WritableDraft<{
+            areasList: import("../models/Asset").Asset[];
+            allAssets: import("../models/Asset").Asset[];
+            plantAssetId: number;
         }>, { payload }: {
             payload: any;
             type: string;
         }): void;
     }, "__">;
 };
-export declare const AssetProvider: ({ children }: {
+export declare const AssetProvider: ({ children, plantAssetId, }: {
     children: ReactNode;
+    plantAssetId?: number;
 }) => React.JSX.Element;

package/dist/context/userContext.d.ts

@@ -76,6 +76,7 @@ export declare const useUserContext: () => {
             type: string;
         }): void;
     }, "__">;
+    isLoading: boolean;
 };
 export declare const useHasPermission: () => (permission: string) => boolean;
 export declare const UserProvider: ({ children }: {

package/dist/index.esm.js

@@ -15,8 +15,6 @@ import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import MenuIcon from '@material-ui/icons/Menu';
 import SettingsIcon from '@material-ui/icons/Settings';
 import ShowChartIcon from '@material-ui/icons/ShowChart';
-import { useComplexState } from 'use-complex-state';
-import { createSlice } from '@reduxjs/toolkit';
 import AccountCircleIcon from '@material-ui/icons/AccountCircle';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
@@ -33,6 +31,8 @@ export * from '@microsoft/signalr';
 import { Alert as Alert$2, Autocomplete } from '@material-ui/lab';
 import { useForm, Controller } from 'react-hook-form';
 import SearchIcon from '@material-ui/icons/Search';
+import { useComplexState } from 'use-complex-state';
+import { createSlice } from '@reduxjs/toolkit';
 import DeleteIcon from '@material-ui/icons/Delete';
 import FormatListBulletedSharpIcon from '@material-ui/icons/FormatListBulletedSharp';
 import LockOutlinedIcon from '@material-ui/icons/LockOutlined';
@@ -5337,6 +5337,7 @@ var ShiftsCrewsPage = function (props) {
 var AssetInitialState = {
     areasList: [],
     allAssets: [],
+    plantAssetId: 1,
 };
 var AssetReducer = createSlice({
     name: "__",
@@ -5350,6 +5351,10 @@ var AssetReducer = createSlice({
             var payload = _a.payload;
             state.allAssets = payload;
         },
+        setPlantAssetId: function (state, _a) {
+            var payload = _a.payload;
+            state.plantAssetId = payload;
+        },
     },
 });
 
@@ -5359,17 +5364,21 @@ var AssetContext = createContext({
 });
 var useAssetContext = function () { return useContext(AssetContext); };
 var AssetProvider = function (_a) {
-    var children = _a.children;
-    var _b = useComplexState({
-        initialState: AssetReducer.getInitialState(),
+    var children = _a.children, _b = _a.plantAssetId, plantAssetId = _b === void 0 ? 1 : _b;
+    var _c = useComplexState({
+        initialState: {
+            areasList: [],
+            allAssets: [],
+            plantAssetId: plantAssetId,
+        },
         reducers: AssetReducer.caseReducers,
-    }), state = _b[0], actions = _b[1];
+    }), state = _c[0], actions = _c[1];
     return (React__default.createElement(AssetContext.Provider, { value: { state: state, actions: actions } }, children));
 };
 
 var DATA_ASSET_INITIAL_VALUES = {
     AssetId: null,
-    ParentAssetId: 1,
+    ParentAssetId: 0,
     AssetName: "",
     IsAsset: false,
     CanBeDefaultAsset: false,
@@ -5484,7 +5493,7 @@ var ConfigurationAssetProvider = function (_a) {
 var TransformAssetModelData = function (node) {
     var model = {
         id: node.AssetId,
-        parent: node.ParentAssetId ? node.ParentAssetId : 0,
+        parent: node.ParentAssetId === null ? -1 : node.ParentAssetId,
         text: node.AssetName,
         data: {
             fileType: "csv",
@@ -5599,26 +5608,21 @@ var useAssetCodes = function () {
     var buildTreeAssets = function (nodes) {
         if (nodes === undefined)
             return;
-        //tree build functions
         var idMapping = nodes.reduce(function (acc, el, i) {
             acc[el.id] = i;
             return acc;
         }, {});
         var root;
         nodes.forEach(function (el) {
-            // Handle the root element
             if (el.parentId === null) {
                 root = el;
                 return;
             }
-            // Use our mapping to locate the parent element in our data array
             var parentEl = nodes[idMapping[el.parentId]];
-            // Handle the case where the element has no parent
             if (!parentEl) {
                 console.log(el);
                 return;
             }
-            // Add our current el to its parent's `children` array
             if (!parentEl["children"]) {
                 parentEl["children"] = [];
             }
@@ -5691,14 +5695,14 @@ var CreateNewAssetDialog = function (_a) {
     var _d = useState(false), assetCreatedSuccess = _d[0], setAssetCreatedSuccess = _d[1];
     var _e = useState(""), errorCreateAsset = _e[0], setErrorCreateAsset = _e[1];
     var _f = useState(false), isCreateSubmitLoading = _f[0], setIsCreateSubmitLoading = _f[1];
-    var allAssets = useAssetContext().state.allAssets;
-    var _g = useConfigurationAssetContext(), _h = _g.state, assetNodeSelectedInTree = _h.assetNodeSelectedInTree, assetCodes = _h.assetCodes, dataToCreateAsset = _h.dataToCreateAsset; _h.assetTreeName; var _j = _g.actions, setAssetNameToCreateAsset = _j.setAssetNameToCreateAsset, setAssetTreeName = _j.setAssetTreeName, setAssetParentAssetIdToCreateAsset = _j.setAssetParentAssetIdToCreateAsset, setParentAssetNameInNodeSelectedInTree = _j.setParentAssetNameInNodeSelectedInTree;
+    var _g = useAssetContext().state, allAssets = _g.allAssets, plantAssetId = _g.plantAssetId;
+    var _h = useConfigurationAssetContext(), _j = _h.state, assetNodeSelectedInTree = _j.assetNodeSelectedInTree, assetCodes = _j.assetCodes, dataToCreateAsset = _j.dataToCreateAsset; _j.assetTreeName; var _k = _h.actions, setAssetNameToCreateAsset = _k.setAssetNameToCreateAsset, setAssetTreeName = _k.setAssetTreeName, setAssetParentAssetIdToCreateAsset = _k.setAssetParentAssetIdToCreateAsset, setParentAssetNameInNodeSelectedInTree = _k.setParentAssetNameInNodeSelectedInTree;
     var loadFilterAssets = useAssetCodes().loadFilterAssets;
-    var _k = useForm({
+    var _l = useForm({
         defaultValues: dataToCreateAsset
             ? dataToCreateAsset
             : DATA_ASSET_INITIAL_VALUES,
-    }), control = _k.control, handleSubmit = _k.handleSubmit, reset = _k.reset, setValue = _k.setValue, errors = _k.formState.errors;
+    }), control = _l.control, handleSubmit = _l.handleSubmit, reset = _l.reset, setValue = _l.setValue, errors = _l.formState.errors;
     var handleCancel = function () {
         onHide(false);
     };
@@ -5737,6 +5741,14 @@ var CreateNewAssetDialog = function (_a) {
         setParentAssetNameInNodeSelectedInTree(description);
     };
     var handleFormSubmit = handleSubmit(handleCreateAsset);
+    var getRootAssetId = function () {
+        var rootAsset = allAssets.find(function (asset) { return asset.ParentAssetId === null; });
+        return rootAsset ? rootAsset.AssetId : plantAssetId;
+    };
+    var getRootAssetName = function () {
+        var rootAsset = allAssets.find(function (asset) { return asset.ParentAssetId === null; });
+        return rootAsset ? rootAsset.AssetName : "Plant";
+    };
     useEffect(function () {
         if (show) {
             reset();
@@ -5747,9 +5759,11 @@ var CreateNewAssetDialog = function (_a) {
                 setParentAssetNameInNodeSelectedInTree(parentAssetNode === null || parentAssetNode === void 0 ? void 0 : parentAssetNode.AssetName);
             }
             else {
-                setAssetParentAssetIdToCreateAsset(1);
-                setAssetTreeName("Plant");
+                var rootId = getRootAssetId();
+                setAssetParentAssetIdToCreateAsset(rootId);
+                setAssetTreeName(getRootAssetName());
                 setAssetNameToCreateAsset("");
+                setValue("ParentAssetId", rootId);
             }
         }
     }, [show]);
@@ -5777,8 +5791,10 @@ var CreateNewAssetDialog = function (_a) {
                             React__default.createElement(Grid, { container: true },
                                 React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { marginBottom: "8px" } },
                                     React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: 0, marginTop: 10 } },
-                                        React__default.createElement(Controller, { name: "ParentAssetId", control: control, render: function (_a) { return (React__default.createElement(TreePickerControl, { inputTitle: "Asset", title: "Asset Parent", dataSource: assetCodes, value: (assetNodeSelectedInTree === null || assetNodeSelectedInTree === void 0 ? void 0 : assetNodeSelectedInTree.AssetId) || 1, description: (assetNodeSelectedInTree === null || assetNodeSelectedInTree === void 0 ? void 0 : assetNodeSelectedInTree.ParentAssetName) ||
-                                                    "Plant", onSelect: changeParentAssetId, selectBranch: true, selectActive: false, selectInternal: false })); } }))),
+                                        React__default.createElement(Controller, { name: "ParentAssetId", control: control, render: function (_a) {
+                                                var value = _a.field.value;
+                                                return (React__default.createElement(TreePickerControlV2, { inputTitle: "Asset", title: "Asset Parent", dataSource: assetCodes, value: value, onSelect: changeParentAssetId, selectBranch: true, selectActive: false, selectInternal: false }));
+                                            } }))),
                                 React__default.createElement(Grid, { container: true, style: { marginTop: "10px 0", padding: "0" } },
                                     React__default.createElement(Grid, { item: true, xs: 6, md: 6 },
                                         React__default.createElement(Controller, { name: "CanBeDefaultAsset", control: control, defaultValue: false, render: function (_a) {
@@ -5801,7 +5817,7 @@ var CreateNewAssetDialog = function (_a) {
                                             React__default.createElement(Button, { fullWidth: true, startIcon: isCreateSubmitLoading && (React__default.createElement(CircularProgress, { size: "1rem" })), disabled: isCreateSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save")))))))))),
         React__default.createElement(ErrorModal, { error: errorCreateAsset, onHide: function () { return setErrorCreateAsset(""); } }),
         React__default.createElement(Snackbar, { open: assetCreatedSuccess, autoHideDuration: 2500, onClose: handleClose },
-            React__default.createElement(Alert$3, { severity: "info", onClose: handleClose }, "Document created succesfully"))));
+            React__default.createElement(Alert$3, { severity: "info", onClose: handleClose }, "Document created successfully"))));
 };
 
 var useStyles$p = makeStyles(function (theme) { return ({
@@ -6219,8 +6235,14 @@ var useAssetActions = function (_a) {
             switch (_a.label) {
                 case 0:
                     dropTargetId = options.dropTargetId;
-                    if (dropTargetId == 0) {
-                        dropTargetId = 1;
+                    if (dropTargetId === -1 ||
+                        dropTargetId === null ||
+                        dropTargetId === undefined) {
+                        onAssetUpdateEnd({
+                            ok: false,
+                            message: "Cannot move assets to root level. Only one root asset (Plant) is allowed.",
+                        });
+                        return [2 /*return*/];
                     }
                     onAssetUpdateStart();
                     return [4 /*yield*/, updateAsset(selectedNodes.map(function (cn) { return cn.id; }), dropTargetId)];
@@ -6387,7 +6409,7 @@ var CustomNode = function (_a) {
     var handleToggle = function (e) {
         var _a;
         e.stopPropagation();
-        if (openAssets[id]) {
+        if (openAssets[id] === id) {
             var newOpenAssets = __assign({}, openAssets);
             delete newOpenAssets[id];
             setOpenAssets(newOpenAssets);
@@ -6654,7 +6676,7 @@ var AssetViewComponent = function () {
                                         paddingBottom: 10,
                                     } },
                                     React__default.createElement(Grid, null,
-                                        React__default.createElement(Tree, { rootId: 0, initialOpen: openAssetsArray, tree: allAssetNodes, enableAnimateExpand: true, classes: {
+                                        React__default.createElement(Tree, { rootId: -1, initialOpen: openAssetsArray, tree: allAssetNodes, enableAnimateExpand: true, classes: {
                                                 root: classes.assetRoot,
                                                 dropTarget: classes.dropTarget,
                                             }, onDrop: handleDrop, onDragStart: handleDragStart, onDragEnd: handleDragEnd, canDrop: function (asset, options) {
@@ -8214,22 +8236,22 @@ var MESApiService = /** @class */ (function () {
     };
     MESApiService.prototype.uploadFiles = function (selectedFiles_1) {
         return __awaiter(this, arguments, void 0, function (selectedFiles, folderName) {
-            var formData, _i, selectedFiles_2, file;
+            var formData, _i, selectedFiles_2, file, response;
             if (folderName === void 0) { folderName = ""; }
             return __generator(this, function (_a) {
-                formData = new FormData();
-                for (_i = 0, selectedFiles_2 = selectedFiles; _i < selectedFiles_2.length; _i++) {
-                    file = selectedFiles_2[_i];
-                    formData.append("files", file, file.name);
+                switch (_a.label) {
+                    case 0:
+                        formData = new FormData();
+                        for (_i = 0, selectedFiles_2 = selectedFiles; _i < selectedFiles_2.length; _i++) {
+                            file = selectedFiles_2[_i];
+                            formData.append("files", file, file.name);
+                        }
+                        formData.append("folderName", folderName);
+                        return [4 /*yield*/, axiosInstance.post("/backend/uploadFiles", formData)];
+                    case 1:
+                        response = _a.sent();
+                        return [2 /*return*/, response.data];
                 }
-                formData.append("folderName", folderName);
-                return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + "/uploadFiles", {
-                        method: "POST",
-                        headers: {
-                            Authorization: "Bearer " + this.TOKEN,
-                        },
-                        body: formData,
-                    }).then(function (res) { return res.json(); })];
             });
         });
     };
@@ -8982,6 +9004,7 @@ var UserReducer = createSlice({
 var UserContext = createContext({
     state: UserReducer.getInitialState(),
     actions: UserReducer.actions,
+    isLoading: true,
 });
 var useUserContext = function () { return useContext(UserContext); };
 var useHasPermission = function () {
@@ -9042,16 +9065,7 @@ var UserProvider = function (_a) {
             }
         },
     });
-    if (!permissionsLoaded) {
-        return (React__default.createElement("div", { style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100vh",
-            } },
-            React__default.createElement(CircularProgress, null)));
-    }
-    return (React__default.createElement(UserContext.Provider, { value: { state: state, actions: actions } }, children));
+    return (React__default.createElement(UserContext.Provider, { value: { state: state, actions: actions, isLoading: !permissionsLoaded } }, children));
 };
 
 var getTokenFromLS = function () {
@@ -9661,74 +9675,6 @@ var useSearchAssets = function (setError) {
     return { searchAssets: searchAssets };
 };
 
-var UTLSettingsInitialState = {
-    serverTimeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    settings: {},
-};
-var UTLSettingsReducer = createSlice({
-    name: "__",
-    initialState: UTLSettingsInitialState,
-    reducers: {
-        setServerTimeZone: function (state, _a) {
-            var payload = _a.payload;
-            state.serverTimeZone = payload;
-        },
-        setSetting: function (state, _a) {
-            var payload = _a.payload;
-            state.settings[payload.key] = payload.value;
-        },
-        initSettings: function (state, _a) {
-            var payload = _a.payload;
-            state.settings = payload.reduce(function (acc, cur) {
-                if (cur.SettingName.trim() === "TimeZone") {
-                    var timeService = TimeService.getInstance();
-                    timeService.setTimeZone(cur.Value);
-                }
-                acc[cur.SettingName.trim()] = cur.Value;
-                return acc;
-            }, {});
-        },
-    },
-});
-
-var UTLSettingsContext = createContext({
-    state: UTLSettingsReducer.getInitialState(),
-    actions: UTLSettingsReducer.actions,
-});
-var useUTLSettingsContext = function () { return useContext(UTLSettingsContext); };
-var UTLSettingsProvider = function (_a) {
-    var children = _a.children;
-    var _b = useComplexState({
-        initialState: UTLSettingsReducer.getInitialState(),
-        reducers: UTLSettingsReducer.caseReducers,
-    }), state = _b[0], actions = _b[1];
-    return (React__default.createElement(UTLSettingsContext.Provider, { value: { state: state, actions: actions } }, children));
-};
-
-var useSearchUTLSettings = function (_a) {
-    var onError = _a.onError;
-    var initSettings = useUTLSettingsContext().actions.initSettings;
-    var searchUTLSettings = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var res, settings;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, getUTLSettings()];
-                case 1:
-                    res = _a.sent();
-                    if (res.ok) {
-                        settings = get(res, "data.tables[0].rows", []);
-                        initSettings(settings);
-                    }
-                    else {
-                        onError(res.message);
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return { searchUTLSettings: searchUTLSettings };
-};
-
 var useStyles$7 = makeStyles(function (theme) { return ({
     container: {
         display: "flex",
@@ -9850,22 +9796,13 @@ function Header$1(_a) {
     var CustomNavbar = useContext(NavbarContext);
     var searchAssets = useSearchAssets(setError).searchAssets;
     var _f = useState(false), drawerOpen = _f[0], setDrawerOpen = _f[1];
-    var _g = useState(false), settingsIsReady = _g[0], setSettingsIsReady = _g[1];
     var hasPermissionTo = useHasPermission();
-    var searchUTLSettings = useSearchUTLSettings({
-        onError: setError,
-    }).searchUTLSettings;
     var userLogged = useUserContext().state.userLogged;
     useEffect(function () {
-        searchUTLSettings().then(function () {
-            setSettingsIsReady(true);
-        });
-    }, []);
-    useEffect(function () {
-        if (showAreaSelector && userLogged && settingsIsReady) {
+        if (showAreaSelector && userLogged) {
             searchAssets();
         }
-    }, [userLogged, settingsIsReady]);
+    }, [userLogged]);
     var handleDrawerToggle = function () {
         setDrawerOpen(!drawerOpen);
     };
@@ -14141,6 +14078,110 @@ var Navigation = function (_a) {
         React__default.createElement(MESFMainContainer, null)));
 };
 
+var useSearchUTLSettings = function (_a) {
+    var onError = _a.onError;
+    var initSettings = useUTLSettingsContext().actions.initSettings;
+    var searchUTLSettings = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, settings;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getUTLSettings()];
+                case 1:
+                    res = _a.sent();
+                    if (res.ok) {
+                        settings = get(res, "data.tables[0].rows", []);
+                        initSettings(settings);
+                    }
+                    else {
+                        onError(res.message);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return { searchUTLSettings: searchUTLSettings };
+};
+
+var UTLSettingsInitialState = {
+    serverTimeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    settings: {},
+};
+var UTLSettingsReducer = createSlice({
+    name: "__",
+    initialState: UTLSettingsInitialState,
+    reducers: {
+        setServerTimeZone: function (state, _a) {
+            var payload = _a.payload;
+            state.serverTimeZone = payload;
+        },
+        setSetting: function (state, _a) {
+            var payload = _a.payload;
+            state.settings[payload.key] = payload.value;
+        },
+        initSettings: function (state, _a) {
+            var payload = _a.payload;
+            state.settings = payload.reduce(function (acc, cur) {
+                if (cur.SettingName.trim() === "TimeZone") {
+                    var timeService = TimeService.getInstance();
+                    timeService.setTimeZone(cur.Value);
+                }
+                acc[cur.SettingName.trim()] = cur.Value;
+                return acc;
+            }, {});
+        },
+    },
+});
+
+var UTLSettingsContext = createContext({
+    state: UTLSettingsReducer.getInitialState(),
+    actions: UTLSettingsReducer.actions,
+    isLoading: true,
+});
+var useUTLSettingsContext = function () { return useContext(UTLSettingsContext); };
+var UTLSettingsProvider = function (_a) {
+    var children = _a.children;
+    var _b = useComplexState({
+        initialState: UTLSettingsReducer.getInitialState(),
+        reducers: UTLSettingsReducer.caseReducers,
+    }), state = _b[0], actions = _b[1];
+    var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
+    var searchUTLSettings = useSearchUTLSettings({
+        onError: console.error,
+    }).searchUTLSettings;
+    useEffect(function () {
+        setIsLoading(true);
+        searchUTLSettings().then(function () {
+            setIsLoading(false);
+        });
+    }, []);
+    useMesfRealtime({
+        onReceiveMessage: function (author, message) {
+            if (message === "UTL.GetSettings") {
+                searchUTLSettings().then(function () {
+                    // setIsLoading(false);
+                });
+            }
+        },
+    });
+    return (React__default.createElement(UTLSettingsContext.Provider, { value: { state: state, actions: actions, isLoading: isLoading } }, children));
+};
+
+var ProvidersLoader = function (_a) {
+    var children = _a.children;
+    var isUsersLoading = useUserContext().isLoading;
+    var isSettingsLoading = useUTLSettingsContext().isLoading;
+    if (isUsersLoading || isSettingsLoading) {
+        return (React__default.createElement("div", { style: {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                height: "100vh",
+            } },
+            React__default.createElement(CircularProgress, null)));
+    }
+    return React__default.createElement(React__default.Fragment, null, children);
+};
+
 var themeMESF = createTheme({
     palette: {
         type: "light",
@@ -14193,24 +14234,25 @@ var timezone = TimeService.getInstance().getServerTimeZone();
 moment$2.tz.setDefault(timezone);
 var base = document.getElementsByTagName("base")[0].getAttribute("href") || "/";
 function MESFMain(_a) {
-    var authentication = _a.authentication, routes = _a.routes, navbar = _a.navbar, _b = _a.navbarTitle, navbarTitle = _b === void 0 ? "MESF" : _b, configurations = _a.configurations, _c = _a.showAreaSelector, showAreaSelector = _c === void 0 ? false : _c, _d = _a.showTrendingsIcon, showTrendingsIcon = _d === void 0 ? true : _d, _e = _a.byPassHeaderRoutes, byPassHeaderRoutes = _e === void 0 ? [] : _e;
+    var authentication = _a.authentication, routes = _a.routes, navbar = _a.navbar, _b = _a.navbarTitle, navbarTitle = _b === void 0 ? "MESF" : _b, configurations = _a.configurations, _c = _a.showAreaSelector, showAreaSelector = _c === void 0 ? false : _c, _d = _a.showTrendingsIcon, showTrendingsIcon = _d === void 0 ? true : _d, _e = _a.byPassHeaderRoutes, byPassHeaderRoutes = _e === void 0 ? [] : _e, _f = _a.plantAssetId, plantAssetId = _f === void 0 ? 1 : _f;
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(CssBaseline, null),
         React__default.createElement(ThemeProvider, { theme: themeMESF },
             React__default.createElement(AuthProvider, { authConfig: authentication },
                 React__default.createElement(LocalizationProvider, { dateAdapter: AdapterMoment, dateLibInstance: moment$2 },
                     React__default.createElement(UserProvider, null,
-                        React__default.createElement(AssetProvider, null,
-                            React__default.createElement(UTLSettingsProvider, null,
-                                React__default.createElement(RouterContext.Provider, { value: routes },
-                                    React__default.createElement(NavbarContext.Provider, { value: navbar },
-                                        React__default.createElement(ConfigurationContext.Provider, { value: configurations },
-                                            React__default.createElement(ShiftNavigatorProvider, null,
-                                                React__default.createElement(ContextMenuMESFProvider, null,
-                                                    React__default.createElement(BrowserRouter, { basename: base },
-                                                        React__default.createElement(Routes, null,
-                                                            React__default.createElement(Route, { path: "/logout", element: React__default.createElement(Logout, null) })),
-                                                        React__default.createElement(Navigation, { showAreaSelector: showAreaSelector, showTrendingsIcon: showTrendingsIcon, navbarTitle: navbarTitle, byPassHeaderRoutes: byPassHeaderRoutes })))))))))))))));
+                        React__default.createElement(UTLSettingsProvider, null,
+                            React__default.createElement(ProvidersLoader, null,
+                                React__default.createElement(AssetProvider, { plantAssetId: plantAssetId },
+                                    React__default.createElement(RouterContext.Provider, { value: routes },
+                                        React__default.createElement(NavbarContext.Provider, { value: navbar },
+                                            React__default.createElement(ConfigurationContext.Provider, { value: configurations },
+                                                React__default.createElement(ShiftNavigatorProvider, null,
+                                                    React__default.createElement(ContextMenuMESFProvider, null,
+                                                        React__default.createElement(BrowserRouter, { basename: base },
+                                                            React__default.createElement(Routes, null,
+                                                                React__default.createElement(Route, { path: "/logout", element: React__default.createElement(Logout, null) })),
+                                                            React__default.createElement(Navigation, { showAreaSelector: showAreaSelector, showTrendingsIcon: showTrendingsIcon, navbarTitle: navbarTitle, byPassHeaderRoutes: byPassHeaderRoutes }))))))))))))))));
 }
 
 var useDefaultAreaId = function (setError) {
@@ -14325,6 +14367,11 @@ var AreaSelector = function () {
             setDefaultAreaName(areaSelected === null || areaSelected === void 0 ? void 0 : areaSelected.AssetName);
             setDefaultAreaNameToChange(areaSelected === null || areaSelected === void 0 ? void 0 : areaSelected.AssetName);
         }
+        else {
+            setDefaultAreaId(0);
+            setDefaultAreaName("Plant");
+            setDefaultAreaNameToChange("Plant");
+        }
     }, [defaultAreaId, areasList]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Box, { mx: 2 },