@open-tender/store 1.1.142 → 1.1.144

package/dist/cjs/components/CancelButton.js

@@ -13,6 +13,7 @@ var CancelButton = function (_a) {
         dispatch((0, slices_1.resetCustomerIdentify)());
         dispatch((0, slices_1.resetCustomer)());
         dispatch((0, slices_1.resetMenu)());
+        dispatch((0, slices_1.setIsIdle)(false));
         navigate('/');
     };
     var handlers = { startOver: startOver };

package/dist/cjs/components/IdleModal.js

@@ -8,22 +8,22 @@ var IdleModal = function (_a) {
     var close = _a.close, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.idleModal, modalContentConfig = _b.modalContent;
-    var handleInactivity = (0, react_1.useCallback)(function () {
-        dispatch((0, slices_1.resetPosCheckout)());
-        dispatch((0, slices_1.setOrderId)(null));
-        dispatch((0, slices_1.resetCart)());
-        dispatch((0, slices_1.resetCustomerIdentify)());
-        dispatch((0, slices_1.resetCustomer)());
-        dispatch((0, slices_1.resetMenu)());
-        navigate('/');
-        close();
-    }, [dispatch, navigate, close]);
     var handlers = (0, react_1.useMemo)(function () { return ({ close: close }); }, [close]);
     (0, react_1.useEffect)(function () {
+        var handleInactivity = function () {
+            dispatch((0, slices_1.resetPosCheckout)());
+            dispatch((0, slices_1.setOrderId)(null));
+            dispatch((0, slices_1.resetCart)());
+            dispatch((0, slices_1.resetCustomerIdentify)());
+            dispatch((0, slices_1.resetCustomer)());
+            dispatch((0, slices_1.resetMenu)());
+            dispatch((0, slices_1.setIsIdle)(false));
+            navigate('/');
+            close();
+        };
         var timeout = setTimeout(handleInactivity, WAITING_TIME_IN_SECONDS * 1000);
         return function () { return clearTimeout(timeout); };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [dispatch, navigate, close]);
     if (!config)
         return null;
     return children({ config: config, modalContentConfig: modalContentConfig, handlers: handlers });

package/dist/cjs/middlewares/idleMiddleware.js

@@ -6,20 +6,22 @@ var DEFAULT_PAGE_TIMEOUT = 60;
 var idleMiddleware = function (store) { return function (next) { return function (action) {
     var _a, _b;
     var result = next(action);
+    var state = store.getState();
+    var _c = state.idle, hasOrder = _c.hasOrder, isIdle = _c.isIdle;
     if (action.type === slices_1.setIsIdle.type || action.type === slices_1.setIdleTimerId.type) {
         return result;
     }
-    var state = store.getState();
-    var isIdle = state.idle.isIdle;
+    if (!hasOrder)
+        store.dispatch((0, slices_1.setHasOrder)(true));
     if (isIdle)
         store.dispatch((0, slices_1.setIsIdle)(false));
     var prevTimerId = state.idle.timerId;
     clearTimeout(prevTimerId);
     var pageTimeout = (_b = (_a = state.kiosk.store) === null || _a === void 0 ? void 0 : _a.page_timeout) !== null && _b !== void 0 ? _b : 0;
-    var timeout = pageTimeout > 0 ? pageTimeout : DEFAULT_PAGE_TIMEOUT * 1000;
+    var timeout = pageTimeout > 0 ? pageTimeout : DEFAULT_PAGE_TIMEOUT;
     var timerId = setTimeout(function () {
         store.dispatch((0, slices_1.setIsIdle)(true));
-    }, timeout);
+    }, timeout * 1000);
     store.dispatch((0, slices_1.setIdleTimerId)(timerId));
     return result;
 }; }; };

package/dist/cjs/slices/idle.d.ts

@@ -1,9 +1,10 @@
 import { AppState } from '../app';
 export interface IdleState {
     timerId: number | undefined;
+    hasOrder: boolean;
     isIdle: boolean;
     statusChanged: boolean;
 }
-export declare const resetIdleState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"idle/resetIdleState">, setIdleTimerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setIdleTimerId">, setIsIdle: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setIsIdle">, setStatusChanged: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"idle/setStatusChanged">;
+export declare const resetIdleState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"idle/resetIdleState">, setHasOrder: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setHasOrder">, setIdleTimerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setIdleTimerId">, setIsIdle: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setIsIdle">, setStatusChanged: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"idle/setStatusChanged">;
 export declare const selectIdleState: (state: AppState) => IdleState;
 export declare const idleReducer: import("redux").Reducer<IdleState>;

