@open-tender/store 1.1.202 → 1.1.204

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

@@ -1,10 +1,11 @@
 import { CartItem as CartItemType } from '@open-tender/types';
 import { CartItemProps, QuantityProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CartItem: ({ item, isLast, isEditable, navigate, children, QuantityView }: {
+declare const CartItem: ({ item, isLast, isEditable, isCheckout, navigate, children, QuantityView }: {
     item: CartItemType;
     isLast?: boolean;
     isEditable?: boolean;
+    isCheckout?: boolean;
     navigate: (route: string) => void;
     children: (props: CartItemProps) => ReactNode;
     QuantityView: (props: QuantityProps) => ReactNode;

package/dist/cjs/components/CartItem.js

@@ -6,10 +6,10 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Quantity_1 = tslib_1.__importDefault(require("./Quantity"));
 var CartItem = function (_a) {
-    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView;
+    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, _d = _a.isCheckout, isCheckout = _d === void 0 ? false : _d, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
-    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartItem;
+    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _e.cartItem, checkoutCartItem = _e.checkoutCartItem;
     var display_cals = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).display_cals;
     var increment = (0, react_1.useCallback)(function () { return dispatch((0, slices_1.incrementItemInCart)(item)); }, [item, dispatch]);
     var decrement = (0, react_1.useCallback)(function () { return dispatch((0, slices_1.decrementItemInCart)(item)); }, [dispatch, item]);
@@ -20,11 +20,11 @@ var CartItem = function (_a) {
     };
     var handlers = { increment: increment, decrement: decrement, edit: edit, remove: remove };
     var renderQuantity = (0, react_1.useCallback)(function (quantity) { return (react_1.default.createElement(Quantity_1.default, { fontSize: 24, iconSize: 28, quantity: quantity, increment: increment, decrement: decrement, children: QuantityView })); }, [increment, decrement, QuantityView]);
-    if (!config)
+    if (!config || !checkoutCartItem)
         return null;
     return children({
         item: item,
-        config: config,
+        config: isCheckout && checkoutCartItem ? checkoutCartItem : config,
         handlers: handlers,
         isLast: isLast,
         isEditable: isEditable,

package/dist/cjs/components/CheckoutCart.js

@@ -8,7 +8,7 @@ var CartItem_1 = tslib_1.__importDefault(require("./CartItem"));
 var CheckoutCart = function (_a) {
     var cart = _a.cart, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView, CartItemView = _a.CartItemView;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutCart;
-    var renderCartItem = (0, react_1.useCallback)(function (item, index) { return (react_1.default.createElement(CartItem_1.default, { QuantityView: QuantityView, navigate: navigate, children: CartItemView, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false })); }, [QuantityView, navigate, CartItemView, cart.length]);
+    var renderCartItem = (0, react_1.useCallback)(function (item, index) { return (react_1.default.createElement(CartItem_1.default, { QuantityView: QuantityView, navigate: navigate, children: CartItemView, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false, isCheckout: true })); }, [QuantityView, navigate, CartItemView, cart.length]);
     if (!config)
         return null;
     return children({ config: config, cart: cart, renderCartItem: renderCartItem });

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/CartItem.d.ts

@@ -1,10 +1,11 @@
 import { CartItem as CartItemType } from '@open-tender/types';
 import { CartItemProps, QuantityProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CartItem: ({ item, isLast, isEditable, navigate, children, QuantityView }: {
+declare const CartItem: ({ item, isLast, isEditable, isCheckout, navigate, children, QuantityView }: {
     item: CartItemType;
     isLast?: boolean;
     isEditable?: boolean;
+    isCheckout?: boolean;
     navigate: (route: string) => void;
     children: (props: CartItemProps) => ReactNode;
     QuantityView: (props: QuantityProps) => ReactNode;

package/dist/esm/components/CartItem.js

@@ -3,10 +3,10 @@ import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { decrementItemInCart, incrementItemInCart, removeItemFromCart, selectKioskApi, selectKioskConfig, selectStoreSettings, setCurrentItem } from '../slices';
 import { default as QuantityContainer } from './Quantity';
 var CartItem = function (_a) {
-    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView;
+    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, _d = _a.isCheckout, isCheckout = _d === void 0 ? false : _d, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
-    var config = useAppSelector(selectKioskConfig).cartItem;
+    var _e = useAppSelector(selectKioskConfig), config = _e.cartItem, checkoutCartItem = _e.checkoutCartItem;
     var display_cals = useAppSelector(selectStoreSettings).display_cals;
     var increment = useCallback(function () { return dispatch(incrementItemInCart(item)); }, [item, dispatch]);
     var decrement = useCallback(function () { return dispatch(decrementItemInCart(item)); }, [dispatch, item]);
@@ -17,11 +17,11 @@ var CartItem = function (_a) {
     };
     var handlers = { increment: increment, decrement: decrement, edit: edit, remove: remove };
     var renderQuantity = useCallback(function (quantity) { return (React.createElement(QuantityContainer, { fontSize: 24, iconSize: 28, quantity: quantity, increment: increment, decrement: decrement, children: QuantityView })); }, [increment, decrement, QuantityView]);
-    if (!config)
+    if (!config || !checkoutCartItem)
         return null;
     return children({
         item: item,
-        config: config,
+        config: isCheckout && checkoutCartItem ? checkoutCartItem : config,
         handlers: handlers,
         isLast: isLast,
         isEditable: isEditable,

package/dist/esm/components/CheckoutCart.js

@@ -5,7 +5,7 @@ import { default as CartItemContainer } from './CartItem';
 var CheckoutCart = function (_a) {
     var cart = _a.cart, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView, CartItemView = _a.CartItemView;
     var config = useAppSelector(selectKioskConfig).checkoutCart;
-    var renderCartItem = useCallback(function (item, index) { return (React.createElement(CartItemContainer, { QuantityView: QuantityView, navigate: navigate, children: CartItemView, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false })); }, [QuantityView, navigate, CartItemView, cart.length]);
+    var renderCartItem = useCallback(function (item, index) { return (React.createElement(CartItemContainer, { QuantityView: QuantityView, navigate: navigate, children: CartItemView, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false, isCheckout: true })); }, [QuantityView, navigate, CartItemView, cart.length]);
     if (!config)
         return null;
     return children({ config: config, cart: cart, renderCartItem: renderCartItem });

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.202",
+  "version": "1.1.204",
   "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.84",
+    "@open-tender/types": "^0.4.85",
     "@open-tender/ui": "^0.4.17",
-    "@open-tender/utils": "^0.4.61",
+    "@open-tender/utils": "^0.4.66",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",
     "date-fns-tz": "^2.0.0",