@dexteel/mesf-core 4.24.1 → 4.25.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "4.24.1"
+  ".": "4.25.1"
 }

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# Changelog
+
+## [4.25.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.25.0...@dexteel/mesf-core-v4.25.1) (2025-02-05)
+
+
+### Bug Fixes
+
+* **ShiftNavigator:** Check every minute if need to reload ([b404f9b](https://github.com/dexteel/mesf-core-frontend/commit/b404f9bc7231d76bcdc3c9edbf79351f3f07a9b9))
+
+## [4.25.0] - 2025-02-04
+
+
+
+# Changelog
+
+## [4.25.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.24.1...@dexteel/mesf-core-v4.25.0) (2025-02-04)
+
+
+### Features
+
+* **Realtime:** add useMesfRealtime hook ([974b52b](https://github.com/dexteel/mesf-core-frontend/commit/974b52b7f0e73784ab5bb3a18a623f893359ad8b))
+* **ShiftNavigator:** Listen now datetime to show next shifts ([b279ff7](https://github.com/dexteel/mesf-core-frontend/commit/b279ff7d01aa5f8e3e69d973e60602940b69f7ec))
+
+## [4.24.1] - 2025-02-04
+
+
+
 # Changelog
 
 ## [4.24.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.24.0...@dexteel/mesf-core-v4.24.1) (2025-02-04)

package/dist/hooks/useMesfRealtime.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    onReceiveMessage: (author: string, message: string) => void;
+};
+export declare const useMesfRealtime: ({ onReceiveMessage }: Props) => void;
+export {};

package/dist/index.d.ts

@@ -16,3 +16,4 @@ export * from "./components/shared/buttons/button-with-loading";
 export * from "./configuration/pages/users/models/User";
 export * from "./configuration/pages/users/repositories/UsersRepository";
 export * from "@microsoft/signalr";
+export * from "./hooks/useMesfRealtime";

package/dist/index.esm.js

@@ -8150,6 +8150,8 @@ var moment$2 = getMomentTz();
 var ShiftDayNavigatorControl = function (props) {
     var _a;
     var _b = useShiftNavigator(), shiftInfo = _b.shiftInfo, initShiftNavigator = _b.initShiftNavigator, moveShift = _b.moveShift, getShiftDataFromAPI = _b.getShiftDataFromAPI;
+    var _c = useState(shiftInfo), shiftInfoCopy = _c[0], setShiftInfoCopy = _c[1];
+    var _d = useState(""); _d[0]; var setError = _d[1];
     var shiftId = useParams().shiftId;
     var firstRender = useRef(true);
     var updateHistory = function (shiftId) {
@@ -8161,6 +8163,47 @@ var ShiftDayNavigatorControl = function (props) {
             updateHistory((_a = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId) === null || _a === void 0 ? void 0 : _a.toString());
         }
     }
+    useEffect(function () {
+        var fn = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var resp, shift, e_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!((shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentEnd) && shiftInfo.CurrentEnd < new Date())) return [3 /*break*/, 4];
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, getShiftByParameters({
+                                productionDate: null,
+                                shiftId: shiftInfo.CurrentShiftId
+                            })];
+                    case 2:
+                        resp = _a.sent();
+                        if (resp.ok) {
+                            shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$2
+                                    .utc(resp.data.CurrentProductionDate)
+                                    .toDate(), CurrentStart: moment$2.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$2.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$2
+                                    .utc(resp.data.PreviousProductionDate)
+                                    .toDate(), PreviousStart: moment$2.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$2.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$2
+                                    .utc(resp.data.LastProductionDate)
+                                    .toDate(), LastStart: moment$2.utc(resp.data.LastStart).toDate(), LastEnd: moment$2.utc(resp.data.LastEnd).toDate() });
+                            setShiftInfoCopy(shift);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        e_1 = _a.sent();
+                        setError(getError(e_1));
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        var interval = setInterval(fn, 1000 * 60);
+        return function () { return clearInterval(interval); };
+    }, [shiftInfo]);
+    useEffect(function () {
+        setShiftInfoCopy(shiftInfo);
+    }, [shiftInfo]);
     useEffect(function () {
         if (firstRender.current) {
             firstRender.current = false;
@@ -8210,13 +8253,13 @@ var ShiftDayNavigatorControl = function (props) {
                 React__default.createElement(TextField, { label: "Shift - Crew", value: "".concat((shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShift) || "", " - ").concat((shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentCrew) || ""), placeholder: "Shift", "aria-readonly": true, variant: "outlined", size: "small" })),
             React__default.createElement(Grid, { item: true },
                 React__default.createElement(Tooltip, { title: "Next Shift" },
-                    React__default.createElement(IconButton$1, { "aria-label": "next", color: "primary", disabled: !(shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.NextShiftId), onClick: function () {
+                    React__default.createElement(IconButton$1, { "aria-label": "next", color: "primary", disabled: !(shiftInfoCopy === null || shiftInfoCopy === void 0 ? void 0 : shiftInfoCopy.NextShiftId), onClick: function () {
                             moveShift("Next").then(function () { });
                         }, size: "small" },
                         React__default.createElement(ArrowForwardRounded, null)))),
             React__default.createElement(Grid, { item: true },
                 React__default.createElement(Tooltip, { title: "Last Shift" },
-                    React__default.createElement(IconButton$1, { "aria-label": "delete", color: "primary", disabled: !(shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.LastShiftId) || !(shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.NextShiftId), onClick: function () {
+                    React__default.createElement(IconButton$1, { "aria-label": "delete", color: "primary", disabled: !(shiftInfoCopy === null || shiftInfoCopy === void 0 ? void 0 : shiftInfoCopy.LastShiftId) || !(shiftInfoCopy === null || shiftInfoCopy === void 0 ? void 0 : shiftInfoCopy.NextShiftId), onClick: function () {
                             moveShift("Last").then(function () { });
                         }, size: "small" },
                         React__default.createElement(SkipNext, null)))))));
@@ -13631,6 +13674,36 @@ function MESFMain(_a) {
                                                 React__default.createElement(Navigation, { showAreaSelector: showAreaSelector, showTrendingsIcon: showTrendingsIcon, navbarTitle: navbarTitle })))))))))))));
 }
 
+var useMesfRealtime = function (_a) {
+    var onReceiveMessage = _a.onReceiveMessage;
+    useEffect(function () {
+        var connection = new HubConnectionBuilder()
+            .withUrl("/ws")
+            .withAutomaticReconnect()
+            .configureLogging(LogLevel$1.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 useDefaultAreaId = function (setError) {
     var _a = useUserContext(), userId = _a.state.userId, setDefaultAreaId = _a.actions.setDefaultAreaId;
     return function () {
@@ -13770,5 +13843,5 @@ var areaSelector = /*#__PURE__*/Object.freeze({
     AreaSelector: AreaSelector
 });
 
-export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UploadFileControl, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getError, getMomentTz, getProfiles, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUsers, renewToken, setPassword, setProfilesToUser, upsertUser, useAssetContext, useContextMenuMESF, useShiftNavigator, useShiftNavigatorManager, useStyles$6 as useStyles, useToken, useUTLSettingsContext, useUserContext };
+export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UploadFileControl, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getError, getMomentTz, getProfiles, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUsers, renewToken, setPassword, setProfilesToUser, upsertUser, useAssetContext, useContextMenuMESF, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useStyles$6 as useStyles, useToken, useUTLSettingsContext, useUserContext };
 //# sourceMappingURL=index.esm.js.map