@dexteel/mesf-core 5.6.3 → 5.7.1

package/dist/index.esm.js

@@ -1857,9 +1857,11 @@ var ShiftPeriodNavigatorControl = function (_a) {
             React__default.createElement(IconButton$1, { size: "small", color: "primary", disabled: loadingShiftPeriodList || isCustomMode, onClick: function () { return handleArrowNavigation("prev"); } },
                 React__default.createElement(ChevronLeft, null))),
         React__default.createElement("div", { className: "".concat(classes.gridItem, " ").concat(classes.datePickerWrapper) },
-            React__default.createElement(DatePicker$1, { label: "Start", format: dateFormat, value: moment$2((startShift === null || startShift === void 0 ? void 0 : startShift.Start) || moment$2().subtract(1, "day")), onChange: function (value) {
+            React__default.createElement(DatePicker$1, { label: "Start", format: dateFormat, value: isCustomMode
+                    ? customStartDate || moment$2().subtract(1, "day")
+                    : moment$2((startShift === null || startShift === void 0 ? void 0 : startShift.Start) || moment$2().subtract(1, "day")), onChange: function (value) {
                     return handleDateChange(value ? moment$2(value) : null, "start");
-                }, disabled: loadingShiftPeriodList, enableAccessibleFieldDOMStructure: false, slots: {
+                }, disabled: loadingShiftPeriodList, maxDate: isCustomMode ? moment$2() : undefined, enableAccessibleFieldDOMStructure: false, slots: {
                     textField: function (props) { return (React__default.createElement(TextField, __assign({}, props, { size: "small", variant: "outlined", fullWidth: true, style: { width: "100%" }, InputProps: __assign(__assign({}, props.InputProps), { style: { paddingTop: "2px" } }) }))); },
                     openPickerIcon: function () { return (React__default.createElement("div", { style: {
                             display: "flex",
@@ -1877,9 +1879,11 @@ var ShiftPeriodNavigatorControl = function (_a) {
                         width: "100%",
                     } }, periodOptions.map(function (option) { return (React__default.createElement(MenuItem, { key: option.value, value: option.value }, option.label)); })))),
         React__default.createElement("div", { className: "".concat(classes.gridItem, " ").concat(classes.datePickerWrapper) },
-            React__default.createElement(DatePicker$1, { label: "End", format: dateFormat, value: moment$2((endShift === null || endShift === void 0 ? void 0 : endShift.Start) || moment$2().subtract(1, "day")), onChange: function (value) {
+            React__default.createElement(DatePicker$1, { label: "End", format: dateFormat, value: isCustomMode
+                    ? customEndDate || moment$2()
+                    : moment$2((endShift === null || endShift === void 0 ? void 0 : endShift.End) || (endShift === null || endShift === void 0 ? void 0 : endShift.Start) || moment$2()), onChange: function (value) {
                     return handleDateChange(value ? moment$2(value) : null, "end");
-                }, disabled: loadingShiftPeriodList, enableAccessibleFieldDOMStructure: false, slots: {
+                }, disabled: loadingShiftPeriodList, minDate: isCustomMode && customStartDate ? customStartDate : undefined, maxDate: isCustomMode ? moment$2() : undefined, enableAccessibleFieldDOMStructure: false, slots: {
                     textField: function (props) { return (React__default.createElement(TextField, __assign({}, props, { size: "small", variant: "outlined", fullWidth: true, style: { width: "100%" }, InputProps: __assign(__assign({}, props.InputProps), { style: { paddingTop: "2px" } }) }))); },
                     openPickerIcon: function () { return (React__default.createElement("div", { style: {
                             display: "flex",
@@ -6916,7 +6920,6 @@ var deleteUser = function (userId) { return __awaiter(void 0, void 0, void 0, fu
         }
     });
 }); };
-//  inserta una nueva fila o actualiza una fila existente
 var setPassword = function (userId, password) { return __awaiter(void 0, void 0, void 0, function () {
     var apiService, resp, e_1;
     return __generator(this, function (_a) {
@@ -6953,6 +6956,7 @@ var upsertUser = function (user) { return __awaiter(void 0, void 0, void 0, func
                 parameters.push({ name: "LastName", value: user.LastName });
                 parameters.push({ name: "AuthTypeId", value: user.AuthTypeId });
                 parameters.push({ name: "IsActive", value: user.IsActive });
+                parameters.push({ name: "DefaultAssetId", value: user.DefaultAssetId });
                 return [4 /*yield*/, apiService.callV2("[SEC].[UpsertUser]", parameters)];
             case 1:
                 resp = _a.sent();
@@ -7061,10 +7065,24 @@ var INITIAL_VALUES$1 = {
     AuthTypeId: 1,
     IsActive: true,
     LastLogin: null,
+    DefaultAssetId: null,
     ProfilesId: [],
     Profiles: [],
 };
 
+var AssetSelector = function (_a) {
+    var value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    var areasList = useAssetContext().state.areasList;
+    return (React__default.createElement(FormControl, { variant: "outlined", fullWidth: true, margin: "dense", disabled: disabled },
+        React__default.createElement(InputLabel, null, "Default Asset"),
+        React__default.createElement(Select, { value: value || "", onChange: function (e) {
+                return onChange(e.target.value ? Number(e.target.value) : null);
+            }, label: "Default Asset" },
+            React__default.createElement(MenuItem, { value: "" },
+                React__default.createElement("em", null, "None")),
+            areasList.map(function (area) { return (React__default.createElement(MenuItem, { key: area === null || area === void 0 ? void 0 : area.AssetId, value: area === null || area === void 0 ? void 0 : area.AssetId }, area === null || area === void 0 ? void 0 : area.AssetName)); }))));
+};
+
 var useStyles$i = makeStyles(function (theme) { return ({
     root: {
         "& .MuiSelect-select": {
@@ -7311,6 +7329,11 @@ var CreateUser = function (_a) {
                                     var _b = _a.field, value = _b.value, onChange = _b.onChange;
                                     return (React.createElement(AuthTypeSelector, { value: value, onChange: onChange }));
                                 } })),
+                        React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                            React.createElement(Controller, { name: "DefaultAssetId", control: control, render: function (_a) {
+                                    var _b = _a.field, value = _b.value, onChange = _b.onChange;
+                                    return (React.createElement(AssetSelector, { value: value, onChange: onChange }));
+                                } })),
                         React.createElement(Grid, { item: true, xs: 12, md: 6, style: { marginTop: "5px" } },
                             React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
                                     var field = _a.field;
@@ -7394,6 +7417,7 @@ var DeleteUser = function (_a) {
                                     setValue("AuthTypeId", userSelected.AuthTypeId);
                                     setValue("IsActive", userSelected.IsActive);
                                     setValue("LastLogin", userSelected.LastLogin);
+                                    setValue("DefaultAssetId", userSelected.DefaultAssetId);
                                     setValue("ProfilesId", profilesIds.map(function (pId) { return parseInt(pId); }));
                                     setIsLoading(false);
                                 }
@@ -7431,6 +7455,11 @@ var DeleteUser = function (_a) {
                                             var _b = _a.field, value = _b.value, onChange = _b.onChange;
                                             return (React__default.createElement(AuthTypeSelector, { value: value, onChange: onChange, disabled: true }));
                                         } })),
+                                React__default.createElement(Grid, { item: true, xs: 12, md: 6 },
+                                    React__default.createElement(Controller, { name: "DefaultAssetId", control: control, render: function (_a) {
+                                            var _b = _a.field, value = _b.value, onChange = _b.onChange;
+                                            return (React__default.createElement(AssetSelector, { value: value, onChange: onChange, disabled: true }));
+                                        } })),
                                 React__default.createElement(Grid, { item: true, xs: 12, md: 6 },
                                     React__default.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
                                             var field = _a.field;
@@ -7453,6 +7482,309 @@ var DeleteUser = function (_a) {
         React__default.createElement(ErrorModal, { error: profileError, onHide: function () { return setprofileError(""); }, title: "Error Choosing Profile" })));
 };
 
+var _a;
+var base$2 = document.getElementsByTagName("base")[0].getAttribute("href") || "/";
+function renewToken() {
+    return __awaiter(this, void 0, void 0, function () {
+        var refreshToken, config, fd, response, token;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    refreshToken = localStorage.getItem("refreshToken");
+                    if (!refreshToken) {
+                        throw new Error("refresh token does not exist");
+                    }
+                    config = new Configuration$1();
+                    fd = new FormData();
+                    fd.append("refreshToken", refreshToken);
+                    return [4 /*yield*/, axios.post("".concat(config.API_AUTH_URL, "/refresh"), fd, {
+                            headers: {
+                                "Content-Type": "application/json",
+                            },
+                            params: {
+                                refreshToken: refreshToken,
+                            },
+                        })];
+                case 1:
+                    response = _a.sent();
+                    token = response.data.result;
+                    if (token) {
+                        return [2 /*return*/, [token, refreshToken]];
+                    }
+                    else {
+                        throw new Error("Token is not valid");
+                    }
+            }
+        });
+    });
+}
+function isUnauthorizedError(error) {
+    var status = error.response.status;
+    return status === 499 || status === 499; // custom status code
+}
+var axiosInstance = axios.create({
+    headers: {
+        Authorization: "Bearer ".concat((_a = localStorage.getItem("token")) !== null && _a !== void 0 ? _a : ""),
+    },
+});
+var refreshingFunc;
+axiosInstance.interceptors.response.use(function (res) { return res; }, function (error) { return __awaiter(void 0, void 0, void 0, function () {
+    var originalConfig, token, _a, newToken, newRefreshToken, innerError_1, err_1;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                originalConfig = error.config;
+                if (originalConfig.headers.MESF_Retries === 1) {
+                    localStorage.removeItem("token");
+                    localStorage.removeItem("refreshToken");
+                    window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
+                    return [2 /*return*/, Promise.reject(error)];
+                }
+                token = getTokenFromLS();
+                if (!token || !isUnauthorizedError(error)) {
+                    return [2 /*return*/, Promise.reject(error)];
+                }
+                _b.label = 1;
+            case 1:
+                _b.trys.push([1, 7, 8, 9]);
+                if (!refreshingFunc)
+                    refreshingFunc = renewToken();
+                return [4 /*yield*/, refreshingFunc];
+            case 2:
+                _a = _b.sent(), newToken = _a[0], newRefreshToken = _a[1];
+                localStorage.setItem("token", newToken);
+                localStorage.setItem("refreshToken", newRefreshToken);
+                axiosInstance.defaults.headers.Authorization = "Bearer ".concat(newToken);
+                originalConfig.headers.Authorization = "Bearer ".concat(newToken);
+                originalConfig.headers.MESF_Retries = 1;
+                _b.label = 3;
+            case 3:
+                _b.trys.push([3, 5, , 6]);
+                return [4 /*yield*/, axios.request(originalConfig)];
+            case 4: return [2 /*return*/, _b.sent()];
+            case 5:
+                innerError_1 = _b.sent();
+                if (isUnauthorizedError(innerError_1)) {
+                    return [2 /*return*/, Promise.reject(innerError_1)];
+                }
+                return [2 /*return*/, Promise.reject(innerError_1)];
+            case 6: return [3 /*break*/, 9];
+            case 7:
+                err_1 = _b.sent();
+                localStorage.removeItem("token");
+                localStorage.removeItem("refreshToken");
+                window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
+                return [2 /*return*/, Promise.reject(err_1)];
+            case 8:
+                refreshingFunc = undefined;
+                return [7 /*endfinally*/];
+            case 9: return [2 /*return*/];
+        }
+    });
+}); });
+
+var useMesfRealtime = function (_a) {
+    var onReceiveMessage = _a.onReceiveMessage;
+    useEffect(function () {
+        var connection = new HubConnectionBuilder()
+            .withUrl("/ws")
+            .withAutomaticReconnect()
+            .configureLogging(LogLevel.Information)
+            .build();
+        connection
+            .start()
+            .then(function () {
+            console.log("Connection started");
+        })
+            .catch(function (err) {
+            console.log("Error while starting connection: " + err);
+        });
+        connection.on("ReceiveMessage", function (author, message) {
+            onReceiveMessage(author, message);
+        });
+        return function () {
+            connection
+                .stop()
+                .then(function () {
+                console.log("Connection stopped");
+            })
+                .catch(function (err) {
+                console.log("Error while stopping connection: " + err);
+            });
+        };
+    }, []);
+};
+
+var UserInitialState = {
+    userLastName: "",
+    userId: null,
+    defaultAreaId: null,
+    defaultAreaName: "",
+    userLogged: false,
+    permissions: [],
+};
+var UserReducer = createSlice({
+    name: "__",
+    initialState: UserInitialState,
+    reducers: {
+        setUserId: function (state, _a) {
+            var payload = _a.payload;
+            state.userId = payload;
+        },
+        setUserLastName: function (state, _a) {
+            var payload = _a.payload;
+            state.userLastName = payload;
+        },
+        setDefaultAreaId: function (state, _a) {
+            var payload = _a.payload;
+            state.defaultAreaId = payload;
+        },
+        setDefaultAreaName: function (state, _a) {
+            var payload = _a.payload;
+            state.defaultAreaName = payload;
+        },
+        setUserLogged: function (state, _a) {
+            var payload = _a.payload;
+            state.userLogged = payload;
+        },
+        setPermissions: function (state, _a) {
+            var payload = _a.payload;
+            state.permissions = payload;
+        },
+    },
+});
+
+var UserContext = createContext({
+    state: UserReducer.getInitialState(),
+    actions: UserReducer.actions,
+    isLoading: true,
+});
+var useUserContext = function () { return useContext(UserContext); };
+var useHasPermission = function () {
+    var state = useUserContext().state;
+    return function (permission) {
+        return state.permissions.some(function (p) { return p === permission; });
+    };
+};
+var UserProvider = function (_a) {
+    var children = _a.children;
+    var _b = useComplexState({
+        initialState: UserReducer.getInitialState(),
+        reducers: UserReducer.caseReducers,
+    }), state = _b[0], actions = _b[1];
+    var _c = useState(false), permissionsLoaded = _c[0], setPermissionsLoaded = _c[1];
+    var getUserId = function () {
+        var sessionData = localStorage.getItem("userMESData") || "{}";
+        var userData = JSON.parse(sessionData);
+        return get(userData, "id", null);
+    };
+    var getUserPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var userId, resp, permissionsArray, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    userId = getUserId();
+                    if (!userId) return [3 /*break*/, 4];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, getUserPermissionsFromAPI({
+                            UserId: userId,
+                        })];
+                case 2:
+                    resp = (_a.sent());
+                    if (resp && resp.Permissions) {
+                        permissionsArray = resp.Permissions.split(",");
+                        actions.setPermissions(permissionsArray);
+                        setPermissionsLoaded(true);
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error("Failed to load permissions:", error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var userId = getUserId();
+    useEffect(function () {
+        getUserPermissions();
+    }, [userId]);
+    useMesfRealtime({
+        onReceiveMessage: function (author, message) {
+            if (message === "SEC.GetPermissions") {
+                getUserPermissions();
+            }
+        },
+    });
+    return (React__default.createElement(UserContext.Provider, { value: { state: state, actions: actions, isLoading: !permissionsLoaded } }, children));
+};
+
+var getTokenFromLS = function () {
+    return localStorage.getItem("token");
+};
+function useToken() {
+    var setUserLogged = useUserContext().actions.setUserLogged;
+    var _a = useState(getTokenFromLS()), token = _a[0], setToken = _a[1];
+    var saveUserData = function (userToken) {
+        localStorage.setItem("userMESData", JSON.stringify(userToken));
+        localStorage.setItem("refreshToken", userToken["refreshToken"]);
+        localStorage.setItem("token", userToken["token"]);
+        setToken(userToken["token"]);
+        axiosInstance.defaults.headers.Authorization = "Bearer ".concat(userToken["token"]);
+        setUserLogged(true);
+    };
+    var clearUserData = function () {
+        localStorage.removeItem("userMESData");
+        localStorage.removeItem("token");
+        localStorage.removeItem("refreshToken");
+        setToken("");
+        setUserLogged(false);
+    };
+    var getUserName = function () {
+        var sessionData = localStorage.getItem("userMESData");
+        var userData = JSON.parse(sessionData);
+        return (((userData || {}).lastName || "") +
+            ", " +
+            ((userData || {}).firstName || ""));
+    };
+    var getFirstName = function () {
+        var sessionData = localStorage.getItem("userMESData");
+        var userData = JSON.parse(sessionData);
+        return (userData || {}).firstName || "";
+    };
+    var getLastName = function () {
+        var sessionData = localStorage.getItem("userMESData");
+        var userData = JSON.parse(sessionData);
+        return (userData || {}).lastName || "";
+    };
+    var getUserId = function () {
+        var sessionData = localStorage.getItem("userMESData");
+        var userData = JSON.parse(sessionData);
+        setUserLogged(true);
+        return (userData || {}).id || -1;
+    };
+    var hasPermission = function (permissionId) {
+        var sessionData = localStorage.getItem("userMESData");
+        if (sessionData === undefined)
+            return false;
+        var userData = JSON.parse(sessionData);
+        var permissions = userData.permissions || [];
+        return permissions.indexOf(permissionId) > -1; //case sensitve
+    };
+    return {
+        getUserName: getUserName,
+        saveUserData: saveUserData,
+        clearUserData: clearUserData,
+        getFirstName: getFirstName,
+        getLastName: getLastName,
+        getUserId: getUserId,
+        hasPermission: hasPermission,
+        token: token,
+    };
+}
+
 var useStyles$f = makeStyles(function (theme) { return ({
     checkbox: {
         userSelect: "none",
@@ -7478,7 +7810,10 @@ var EditUser = function (_a) {
     var _g = useState(false), isSubmitLoading = _g[0], setIsSubmitLoading = _g[1];
     var _h = useState(""), error = _h[0], setError = _h[1];
     var _j = useState(""), profileError = _j[0], setprofileError = _j[1];
-    var _k = useForm({ defaultValues: INITIAL_VALUES$1 }), register = _k.register, control = _k.control, setValue = _k.setValue, handleSubmit = _k.handleSubmit, errors = _k.formState.errors;
+    var getUserId = useToken().getUserId;
+    var areasList = useAssetContext().state.areasList;
+    var _k = useUserContext().actions, setDefaultAreaId = _k.setDefaultAreaId, setDefaultAreaName = _k.setDefaultAreaName;
+    var _l = useForm({ defaultValues: INITIAL_VALUES$1 }), register = _l.register, control = _l.control, setValue = _l.setValue, handleSubmit = _l.handleSubmit; _l.watch; var errors = _l.formState.errors;
     var handleClose = function (event, reason) {
         if (reason === "clickaway") {
             return;
@@ -7486,7 +7821,7 @@ var EditUser = function (_a) {
         setOpen(false);
     };
     var onSubmit = function (data) { return __awaiter(void 0, void 0, void 0, function () {
-        var res, userId_1, resp;
+        var res, updatedUserId, resp, currentLoggedUserId, selectedArea;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -7495,11 +7830,19 @@ var EditUser = function (_a) {
                 case 1:
                     res = _a.sent();
                     if (!res.ok) return [3 /*break*/, 3];
-                    userId_1 = res.data.tables[0].rows[0].UserId;
-                    return [4 /*yield*/, setProfilesToUser(userId_1, data.ProfilesId)];
+                    updatedUserId = res.data.tables[0].rows[0].UserId;
+                    return [4 /*yield*/, setProfilesToUser(updatedUserId, data.ProfilesId)];
                 case 2:
                     resp = _a.sent();
                     if (resp.ok) {
+                        currentLoggedUserId = getUserId();
+                        if (currentLoggedUserId === updatedUserId && data.DefaultAssetId) {
+                            selectedArea = areasList.find(function (area) { return (area === null || area === void 0 ? void 0 : area.AssetId) === data.DefaultAssetId; });
+                            if (selectedArea) {
+                                setDefaultAreaId(data.DefaultAssetId);
+                                setDefaultAreaName(selectedArea.AssetName);
+                            }
+                        }
                         onHide(true);
                         setOpen(true);
                     }
@@ -7509,7 +7852,9 @@ var EditUser = function (_a) {
                 case 3:
                     setError(res.message);
                     _a.label = 4;
-                case 4: return [2 /*return*/];
+                case 4:
+                    setIsSubmitLoading(false);
+                    return [2 /*return*/];
             }
         });
     }); };
@@ -7537,6 +7882,7 @@ var EditUser = function (_a) {
                                     setValue("AuthTypeId", userSelected.AuthTypeId);
                                     setValue("IsActive", userSelected.IsActive);
                                     setValue("LastLogin", userSelected.LastLogin);
+                                    setValue("DefaultAssetId", userSelected.DefaultAssetId);
                                     setValue("ProfilesId", profilesIds.map(function (pId) { return parseInt(pId); }));
                                     setIsLoading(false);
                                 }
@@ -7578,6 +7924,11 @@ var EditUser = function (_a) {
                                             var _b = _a.field, value = _b.value, onChange = _b.onChange;
                                             return (React.createElement(AuthTypeSelector, { value: value, onChange: onChange }));
                                         } })),
+                                React.createElement(Grid, { item: true, xs: 12, md: 6, style: { padding: "0 0 0 5px" } },
+                                    React.createElement(Controller, { name: "DefaultAssetId", control: control, render: function (_a) {
+                                            var _b = _a.field, value = _b.value, onChange = _b.onChange;
+                                            return (React.createElement(AssetSelector, { value: value, onChange: onChange }));
+                                        } })),
                                 React.createElement(Grid, { item: true, xs: 12, md: 6 },
                                     React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
                                             var field = _a.field;
@@ -8010,161 +8361,60 @@ var DateFormatter = new Intl.DateTimeFormat("en-US", {
     // timeZone: 'America/Los_Angeles'
 });
 var TimeFormatter = new Intl.DateTimeFormat("en-US-u-hc-h23", {
-    hour: "2-digit",
-    minute: "numeric",
-    second: "numeric",
-    hour12: false,
-    // timeZone: 'America/Los_Angeles'
-});
-
-var getShiftStyle = function (shift) {
-    if (shift === "D") {
-        return { color: "#52a8b7" };
-    }
-    else if (shift === "N") {
-        return { color: "#A5A5A5" };
-    }
-    else {
-        return {};
-    }
-};
-var getCrewStyle = function (crew) {
-    if (crew === "A") {
-        return { color: "#0070C0" };
-    }
-    else if (crew === "B") {
-        return { color: "#FFD24A" };
-    }
-    else if (crew === "C") {
-        return { color: "#FD8359" };
-    }
-    else if (crew === "D") {
-        return { color: "#00B050" };
-    }
-    else {
-        return {};
-    }
-};
-var GetShiftColor = function (props) {
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("i", { className: "fas fa-square mr-2", style: getShiftStyle(props.value) })));
-};
-var GetCrewColor = function (props) {
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("i", { className: "fas fa-square mr-2", style: getCrewStyle(props.value) })));
-};
-
-var Configuration$1 = /** @class */ (function () {
-    function Configuration() {
-        var _a;
-        this.API_PROCEDURE_URL = document.getElementsByTagName("base")[0].href + "backend";
-        this.API_AUTH_URL = document.getElementsByTagName("base")[0].href + "authentication";
-        this.TOKEN =
-            ((_a = JSON.parse(localStorage.getItem("userMESData"))) === null || _a === void 0 ? void 0 : _a.token) || "";
-    }
-    return Configuration;
-}());
-
-var _a;
-var base$2 = document.getElementsByTagName("base")[0].getAttribute("href") || "/";
-function renewToken() {
-    return __awaiter(this, void 0, void 0, function () {
-        var refreshToken, config, fd, response, token;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    refreshToken = localStorage.getItem("refreshToken");
-                    if (!refreshToken) {
-                        throw new Error("refresh token does not exist");
-                    }
-                    config = new Configuration$1();
-                    fd = new FormData();
-                    fd.append("refreshToken", refreshToken);
-                    return [4 /*yield*/, axios.post("".concat(config.API_AUTH_URL, "/refresh"), fd, {
-                            headers: {
-                                "Content-Type": "application/json",
-                            },
-                            params: {
-                                refreshToken: refreshToken,
-                            },
-                        })];
-                case 1:
-                    response = _a.sent();
-                    token = response.data.result;
-                    if (token) {
-                        return [2 /*return*/, [token, refreshToken]];
-                    }
-                    else {
-                        throw new Error("Token is not valid");
-                    }
-            }
-        });
-    });
-}
-function isUnauthorizedError(error) {
-    var status = error.response.status;
-    return status === 499 || status === 499; // custom status code
-}
-var axiosInstance = axios.create({
-    headers: {
-        Authorization: "Bearer ".concat((_a = localStorage.getItem("token")) !== null && _a !== void 0 ? _a : ""),
-    },
-});
-var refreshingFunc;
-axiosInstance.interceptors.response.use(function (res) { return res; }, function (error) { return __awaiter(void 0, void 0, void 0, function () {
-    var originalConfig, token, _a, newToken, newRefreshToken, innerError_1, err_1;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                originalConfig = error.config;
-                if (originalConfig.headers.MESF_Retries === 1) {
-                    localStorage.removeItem("token");
-                    localStorage.removeItem("refreshToken");
-                    window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
-                    return [2 /*return*/, Promise.reject(error)];
-                }
-                token = getTokenFromLS();
-                if (!token || !isUnauthorizedError(error)) {
-                    return [2 /*return*/, Promise.reject(error)];
-                }
-                _b.label = 1;
-            case 1:
-                _b.trys.push([1, 7, 8, 9]);
-                if (!refreshingFunc)
-                    refreshingFunc = renewToken();
-                return [4 /*yield*/, refreshingFunc];
-            case 2:
-                _a = _b.sent(), newToken = _a[0], newRefreshToken = _a[1];
-                localStorage.setItem("token", newToken);
-                localStorage.setItem("refreshToken", newRefreshToken);
-                axiosInstance.defaults.headers.Authorization = "Bearer ".concat(newToken);
-                originalConfig.headers.Authorization = "Bearer ".concat(newToken);
-                originalConfig.headers.MESF_Retries = 1;
-                _b.label = 3;
-            case 3:
-                _b.trys.push([3, 5, , 6]);
-                return [4 /*yield*/, axios.request(originalConfig)];
-            case 4: return [2 /*return*/, _b.sent()];
-            case 5:
-                innerError_1 = _b.sent();
-                if (isUnauthorizedError(innerError_1)) {
-                    return [2 /*return*/, Promise.reject(innerError_1)];
-                }
-                return [2 /*return*/, Promise.reject(innerError_1)];
-            case 6: return [3 /*break*/, 9];
-            case 7:
-                err_1 = _b.sent();
-                localStorage.removeItem("token");
-                localStorage.removeItem("refreshToken");
-                window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
-                return [2 /*return*/, Promise.reject(err_1)];
-            case 8:
-                refreshingFunc = undefined;
-                return [7 /*endfinally*/];
-            case 9: return [2 /*return*/];
-        }
-    });
-}); });
+    hour: "2-digit",
+    minute: "numeric",
+    second: "numeric",
+    hour12: false,
+    // timeZone: 'America/Los_Angeles'
+});
+
+var getShiftStyle = function (shift) {
+    if (shift === "D") {
+        return { color: "#52a8b7" };
+    }
+    else if (shift === "N") {
+        return { color: "#A5A5A5" };
+    }
+    else {
+        return {};
+    }
+};
+var getCrewStyle = function (crew) {
+    if (crew === "A") {
+        return { color: "#0070C0" };
+    }
+    else if (crew === "B") {
+        return { color: "#FFD24A" };
+    }
+    else if (crew === "C") {
+        return { color: "#FD8359" };
+    }
+    else if (crew === "D") {
+        return { color: "#00B050" };
+    }
+    else {
+        return {};
+    }
+};
+var GetShiftColor = function (props) {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("i", { className: "fas fa-square mr-2", style: getShiftStyle(props.value) })));
+};
+var GetCrewColor = function (props) {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("i", { className: "fas fa-square mr-2", style: getCrewStyle(props.value) })));
+};
+
+var Configuration$1 = /** @class */ (function () {
+    function Configuration() {
+        var _a;
+        this.API_PROCEDURE_URL = document.getElementsByTagName("base")[0].href + "backend";
+        this.API_AUTH_URL = document.getElementsByTagName("base")[0].href + "authentication";
+        this.TOKEN =
+            ((_a = JSON.parse(localStorage.getItem("userMESData"))) === null || _a === void 0 ? void 0 : _a.token) || "";
+    }
+    return Configuration;
+}());
 
 var base$1 = document.getElementsByTagName("base")[0].getAttribute("href") || "/";
 var MESApiService = /** @class */ (function () {
@@ -9024,208 +9274,6 @@ function ChangePassword(props) {
             React__default.createElement(Button, { onClick: handleOk, color: "primary", disabled: !canChange }, "Change Password"))));
 }
 
-var useMesfRealtime = function (_a) {
-    var onReceiveMessage = _a.onReceiveMessage;
-    useEffect(function () {
-        var connection = new HubConnectionBuilder()
-            .withUrl("/ws")
-            .withAutomaticReconnect()
-            .configureLogging(LogLevel.Information)
-            .build();
-        connection
-            .start()
-            .then(function () {
-            console.log("Connection started");
-        })
-            .catch(function (err) {
-            console.log("Error while starting connection: " + err);
-        });
-        connection.on("ReceiveMessage", function (author, message) {
-            onReceiveMessage(author, message);
-        });
-        return function () {
-            connection
-                .stop()
-                .then(function () {
-                console.log("Connection stopped");
-            })
-                .catch(function (err) {
-                console.log("Error while stopping connection: " + err);
-            });
-        };
-    }, []);
-};
-
-var UserInitialState = {
-    userLastName: "",
-    userId: null,
-    defaultAreaId: null,
-    defaultAreaName: "",
-    userLogged: false,
-    permissions: [],
-};
-var UserReducer = createSlice({
-    name: "__",
-    initialState: UserInitialState,
-    reducers: {
-        setUserId: function (state, _a) {
-            var payload = _a.payload;
-            state.userId = payload;
-        },
-        setUserLastName: function (state, _a) {
-            var payload = _a.payload;
-            state.userLastName = payload;
-        },
-        setDefaultAreaId: function (state, _a) {
-            var payload = _a.payload;
-            state.defaultAreaId = payload;
-        },
-        setDefaultAreaName: function (state, _a) {
-            var payload = _a.payload;
-            state.defaultAreaName = payload;
-        },
-        setUserLogged: function (state, _a) {
-            var payload = _a.payload;
-            state.userLogged = payload;
-        },
-        setPermissions: function (state, _a) {
-            var payload = _a.payload;
-            state.permissions = payload;
-        },
-    },
-});
-
-var UserContext = createContext({
-    state: UserReducer.getInitialState(),
-    actions: UserReducer.actions,
-    isLoading: true,
-});
-var useUserContext = function () { return useContext(UserContext); };
-var useHasPermission = function () {
-    var state = useUserContext().state;
-    return function (permission) {
-        return state.permissions.some(function (p) { return p === permission; });
-    };
-};
-var UserProvider = function (_a) {
-    var children = _a.children;
-    var _b = useComplexState({
-        initialState: UserReducer.getInitialState(),
-        reducers: UserReducer.caseReducers,
-    }), state = _b[0], actions = _b[1];
-    var _c = useState(false), permissionsLoaded = _c[0], setPermissionsLoaded = _c[1];
-    var getUserId = function () {
-        var sessionData = localStorage.getItem("userMESData") || "{}";
-        var userData = JSON.parse(sessionData);
-        return get(userData, "id", null);
-    };
-    var getUserPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var userId, resp, permissionsArray, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    userId = getUserId();
-                    if (!userId) return [3 /*break*/, 4];
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, getUserPermissionsFromAPI({
-                            UserId: userId,
-                        })];
-                case 2:
-                    resp = (_a.sent());
-                    if (resp && resp.Permissions) {
-                        permissionsArray = resp.Permissions.split(",");
-                        actions.setPermissions(permissionsArray);
-                        setPermissionsLoaded(true);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _a.sent();
-                    console.error("Failed to load permissions:", error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var userId = getUserId();
-    useEffect(function () {
-        getUserPermissions();
-    }, [userId]);
-    useMesfRealtime({
-        onReceiveMessage: function (author, message) {
-            if (message === "SEC.GetPermissions") {
-                getUserPermissions();
-            }
-        },
-    });
-    return (React__default.createElement(UserContext.Provider, { value: { state: state, actions: actions, isLoading: !permissionsLoaded } }, children));
-};
-
-var getTokenFromLS = function () {
-    return localStorage.getItem("token");
-};
-function useToken() {
-    var setUserLogged = useUserContext().actions.setUserLogged;
-    var _a = useState(getTokenFromLS()), token = _a[0], setToken = _a[1];
-    var saveUserData = function (userToken) {
-        localStorage.setItem("userMESData", JSON.stringify(userToken));
-        localStorage.setItem("refreshToken", userToken["refreshToken"]);
-        localStorage.setItem("token", userToken["token"]);
-        setToken(userToken["token"]);
-        axiosInstance.defaults.headers.Authorization = "Bearer ".concat(userToken["token"]);
-        setUserLogged(true);
-    };
-    var clearUserData = function () {
-        localStorage.removeItem("userMESData");
-        localStorage.removeItem("token");
-        localStorage.removeItem("refreshToken");
-        setToken("");
-        setUserLogged(false);
-    };
-    var getUserName = function () {
-        var sessionData = localStorage.getItem("userMESData");
-        var userData = JSON.parse(sessionData);
-        return (((userData || {}).lastName || "") +
-            ", " +
-            ((userData || {}).firstName || ""));
-    };
-    var getFirstName = function () {
-        var sessionData = localStorage.getItem("userMESData");
-        var userData = JSON.parse(sessionData);
-        return (userData || {}).firstName || "";
-    };
-    var getLastName = function () {
-        var sessionData = localStorage.getItem("userMESData");
-        var userData = JSON.parse(sessionData);
-        return (userData || {}).lastName || "";
-    };
-    var getUserId = function () {
-        var sessionData = localStorage.getItem("userMESData");
-        var userData = JSON.parse(sessionData);
-        setUserLogged(true);
-        return (userData || {}).id || -1;
-    };
-    var hasPermission = function (permissionId) {
-        var sessionData = localStorage.getItem("userMESData");
-        if (sessionData === undefined)
-            return false;
-        var userData = JSON.parse(sessionData);
-        var permissions = userData.permissions || [];
-        return permissions.indexOf(permissionId) > -1; //case sensitve
-    };
-    return {
-        getUserName: getUserName,
-        saveUserData: saveUserData,
-        clearUserData: clearUserData,
-        getFirstName: getFirstName,
-        getLastName: getLastName,
-        getUserId: getUserId,
-        hasPermission: hasPermission,
-        token: token,
-    };
-}
-
 var AuthContext = React__default.createContext({});
 var AuthProvider = function (_a) {
     var children = _a.children, authConfig = _a.authConfig;