@open-tender/store 1.1.203 → 1.1.205

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/components/ItemSelections.js

@@ -9,6 +9,7 @@ var ItemOptionSelected_1 = tslib_1.__importDefault(require("./ItemOptionSelected
 var ItemSelections = function (_a) {
     var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemSelections;
+    var display_customize = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).display_customize;
     var renderErrorMessage = (0, react_1.useCallback)(function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
     var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOptionSelected_1.default, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [levels, handlers, ItemOptionView]);
     if (!config)
@@ -17,6 +18,7 @@ var ItemSelections = function (_a) {
         config: config,
         groups: groups,
         isIncomplete: isIncomplete,
+        isCustomize: display_customize,
         renderErrorMessage: renderErrorMessage,
         renderItemOption: renderItemOption
     });

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/components/ItemSelections.js

@@ -1,11 +1,12 @@
 import React, { useCallback } from 'react';
 import { useAppSelector } from '../app/hooks';
-import { selectKioskConfig } from '../slices';
+import { selectKioskConfig, selectStoreSettings } from '../slices';
 import { default as ErrorMessageContainer } from './ErrorMessage';
 import { default as ItemOptionSelectedContainer } from './ItemOptionSelected';
 var ItemSelections = function (_a) {
     var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView;
     var config = useAppSelector(selectKioskConfig).itemSelections;
+    var display_customize = useAppSelector(selectStoreSettings).display_customize;
     var renderErrorMessage = useCallback(function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
     var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionSelectedContainer, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [levels, handlers, ItemOptionView]);
     if (!config)
@@ -14,6 +15,7 @@ var ItemSelections = function (_a) {
         config: config,
         groups: groups,
         isIncomplete: isIncomplete,
+        isCustomize: display_customize,
         renderErrorMessage: renderErrorMessage,
         renderItemOption: renderItemOption
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.203",
+  "version": "1.1.205",
   "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/ui": "^0.4.17",
-    "@open-tender/utils": "^0.4.63",
+    "@open-tender/types": "^0.4.85",
+    "@open-tender/ui": "^0.4.19",
+    "@open-tender/utils": "^0.4.66",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",
     "date-fns-tz": "^2.0.0",