@open-tender/store 1.1.201 → 1.1.203

package/dist/cjs/components/CategoryItem.d.ts

@@ -1,12 +1,13 @@
 import { MenuItem, MenuItemFavorite } from '@open-tender/types';
 import { CategoryItemProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryItem: ({ item, favorite, allergenAlerts, placeholder, navigate, children }: {
+interface CategoryItemInterface {
     item: MenuItem;
     favorite?: MenuItemFavorite;
     allergenAlerts?: string[];
     placeholder?: string;
     navigate: (route: string) => void;
     children: (props: CategoryItemProps) => ReactNode;
-}) => ReactNode;
-export default CategoryItem;
+}
+declare const _default: import("react").MemoExoticComponent<({ item, favorite, allergenAlerts, placeholder, navigate, children }: CategoryItemInterface) => ReactNode>;
+export default _default;

package/dist/cjs/components/CategoryItem.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var utils_1 = require("@open-tender/utils");
+var react_1 = require("react");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CategoryItem = function (_a) {
@@ -16,14 +17,18 @@ var CategoryItem = function (_a) {
     var displaySettings = {};
     var _b = displaySettings || {}, _c = _b.calories, showCals = _c === void 0 ? false : _c, _d = _b.tags, showTags = _d === void 0 ? false : _d, _e = _b.allergens, showAllergens = _e === void 0 ? false : _e;
     var showDesc = 'SHOW';
-    var orderItem = favorite
-        ? tslib_1.__assign(tslib_1.__assign({}, (0, utils_1.rehydrateOrderItem)(item, favorite.item)), { index: -1 }) : (0, utils_1.makeOrderItem)(item, undefined, soldOut, undefined, hasPoints);
+    var orderItem = (0, react_1.useMemo)(function () {
+        return favorite
+            ? tslib_1.__assign(tslib_1.__assign({}, (0, utils_1.rehydrateOrderItem)(item, favorite.item)), { index: -1 }) : (0, utils_1.makeOrderItem)(item, undefined, soldOut, undefined, hasPoints);
+    }, [favorite, hasPoints, item, soldOut]);
     var cartItem = (0, utils_1.useOrderItem)(orderItem, favorite, allergenAlerts, cartCounts, showCals, showTags, showAllergens, showDesc);
-    var browse = function () {
-        dispatch((0, slices_1.setCurrentItem)(cartItem));
-        navigate('/menu/item');
-    };
-    var handlers = { browse: browse };
+    var handlers = (0, react_1.useMemo)(function () {
+        var browse = function () {
+            dispatch((0, slices_1.setCurrentItem)(cartItem));
+            navigate('/menu/item');
+        };
+        return { browse: browse };
+    }, [navigate, dispatch, cartItem]);
     if (!config)
         return null;
     return children({
@@ -35,4 +40,10 @@ var CategoryItem = function (_a) {
         displayCals: display_cals
     });
 };
-exports.default = CategoryItem;
+exports.default = (0, react_1.memo)(CategoryItem, areEqualProps);
+function areEqualProps(oldProps, newProps) {
+    var _a, _b, _c, _d;
+    return (oldProps.item.id === newProps.item.id &&
+        ((_a = oldProps.favorite) === null || _a === void 0 ? void 0 : _a.item.id) === ((_b = newProps.favorite) === null || _b === void 0 ? void 0 : _b.item.id) &&
+        ((_c = oldProps.allergenAlerts) === null || _c === void 0 ? void 0 : _c.length) === ((_d = newProps.allergenAlerts) === null || _d === void 0 ? void 0 : _d.length));
+}

package/dist/cjs/hooks/types.d.ts

@@ -13,6 +13,7 @@ export interface BarcodeScannerMethod {
     reset?: () => Promise<void>;
     camera?: () => React.ReactNode;
     showScanner?: boolean;
+    close?: () => void;
 }
 export declare abstract class ScanListener {
     constructor();

package/dist/cjs/hooks/useBarcodeCameraScanner.d.ts

@@ -1,3 +1,3 @@
 import { ScanListener, BarcodeScannerMethod } from './types';
-declare function useBarcodeCameraScanner(listener: ScanListener): BarcodeScannerMethod;
+declare function useBarcodeCameraScanner(listener: ScanListener, close?: () => void): BarcodeScannerMethod;
 export default useBarcodeCameraScanner;

package/dist/cjs/hooks/useBarcodeCameraScanner.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-function useBarcodeCameraScanner(listener) {
+function useBarcodeCameraScanner(listener, close) {
     var _this = this;
     var scannedCode = (0, react_1.useRef)('');
     var _a = (0, react_1.useState)(null), error = _a[0], setError = _a[1];
@@ -10,6 +10,7 @@ function useBarcodeCameraScanner(listener) {
     var onCodeScanned = function (event) {
         scannedCode.current = event.nativeEvent.codeStringValue;
         setShowScanner(false);
+        close && close();
     };
     var requestPermissionHandler = function (result) {
         setShowScanner(result === 'granted');

package/dist/cjs/hooks/useBarcodeScanner.d.ts

@@ -1,3 +1,3 @@
 import { PosAPI } from '../services';
 import { BarcodeScannerMethod, ScanListener } from './types';
-export declare const useBarcodeScanner: (listener: ScanListener, cameraScanner: ScanListener, type?: string, api?: PosAPI) => BarcodeScannerMethod | undefined;
+export declare const useBarcodeScanner: (listener: ScanListener, cameraScanner: ScanListener, type?: string, api?: PosAPI, close?: () => void) => BarcodeScannerMethod | undefined;

package/dist/cjs/hooks/useBarcodeScanner.js

@@ -6,9 +6,9 @@ var types_1 = require("./types");
 var useBarcode_1 = tslib_1.__importDefault(require("./useBarcode"));
 var useBarcodeCameraScanner_1 = tslib_1.__importDefault(require("./useBarcodeCameraScanner"));
 var useBarcodeUSB_1 = tslib_1.__importDefault(require("./useBarcodeUSB"));
-var useBarcodeScanner = function (listener, cameraScanner, type, api) {
+var useBarcodeScanner = function (listener, cameraScanner, type, api, close) {
     var usbScan = (0, useBarcodeUSB_1.default)(listener);
-    var cameraScan = (0, useBarcodeCameraScanner_1.default)(cameraScanner);
+    var cameraScan = (0, useBarcodeCameraScanner_1.default)(cameraScanner, close);
     var defaultScan = (0, useBarcode_1.default)(api);
     switch (type) {
         case types_1.BarcodeScannerType.CAMERA:

package/dist/cjs/hooks/useSignInQr.js

@@ -11,7 +11,7 @@ var useSignInQr = function (listener, cameraScanner, type, close, callback) {
     var _b = (0, react_1.useState)(false), hasRead = _b[0], setHasRead = _b[1];
     var _c = (0, react_1.useState)(null), errMsg = _c[0], setErrMsg = _c[1];
     var api = (0, hooks_1.useAppSelector)(slices_1.selectApi);
-    var scan = (0, useBarcodeScanner_1.useBarcodeScanner)(listener, cameraScanner, type, api);
+    var scan = (0, useBarcodeScanner_1.useBarcodeScanner)(listener, cameraScanner, type, api, close);
     var _d = (0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentify), customer = _d.data, loading = _d.loading, error = _d.error;
     var isLoading = loading === 'pending';
     var cancel = function () {

package/dist/esm/components/CategoryItem.d.ts

@@ -1,12 +1,13 @@
 import { MenuItem, MenuItemFavorite } from '@open-tender/types';
 import { CategoryItemProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryItem: ({ item, favorite, allergenAlerts, placeholder, navigate, children }: {
+interface CategoryItemInterface {
     item: MenuItem;
     favorite?: MenuItemFavorite;
     allergenAlerts?: string[];
     placeholder?: string;
     navigate: (route: string) => void;
     children: (props: CategoryItemProps) => ReactNode;
-}) => ReactNode;
-export default CategoryItem;
+}
+declare const _default: import("react").MemoExoticComponent<({ item, favorite, allergenAlerts, placeholder, navigate, children }: CategoryItemInterface) => ReactNode>;
+export default _default;

package/dist/esm/components/CategoryItem.js

@@ -1,5 +1,6 @@
 import { __assign } from "tslib";
 import { makeOrderItem, rehydrateOrderItem, useOrderItem } from '@open-tender/utils';
+import { memo, useMemo } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCartCounts, selectKioskApi, selectKioskConfig, selectMenu, selectStoreSettings, setCurrentItem } from '../slices';
 var CategoryItem = function (_a) {
@@ -14,14 +15,18 @@ var CategoryItem = function (_a) {
     var displaySettings = {};
     var _b = displaySettings || {}, _c = _b.calories, showCals = _c === void 0 ? false : _c, _d = _b.tags, showTags = _d === void 0 ? false : _d, _e = _b.allergens, showAllergens = _e === void 0 ? false : _e;
     var showDesc = 'SHOW';
-    var orderItem = favorite
-        ? __assign(__assign({}, rehydrateOrderItem(item, favorite.item)), { index: -1 }) : makeOrderItem(item, undefined, soldOut, undefined, hasPoints);
+    var orderItem = useMemo(function () {
+        return favorite
+            ? __assign(__assign({}, rehydrateOrderItem(item, favorite.item)), { index: -1 }) : makeOrderItem(item, undefined, soldOut, undefined, hasPoints);
+    }, [favorite, hasPoints, item, soldOut]);
     var cartItem = useOrderItem(orderItem, favorite, allergenAlerts, cartCounts, showCals, showTags, showAllergens, showDesc);
-    var browse = function () {
-        dispatch(setCurrentItem(cartItem));
-        navigate('/menu/item');
-    };
-    var handlers = { browse: browse };
+    var handlers = useMemo(function () {
+        var browse = function () {
+            dispatch(setCurrentItem(cartItem));
+            navigate('/menu/item');
+        };
+        return { browse: browse };
+    }, [navigate, dispatch, cartItem]);
     if (!config)
         return null;
     return children({
@@ -33,4 +38,10 @@ var CategoryItem = function (_a) {
         displayCals: display_cals
     });
 };
-export default CategoryItem;
+export default memo(CategoryItem, areEqualProps);
+function areEqualProps(oldProps, newProps) {
+    var _a, _b, _c, _d;
+    return (oldProps.item.id === newProps.item.id &&
+        ((_a = oldProps.favorite) === null || _a === void 0 ? void 0 : _a.item.id) === ((_b = newProps.favorite) === null || _b === void 0 ? void 0 : _b.item.id) &&
+        ((_c = oldProps.allergenAlerts) === null || _c === void 0 ? void 0 : _c.length) === ((_d = newProps.allergenAlerts) === null || _d === void 0 ? void 0 : _d.length));
+}

package/dist/esm/hooks/types.d.ts

@@ -13,6 +13,7 @@ export interface BarcodeScannerMethod {
     reset?: () => Promise<void>;
     camera?: () => React.ReactNode;
     showScanner?: boolean;
+    close?: () => void;
 }
 export declare abstract class ScanListener {
     constructor();

package/dist/esm/hooks/useBarcodeCameraScanner.d.ts

@@ -1,3 +1,3 @@
 import { ScanListener, BarcodeScannerMethod } from './types';
-declare function useBarcodeCameraScanner(listener: ScanListener): BarcodeScannerMethod;
+declare function useBarcodeCameraScanner(listener: ScanListener, close?: () => void): BarcodeScannerMethod;
 export default useBarcodeCameraScanner;

package/dist/esm/hooks/useBarcodeCameraScanner.js

@@ -1,6 +1,6 @@
 import { __awaiter, __generator } from "tslib";
 import { useCallback, useRef, useState } from 'react';
-function useBarcodeCameraScanner(listener) {
+function useBarcodeCameraScanner(listener, close) {
     var _this = this;
     var scannedCode = useRef('');
     var _a = useState(null), error = _a[0], setError = _a[1];
@@ -8,6 +8,7 @@ function useBarcodeCameraScanner(listener) {
     var onCodeScanned = function (event) {
         scannedCode.current = event.nativeEvent.codeStringValue;
         setShowScanner(false);
+        close && close();
     };
     var requestPermissionHandler = function (result) {
         setShowScanner(result === 'granted');

package/dist/esm/hooks/useBarcodeScanner.d.ts

@@ -1,3 +1,3 @@
 import { PosAPI } from '../services';
 import { BarcodeScannerMethod, ScanListener } from './types';
-export declare const useBarcodeScanner: (listener: ScanListener, cameraScanner: ScanListener, type?: string, api?: PosAPI) => BarcodeScannerMethod | undefined;
+export declare const useBarcodeScanner: (listener: ScanListener, cameraScanner: ScanListener, type?: string, api?: PosAPI, close?: () => void) => BarcodeScannerMethod | undefined;

package/dist/esm/hooks/useBarcodeScanner.js

@@ -2,9 +2,9 @@ import { BarcodeScannerType } from './types';
 import useBarcode from './useBarcode';
 import useBarcodeCameraScanner from './useBarcodeCameraScanner';
 import useBarcodeUSB from './useBarcodeUSB';
-export var useBarcodeScanner = function (listener, cameraScanner, type, api) {
+export var useBarcodeScanner = function (listener, cameraScanner, type, api, close) {
     var usbScan = useBarcodeUSB(listener);
-    var cameraScan = useBarcodeCameraScanner(cameraScanner);
+    var cameraScan = useBarcodeCameraScanner(cameraScanner, close);
     var defaultScan = useBarcode(api);
     switch (type) {
         case BarcodeScannerType.CAMERA:

package/dist/esm/hooks/useSignInQr.js

@@ -9,7 +9,7 @@ var useSignInQr = function (listener, cameraScanner, type, close, callback) {
     var _b = useState(false), hasRead = _b[0], setHasRead = _b[1];
     var _c = useState(null), errMsg = _c[0], setErrMsg = _c[1];
     var api = useAppSelector(selectApi);
-    var scan = useBarcodeScanner(listener, cameraScanner, type, api);
+    var scan = useBarcodeScanner(listener, cameraScanner, type, api, close);
     var _d = useAppSelector(selectCustomerIdentify), customer = _d.data, loading = _d.loading, error = _d.error;
     var isLoading = loading === 'pending';
     var cancel = function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.201",
+  "version": "1.1.203",
   "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",
@@ -61,9 +61,9 @@
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
-    "@open-tender/types": "^0.4.83",
+    "@open-tender/types": "^0.4.84",
     "@open-tender/ui": "^0.4.17",
-    "@open-tender/utils": "^0.4.61",
+    "@open-tender/utils": "^0.4.63",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",
     "date-fns-tz": "^2.0.0",