@dexteel/mesf-core 3.9.1 → 3.10.1

package/dist/configuration/stylesGetters.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 declare const getShiftStyle: (shift: string) => {
     color: string;
 } | {
@@ -9,6 +9,6 @@ declare const getCrewStyle: (crew: string) => {
 } | {
     color?: undefined;
 };
-declare const GetShiftColor: (props: any) => JSX.Element;
-declare const GetCrewColor: (props: any) => JSX.Element;
+declare const GetShiftColor: (props: any) => React.JSX.Element;
+declare const GetCrewColor: (props: any) => React.JSX.Element;
 export { getShiftStyle, getCrewStyle, GetShiftColor, GetCrewColor };

package/dist/configurationMenu.d.ts

@@ -13,5 +13,5 @@ export type ConfigurationsType = [
     SectionComponent[],
     SidebarType
 ];
-export default function Configuration(): JSX.Element;
+export default function Configuration(): React.JSX.Element;
 export {};

package/dist/context/UTLSettingContext.d.ts

@@ -0,0 +1,17 @@
+import { default as React, ReactNode } from "react";
+export declare const useUTLSettingsContext: () => {
+    state: {
+        hideBlueBoxes: any;
+    };
+    actions: import("@reduxjs/toolkit").CaseReducerActions<{
+        setHideBlueBoxes(state: import("immer/dist/internal").WritableDraft<{
+            hideBlueBoxes: any;
+        }>, { payload }: {
+            payload: any;
+            type: string;
+        }): void;
+    }, "__">;
+};
+export declare const UTLSettingsProvider: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;

package/dist/context/assetContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { default as React, ReactNode } from "react";
 export declare const useAssetContext: () => {
     state: {
         areasList: import("../models/Asset").Asset[];
@@ -23,4 +23,4 @@ export declare const useAssetContext: () => {
 };
 export declare const AssetProvider: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/context/userContext.d.ts

@@ -1,10 +1,11 @@
-import { ReactNode } from "react";
+import { default as React, ReactNode } from "react";
 export declare const useUserContext: () => {
     state: {
         userLastName: string;
         userId: number | null;
         defaultAreaId: string | number | null;
         defaultAreaName: string | null;
+        userLogged: boolean;
     };
     actions: import("@reduxjs/toolkit").CaseReducerActions<{
         setUserId(state: import("immer/dist/internal").WritableDraft<{
@@ -12,6 +13,7 @@ export declare const useUserContext: () => {
             userId: number | null;
             defaultAreaId: string | number | null;
             defaultAreaName: string | null;
+            userLogged: boolean;
         }>, { payload }: {
             payload: any;
             type: string;
@@ -21,6 +23,7 @@ export declare const useUserContext: () => {
             userId: number | null;
             defaultAreaId: string | number | null;
             defaultAreaName: string | null;
+            userLogged: boolean;
         }>, { payload }: {
             payload: any;
             type: string;
@@ -30,6 +33,7 @@ export declare const useUserContext: () => {
             userId: number | null;
             defaultAreaId: string | number | null;
             defaultAreaName: string | null;
+            userLogged: boolean;
         }>, { payload }: {
             payload: any;
             type: string;
@@ -39,6 +43,17 @@ export declare const useUserContext: () => {
             userId: number | null;
             defaultAreaId: string | number | null;
             defaultAreaName: string | null;
+            userLogged: boolean;
+        }>, { payload }: {
+            payload: any;
+            type: string;
+        }): void;
+        setUserLogged(state: import("immer/dist/internal").WritableDraft<{
+            userLastName: string;
+            userId: number | null;
+            defaultAreaId: string | number | null;
+            defaultAreaName: string | null;
+            userLogged: boolean;
         }>, { payload }: {
             payload: any;
             type: string;
@@ -47,4 +62,4 @@ export declare const useUserContext: () => {
 };
 export declare const UserProvider: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/controls/LazyLoading/LazyLoading.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import "./LazyLoading.css";
-export declare const LazyLoading: () => JSX.Element;
+export declare const LazyLoading: () => React.JSX.Element;

package/dist/controls/alert.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { AlertProps } from '@material-ui/lab/Alert';
-export declare const Alert: (props: AlertProps) => JSX.Element;
+export declare const Alert: (props: AlertProps) => React.JSX.Element;

package/dist/controls/charts/genericChart.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import PropTypes from 'prop-types';
 declare const BarChartControl: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         data: PropTypes.Requireable<any[]>;
         keys: PropTypes.Requireable<any[]>;

package/dist/controls/filters/dialogFilter.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import PropTypes from 'prop-types';
 declare const ModalTreeFilterControl: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         onClose: PropTypes.Validator<(...args: any[]) => any>;
         open: PropTypes.Validator<boolean>;

package/dist/controls/filters/filters.d.ts

@@ -1,14 +1,14 @@
-import { Component } from "react";
+import React, { Component } from "react";
 type TreePickerControlProps = {
     onSelect: (value: string, description: string, findNode: any) => void;
     [key: string]: any;
 };
-export declare const TreePickerControl: (props: TreePickerControlProps) => JSX.Element;
+export declare const TreePickerControl: (props: TreePickerControlProps) => React.JSX.Element;
 export declare class SimpleTextControl extends Component<any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class SimplePasswordControl extends Component<any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const formatNumber: (value: number) => string;
 export type NumericTextControlProps = {
@@ -21,12 +21,12 @@ export type NumericTextControlProps = {
     name: any;
     typeNumber: any;
 };
-export declare const NumericTextControl: (props: NumericTextControlProps) => JSX.Element;
+export declare const NumericTextControl: (props: NumericTextControlProps) => React.JSX.Element;
 export declare class HorizontalTextControl extends Component<any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class SimpleTextAreaControl extends Component<any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 interface SimpleSelectorControlProps {
     title?: string;
@@ -38,8 +38,8 @@ interface SimpleSelectorControlProps {
     styleList?: any;
     hasChoose?: boolean;
 }
-export declare function SimpleSelectorControl({ title, dataSource, selectedValue, onChange, showColor, styleLabel, styleList, hasChoose }: SimpleSelectorControlProps): JSX.Element;
-export declare const MultipleSelectorControl: (props: any) => JSX.Element;
-export declare const CheckBoxControl: (props: any) => JSX.Element;
-export declare const UploadFileControl: (props: any) => JSX.Element;
+export declare function SimpleSelectorControl({ title, dataSource, selectedValue, onChange, showColor, styleLabel, styleList, hasChoose }: SimpleSelectorControlProps): React.JSX.Element;
+export declare const MultipleSelectorControl: (props: any) => React.JSX.Element;
+export declare const CheckBoxControl: (props: any) => React.JSX.Element;
+export declare const UploadFileControl: (props: any) => React.JSX.Element;
 export {};

package/dist/controls/panels.d.ts

@@ -1,4 +1,4 @@
-import { Component, MouseEventHandler } from "react";
+import React, { Component, MouseEventHandler } from "react";
 type GenericPanelProps = {
     title: string;
     description: string;
@@ -12,7 +12,7 @@ type GenericPanelProps = {
 };
 /********************MATERIAL UI STYLES********************************** */
 /************************************************************************* */
-declare const GenericPanel: ({ title, description, showPromptSuccess, showPromptError, onDismissSuccess, onDismissError, successMessage, error, children, }: GenericPanelProps) => JSX.Element;
+declare const GenericPanel: ({ title, description, showPromptSuccess, showPromptError, onDismissSuccess, onDismissError, successMessage, error, children, }: GenericPanelProps) => React.JSX.Element;
 type MasterDetailPanelProps = {
     title: string;
     onSave: MouseEventHandler;
@@ -25,7 +25,7 @@ type MasterDetailPanelProps = {
 };
 declare class MasterDetailPanel extends Component<MasterDetailPanelProps> {
     useStyles(): (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 type ExtraButton = {
     name: string;
@@ -47,7 +47,7 @@ declare class FilterPanel extends Component<FilterPanelProps> {
     ExportData(): void;
     ResetFilterValues(): void;
     GetFilterValues(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare class LongFilterPanel extends Component<FilterPanelProps> {
     onClickGo: MouseEventHandler;
@@ -57,6 +57,6 @@ declare class LongFilterPanel extends Component<FilterPanelProps> {
     ExportData(): void;
     ResetFilterValues(): void;
     GetFilterValues(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { GenericPanel, FilterPanel, MasterDetailPanel, LongFilterPanel };

package/dist/controls/tables/GenericTable.d.ts

@@ -1,5 +1,5 @@
-import { Component } from "react";
+import React, { Component } from "react";
 declare class GenericTable extends Component<any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { GenericTable };

package/dist/controls/tables/dataGrid.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import PropTypes from 'prop-types';
 declare const DataGridControl: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         columns: PropTypes.Requireable<any[]>;
         rows: PropTypes.Requireable<any[]>;

package/dist/hooks/useSearchUTLSetting.d.ts

@@ -0,0 +1,3 @@
+export declare const useSearchUTLSettings: () => {
+    searchUTLSettings: () => void;
+};

package/dist/index.d.ts

@@ -1,10 +1,11 @@
+export * from "./MESFMain";
 export * from "./account";
 export * from "./components/modals/modal.mesf";
 export * from "./configuration";
+export * from "./context/UTLSettingContext";
 export * from "./context/assetContext";
+export * from "./context/axiosInstance";
 export * from "./context/userContext";
 export * from "./controls";
-export * from "./MESFMain";
 export * from "./services";
 export * from "./utils";
-export * from "./context/axiosInstance";

package/dist/index.esm.js

@@ -1,24 +1,24 @@
-import { Typography, TextField, FormHelperText, CircularProgress as CircularProgress$1, Grid as Grid$1, Snackbar as Snackbar$1, makeStyles as makeStyles$1, createStyles as createStyles$1, Dialog as Dialog$1, DialogTitle as DialogTitle$2, DialogContent as DialogContent$2, List, ListItem, ListItemText, DialogActions as DialogActions$2 } from '@material-ui/core';
-import { get as get$1, isEmpty } from 'lodash-es';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, Component, createContext, useContext, useCallback, lazy, Suspense } from 'react';
+import { Outlet, useNavigate, useSearchParams, Link, useParams, Navigate, Routes, Route, BrowserRouter } from 'react-router-dom';
+import { Typography, TextField, FormHelperText, CircularProgress as CircularProgress$1, Grid as Grid$1, Snackbar as Snackbar$1, makeStyles as makeStyles$1, createStyles as createStyles$1, Dialog as Dialog$1, DialogTitle as DialogTitle$2, DialogContent as DialogContent$2, List, ListItem, ListItemText, DialogActions as DialogActions$2 } from '@material-ui/core';
+import { get as get$1, isEmpty } from 'lodash-es';
 import { Alert as Alert$1, Modal as Modal$2, Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
 import DialogTitle$1 from '@material-ui/core/DialogTitle';
 import DialogContent$1 from '@material-ui/core/DialogContent';
 import DialogActions$1 from '@material-ui/core/DialogActions';
 import Dialog from '@material-ui/core/Dialog';
 import Button from '@material-ui/core/Button';
-import { Outlet, useNavigate, useSearchParams, Link, useParams, Navigate, Routes, Route, BrowserRouter } from 'react-router-dom';
-import Paper from '@material-ui/core/Paper';
-import Grid from '@material-ui/core/Grid';
 import { useMsal, MsalProvider } from '@azure/msal-react';
 import { LogLevel, PublicClientApplication } from '@azure/msal-browser';
+import { useComplexState } from 'use-complex-state';
+import { createSlice } from '@reduxjs/toolkit';
 import MenuItem from '@material-ui/core/MenuItem';
 import MenuList from '@material-ui/core/MenuList';
+import Paper from '@material-ui/core/Paper';
+import Grid from '@material-ui/core/Grid';
 import axios from 'axios';
 import PersonPinCircleIcon from '@material-ui/icons/PersonPinCircle';
-import { useComplexState } from 'use-complex-state';
-import { createSlice } from '@reduxjs/toolkit';
 import moment from 'moment';
 import { withStyles, alpha, makeStyles, createStyles, useTheme } from '@material-ui/core/styles';
 import { get, useForm, Controller } from 'react-hook-form';
@@ -74,7 +74,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -160,7 +160,12 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var BarChartControl = function (props) {
     var height = props.height, minWidth = props.minWidth, data = props.data, keys = props.keys, indexBy = props.indexBy, legendX = props.legendX, legendY = props.legendY, colors = props.colors, other = __rest(props, ["height", "minWidth", "data", "keys", "indexBy", "legendX", "legendY", "colors"]);
@@ -5152,6 +5157,29 @@ var getAssets = function () { return __awaiter(void 0, void 0, void 0, function
         }
     });
 }); };
+var getUTLSettings = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var apiService, resp, e_3;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                apiService = new MESApiService();
+                _a.label = 1;
+            case 1:
+                _a.trys.push([1, 3, , 4]);
+                return [4 /*yield*/, apiService.call("[UTL].[GetSettings]", [])];
+            case 2:
+                resp = _a.sent();
+                return [2 /*return*/, {
+                        ok: true,
+                        data: resp
+                    }];
+            case 3:
+                e_3 = _a.sent();
+                return [2 /*return*/, { ok: false, message: e_3.toString() }];
+            case 4: return [2 /*return*/];
+        }
+    });
+}); };
 var upsertDefaultAreaId = function (UserId, DefaultAreaId) { return __awaiter(void 0, void 0, void 0, function () {
     var apiService, parameters, resp, e_4;
     return __generator(this, function (_a) {
@@ -5706,6 +5734,13 @@ function Logout() {
         React__default.createElement("div", null, "logging out!!!")));
 }
 
+var RouterContext = React__default.createContext(function () { return React__default.createElement(React__default.Fragment, null); });
+var ConfigurationContext = React__default.createContext([
+    [],
+    function () { return (React__default.createElement(React__default.Fragment, null)); }
+]);
+var NavbarContext = React__default.createContext(function () { return React__default.createElement(React__default.Fragment, null); });
+
 var AssetInitialState = {
     areasList: [],
     allAssets: []
@@ -5740,13 +5775,6 @@ var AssetProvider = function (_a) {
     return (React__default.createElement(AssetContext.Provider, { value: { state: state, actions: actions } }, children));
 };
 
-var RouterContext = React__default.createContext(function () { return React__default.createElement(React__default.Fragment, null); });
-var ConfigurationContext = React__default.createContext([
-    [],
-    function () { return (React__default.createElement(React__default.Fragment, null)); }
-]);
-var NavbarContext = React__default.createContext(function () { return React__default.createElement(React__default.Fragment, null); });
-
 var useSearchAssets = function () {
     var _a = useAssetContext().actions, setAllAssets = _a.setAllAssets, setAreasList = _a.setAreasList;
     var searchAssets = function () {
@@ -5769,6 +5797,51 @@ var useSearchAssets = function () {
     return { searchAssets: searchAssets };
 };
 
+var UTLSettingsInitialState = {
+    hideBlueBoxes: {}
+};
+var UTLSettingsReducer = createSlice({
+    name: "__",
+    initialState: UTLSettingsInitialState,
+    reducers: {
+        setHideBlueBoxes: function (state, _a) {
+            var payload = _a.payload;
+            state.hideBlueBoxes = payload;
+        }
+    }
+});
+
+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 () {
+    var setHideBlueBoxes = useUTLSettingsContext().actions.setHideBlueBoxes;
+    var searchUTLSettings = function () {
+        getUTLSettings().then(function (res) { return __awaiter(void 0, void 0, void 0, function () {
+            var hideBlueBoxesSetting;
+            return __generator(this, function (_a) {
+                hideBlueBoxesSetting = get$1(res, "data.tables[0].rows[4]", {});
+                hideBlueBoxesSetting.SettingName =
+                    hideBlueBoxesSetting === null || hideBlueBoxesSetting === void 0 ? void 0 : hideBlueBoxesSetting.SettingName.trim();
+                setHideBlueBoxes(hideBlueBoxesSetting);
+                return [2 /*return*/];
+            });
+        }); });
+    };
+    return { searchUTLSettings: searchUTLSettings };
+};
+
 var AreaSelector$1 = lazy(function () { return Promise.resolve().then(function () { return areaSelector; }).then(function (mod) { return ({ "default": mod.AreaSelector }); }); });
 function Header(_a) {
     var _b = _a.showAreaSelector, showAreaSelector = _b === void 0 ? false : _b;
@@ -5777,6 +5850,7 @@ function Header(_a) {
     var CustomNavbar = useContext(NavbarContext);
     var userName = useState(getUserName())[0];
     var searchAssets = useSearchAssets().searchAssets;
+    var searchUTLSettings = useSearchUTLSettings().searchUTLSettings;
     var userLogged = useUserContext().state.userLogged;
     var tick = function () {
         setDate(new Date());
@@ -5792,6 +5866,7 @@ function Header(_a) {
     useEffect(function () {
         if (showAreaSelector && userLogged) {
             searchAssets();
+            searchUTLSettings();
         }
     }, [userLogged]);
     return (React__default.createElement(Navbar, { variant: "dark", expand: "lg", className: "mes-primary-color mes-menu-top" },
@@ -5932,13 +6007,14 @@ function MESFMain(_a) {
     return (React__default.createElement(AuthProvider, { authConfig: authentication },
         React__default.createElement(UserProvider, null,
             React__default.createElement(AssetProvider, 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(BrowserRouter, { basename: base$1 },
-                                React__default.createElement(Routes, null,
-                                    React__default.createElement(Route, { path: "/logout", element: React__default.createElement(Logout, null) })),
-                                React__default.createElement(Navigation, { showAreaSelector: showAreaSelector })))))))));
+                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(BrowserRouter, { basename: base$1 },
+                                    React__default.createElement(Routes, null,
+                                        React__default.createElement(Route, { path: "/logout", element: React__default.createElement(Logout, null) })),
+                                    React__default.createElement(Navigation, { showAreaSelector: showAreaSelector }))))))))));
 }
 
 var base = document.getElementsByTagName('base')[0].getAttribute('href') || '/';
@@ -6076,15 +6152,14 @@ var useStyles = makeStyles$1(function (theme) {
 });
 var AreaSelector = function () {
     var _a = useState(false), open = _a[0], setOpen = _a[1];
-    var _b = useState(false), areaChanged = _b[0], setAreaChanged = _b[1];
     var getUserId = useToken().getUserId;
-    var _c = useUserContext(), _d = _c.state, userId = _d.userId, defaultAreaId = _d.defaultAreaId, defaultAreaName = _d.defaultAreaName, _e = _c.actions, setDefaultAreaId = _e.setDefaultAreaId, setDefaultAreaName = _e.setDefaultAreaName, setUserId = _e.setUserId;
+    var _b = useUserContext(), _c = _b.state, userId = _c.userId, defaultAreaId = _c.defaultAreaId, defaultAreaName = _c.defaultAreaName, _d = _b.actions, setDefaultAreaId = _d.setDefaultAreaId, setDefaultAreaName = _d.setDefaultAreaName, setUserId = _d.setUserId;
     var areasList = useAssetContext().state.areasList;
-    var _f = React__default.useState(true), fullWidth = _f[0]; _f[1];
-    var _g = React__default.useState('sm'), maxWidth = _g[0]; _g[1];
+    var _e = React__default.useState(true), fullWidth = _e[0]; _e[1];
+    var _f = React__default.useState('sm'), maxWidth = _f[0]; _f[1];
     var classes = useStyles();
-    var _h = useState(defaultAreaId), defaultAreaIdToChange = _h[0], setDefaultAreaIdToChange = _h[1];
-    var _j = useState(defaultAreaName), defaultAreaNameToChange = _j[0], setDefaultAreaNameToChange = _j[1];
+    var _g = useState(defaultAreaId), defaultAreaIdToChange = _g[0], setDefaultAreaIdToChange = _g[1];
+    var _h = useState(defaultAreaName), defaultAreaNameToChange = _h[0], setDefaultAreaNameToChange = _h[1];
     var defaultAreaIdFromAPI = useDefaultAreaId();
     var onClose = function (value) { return setOpen(value); };
     var changeAreaActive = function () {
@@ -6107,9 +6182,7 @@ var AreaSelector = function () {
     var handleChangeDefaultAreaId = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0:
-                    setAreaChanged(true);
-                    return [4 /*yield*/, upsertDefaultAreaId(userId, defaultAreaIdToChange)];
+                case 0: return [4 /*yield*/, upsertDefaultAreaId(userId, defaultAreaIdToChange)];
                 case 1:
                     _a.sent();
                     setDefaultAreaId(defaultAreaIdToChange);
@@ -6126,17 +6199,12 @@ var AreaSelector = function () {
         defaultAreaIdFromAPI();
     }, [userId]);
     useEffect(function () {
-        if (!areaChanged) {
-            if (defaultAreaId) {
-                var areaSelected = areasList.find(function (area) { return (area === null || area === void 0 ? void 0 : area.AssetId) === defaultAreaId; });
-                setDefaultAreaName(areaSelected === null || areaSelected === void 0 ? void 0 : areaSelected.AssetName);
-                setDefaultAreaNameToChange(areaSelected === null || areaSelected === void 0 ? void 0 : areaSelected.AssetName);
-            }
-        }
-        else {
-            setAreaChanged(false);
+        if (defaultAreaId) {
+            var areaSelected = areasList.find(function (area) { return (area === null || area === void 0 ? void 0 : area.AssetId) === defaultAreaId; });
+            setDefaultAreaName(areaSelected === null || areaSelected === void 0 ? void 0 : areaSelected.AssetName);
+            setDefaultAreaNameToChange(areaSelected === null || areaSelected === void 0 ? void 0 : areaSelected.AssetName);
         }
-    }, [defaultAreaId, userId]);
+    }, [defaultAreaId, areasList]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Nav, { className: "mx-2" },
             React__default.createElement(Nav.Link, null,
@@ -6146,7 +6214,7 @@ var AreaSelector = function () {
                         "textOverflow": "ellipsis", "whiteSpace": "nowrap"
                     }, onClick: changeAreaActive },
                     React__default.createElement(PersonPinCircleIcon, { style: { marginLeft: "-5px" } }),
-                    defaultAreaName || "Pick Area"))),
+                    defaultAreaName))),
         React__default.createElement(Dialog$1, { fullWidth: fullWidth, maxWidth: maxWidth, onClose: handleClose, "aria-labelledby": "confirmation-dialog-title", open: open, className: classes.root },
             React__default.createElement(DialogTitle$2, { id: "confirmation-dialog-title" }, "AREA"),
             React__default.createElement(DialogContent$2, { dividers: true },
@@ -6171,4 +6239,4 @@ var areaSelector = /*#__PURE__*/Object.freeze({
     AreaSelector: AreaSelector
 });
 
-export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TreePickerControl, USER_LABELS, UploadFileControl, UserProvider, axiosInstance, formatNumber, getCrewStyle, getShiftStyle, getTokenFromLS, renewToken, useAssetContext, useToken, useUserContext };
+export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TreePickerControl, USER_LABELS, UTLSettingsProvider, UploadFileControl, UserProvider, axiosInstance, formatNumber, getCrewStyle, getShiftStyle, getTokenFromLS, renewToken, useAssetContext, useToken, useUTLSettingsContext, useUserContext };

package/dist/models/UTLSetting.d.ts

@@ -0,0 +1,4 @@
+export interface UTLSetting {
+    SettingName: string;
+    Value: string;
+}

package/dist/reducers/UTLSettingsReducer.d.ts

@@ -0,0 +1,10 @@
+export declare const UTLSettingsReducer: import("@reduxjs/toolkit").Slice<{
+    hideBlueBoxes: any;
+}, {
+    setHideBlueBoxes(state: import("immer/dist/internal").WritableDraft<{
+        hideBlueBoxes: any;
+    }>, { payload }: {
+        payload: any;
+        type: string;
+    }): void;
+}, "__">;

package/dist/routes/MESFMainRouter.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const MESFMainRouter: () => JSX.Element;
+import React from 'react';
+declare const MESFMainRouter: () => React.JSX.Element;
 export default MESFMainRouter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexteel/mesf-core",
-  "version": "3.9.1",
+  "version": "3.10.1",
   "author": "Dexteel Team",
   "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",