package/dist/cjs/slices/idle.js

@@ -1,11 +1,12 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.idleReducer = exports.selectIdleState = exports.setStatusChanged = exports.setIsIdle = exports.setIdleTimerId = exports.resetIdleState = void 0;
+exports.idleReducer = exports.selectIdleState = exports.setStatusChanged = exports.setIsIdle = exports.setIdleTimerId = exports.setHasOrder = exports.resetIdleState = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
 var types_1 = require("./types");
 var initialState = {
     timerId: undefined,
+    hasOrder: false,
     isIdle: false,
     statusChanged: false
 };
@@ -17,6 +18,9 @@ var idleSlice = (0, toolkit_1.createSlice)({
         setIdleTimerId: function (state, action) {
             state.timerId = action.payload;
         },
+        setHasOrder: function (state, action) {
+            state.isIdle = action.payload;
+        },
         setIsIdle: function (state, action) {
             state.isIdle = action.payload;
         },
@@ -25,7 +29,7 @@ var idleSlice = (0, toolkit_1.createSlice)({
         }
     }
 });
-exports.resetIdleState = (_a = idleSlice.actions, _a.resetIdleState), exports.setIdleTimerId = _a.setIdleTimerId, exports.setIsIdle = _a.setIsIdle, exports.setStatusChanged = _a.setStatusChanged;
+exports.resetIdleState = (_a = idleSlice.actions, _a.resetIdleState), exports.setHasOrder = _a.setHasOrder, exports.setIdleTimerId = _a.setIdleTimerId, exports.setIsIdle = _a.setIsIdle, exports.setStatusChanged = _a.setStatusChanged;
 var selectIdleState = function (state) { return state.idle; };
 exports.selectIdleState = selectIdleState;
 exports.idleReducer = idleSlice.reducer;

package/dist/esm/components/CancelButton.js

@@ -1,5 +1,5 @@
 import { useAppDispatch, useAppSelector } from '../app/hooks';
-import { resetCart, resetCustomer, resetCustomerIdentify, resetMenu, resetPosCheckout, selectKioskConfig, setOrderId } from '../slices';
+import { resetCart, resetCustomer, resetCustomerIdentify, resetMenu, resetPosCheckout, selectKioskConfig, setIsIdle, setOrderId } from '../slices';
 var CancelButton = function (_a) {
     var navigate = _a.navigate, children = _a.children;
     var dispatch = useAppDispatch();
@@ -11,6 +11,7 @@ var CancelButton = function (_a) {
         dispatch(resetCustomerIdentify());
         dispatch(resetCustomer());
         dispatch(resetMenu());
+        dispatch(setIsIdle(false));
         navigate('/');
     };
     var handlers = { startOver: startOver };

package/dist/esm/components/IdleModal.js

@@ -1,27 +1,27 @@
-import { useCallback, useEffect, useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
-import { resetCart, resetCustomer, resetCustomerIdentify, resetMenu, resetPosCheckout, selectKioskConfig, setOrderId } from '../slices';
+import { resetCart, resetCustomer, resetCustomerIdentify, resetMenu, resetPosCheckout, selectKioskConfig, setIsIdle, setOrderId } from '../slices';
 var WAITING_TIME_IN_SECONDS = 15;
 var IdleModal = function (_a) {
     var close = _a.close, navigate = _a.navigate, children = _a.children;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(selectKioskConfig), config = _b.idleModal, modalContentConfig = _b.modalContent;
-    var handleInactivity = useCallback(function () {
-        dispatch(resetPosCheckout());
-        dispatch(setOrderId(null));
-        dispatch(resetCart());
-        dispatch(resetCustomerIdentify());
-        dispatch(resetCustomer());
-        dispatch(resetMenu());
-        navigate('/');
-        close();
-    }, [dispatch, navigate, close]);
     var handlers = useMemo(function () { return ({ close: close }); }, [close]);
     useEffect(function () {
+        var handleInactivity = function () {
+            dispatch(resetPosCheckout());
+            dispatch(setOrderId(null));
+            dispatch(resetCart());
+            dispatch(resetCustomerIdentify());
+            dispatch(resetCustomer());
+            dispatch(resetMenu());
+            dispatch(setIsIdle(false));
+            navigate('/');
+            close();
+        };
         var timeout = setTimeout(handleInactivity, WAITING_TIME_IN_SECONDS * 1000);
         return function () { return clearTimeout(timeout); };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [dispatch, navigate, close]);
     if (!config)
         return null;
     return children({ config: config, modalContentConfig: modalContentConfig, handlers: handlers });

package/dist/esm/middlewares/idleMiddleware.js

@@ -1,22 +1,24 @@
-import { setIdleTimerId, setIsIdle } from '../slices';
+import { setHasOrder, setIdleTimerId, setIsIdle } from '../slices';
 var DEFAULT_PAGE_TIMEOUT = 60;
 export var idleMiddleware = function (store) { return function (next) { return function (action) {
     var _a, _b;
     var result = next(action);
+    var state = store.getState();
+    var _c = state.idle, hasOrder = _c.hasOrder, isIdle = _c.isIdle;
     if (action.type === setIsIdle.type || action.type === setIdleTimerId.type) {
         return result;
     }
-    var state = store.getState();
-    var isIdle = state.idle.isIdle;
+    if (!hasOrder)
+        store.dispatch(setHasOrder(true));
     if (isIdle)
         store.dispatch(setIsIdle(false));
     var prevTimerId = state.idle.timerId;
     clearTimeout(prevTimerId);
     var pageTimeout = (_b = (_a = state.kiosk.store) === null || _a === void 0 ? void 0 : _a.page_timeout) !== null && _b !== void 0 ? _b : 0;
-    var timeout = pageTimeout > 0 ? pageTimeout : DEFAULT_PAGE_TIMEOUT * 1000;
+    var timeout = pageTimeout > 0 ? pageTimeout : DEFAULT_PAGE_TIMEOUT;
     var timerId = setTimeout(function () {
         store.dispatch(setIsIdle(true));
-    }, timeout);
+    }, timeout * 1000);
     store.dispatch(setIdleTimerId(timerId));
     return result;
 }; }; };

package/dist/esm/slices/idle.d.ts

@@ -1,9 +1,10 @@
 import { AppState } from '../app';
 export interface IdleState {
     timerId: number | undefined;
+    hasOrder: boolean;
     isIdle: boolean;
     statusChanged: boolean;
 }
-export declare const resetIdleState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"idle/resetIdleState">, setIdleTimerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setIdleTimerId">, setIsIdle: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setIsIdle">, setStatusChanged: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"idle/setStatusChanged">;
+export declare const resetIdleState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"idle/resetIdleState">, setHasOrder: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setHasOrder">, setIdleTimerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setIdleTimerId">, setIsIdle: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "idle/setIsIdle">, setStatusChanged: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"idle/setStatusChanged">;
 export declare const selectIdleState: (state: AppState) => IdleState;
 export declare const idleReducer: import("redux").Reducer<IdleState>;

package/dist/esm/slices/idle.js

@@ -3,6 +3,7 @@ import { createSlice } from '@reduxjs/toolkit';
 import { ReducerType } from './types';
 var initialState = {
     timerId: undefined,
+    hasOrder: false,
     isIdle: false,
     statusChanged: false
 };
@@ -14,6 +15,9 @@ var idleSlice = createSlice({
         setIdleTimerId: function (state, action) {
             state.timerId = action.payload;
         },
+        setHasOrder: function (state, action) {
+            state.isIdle = action.payload;
+        },
         setIsIdle: function (state, action) {
             state.isIdle = action.payload;
         },
@@ -22,6 +26,6 @@ var idleSlice = createSlice({
         }
     }
 });
-export var resetIdleState = (_a = idleSlice.actions, _a.resetIdleState), setIdleTimerId = _a.setIdleTimerId, setIsIdle = _a.setIsIdle, setStatusChanged = _a.setStatusChanged;
+export var resetIdleState = (_a = idleSlice.actions, _a.resetIdleState), setHasOrder = _a.setHasOrder, setIdleTimerId = _a.setIdleTimerId, setIsIdle = _a.setIsIdle, setStatusChanged = _a.setStatusChanged;
 export var selectIdleState = function (state) { return state.idle; };
 export var idleReducer = idleSlice.reducer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.142",
+  "version": "1.1.144",
   "description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",