@open-tender/store 1.1.5 → 1.1.6

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

@@ -7,6 +7,6 @@ declare const MenuOther: ({ title, subtitle, path, item, children, navigate }: {
     path: string;
     item: MenuItem;
     navigate: (route: string) => void;
-    children: (props: MenuOtherProps) => ReactNode;
+    children?: (props: MenuOtherProps) => ReactNode;
 }) => ReactNode;
 export default MenuOther;

package/dist/cjs/components/MenuOther.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var MenuOther = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, path = _a.path, item = _a.item, children = _a.children, navigate = _a.navigate;
+    var title = _a.title, subtitle = _a.subtitle, path = _a.path, item = _a.item, _b = _a.children, children = _b === void 0 ? ui_1.MenuOther : _b, navigate = _a.navigate;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var menuCategory = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
     var browse = function () {

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

@@ -4,6 +4,6 @@ declare const Modal: ({ show, close, content, children }: {
     show: boolean;
     close: () => void;
     content: ReactNode;
-    children: (props: ModalProps) => ReactNode;
+    children?: (props: ModalProps) => ReactNode;
 }) => React.JSX.Element | null;
 export default Modal;

package/dist/cjs/components/Modal.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+var ui_1 = require("@open-tender/ui");
 var react_1 = tslib_1.__importDefault(require("react"));
 var react_transition_group_1 = require("react-transition-group");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Modal = function (_a) {
-    var show = _a.show, close = _a.close, content = _a.content, children = _a.children;
+    var show = _a.show, close = _a.close, content = _a.content, _b = _a.children, children = _b === void 0 ? ui_1.Modal : _b;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modal;
     var handlers = { close: close };
     if (!config)

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

@@ -9,6 +9,6 @@ declare const ModalContent: ({ title, subtitle, content, submit, submitText, can
     cancel: () => void;
     cancelText?: string;
     style?: Styles;
-    children: (props: ModalContentProps) => ReactNode;
+    children?: (props: ModalContentProps) => ReactNode;
 }) => ReactNode;
 export default ModalContent;

package/dist/cjs/components/ModalContent.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ModalContent = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, content = _a.content, submit = _a.submit, submitText = _a.submitText, cancel = _a.cancel, cancelText = _a.cancelText, style = _a.style, children = _a.children;
+    var title = _a.title, subtitle = _a.subtitle, content = _a.content, submit = _a.submit, submitText = _a.submitText, cancel = _a.cancel, cancelText = _a.cancelText, style = _a.style, _b = _a.children, children = _b === void 0 ? ui_1.ModalContent : _b;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modalContent;
     return children({
         config: config,

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

@@ -3,6 +3,6 @@ import { ReactNode } from 'react';
 declare const ModalHeader: ({ title, subtitle, children }: {
     title: string;
     subtitle?: string;
-    children: (props: ModalHeaderProps) => ReactNode;
+    children?: (props: ModalHeaderProps) => ReactNode;
 }) => ReactNode;
 export default ModalHeader;

package/dist/cjs/components/ModalHeader.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ModalHeader = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, children = _a.children;
+    var title = _a.title, subtitle = _a.subtitle, _b = _a.children, children = _b === void 0 ? ui_1.ModalHeader : _b;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modalHeader;
     return children({ config: config, title: title, subtitle: subtitle });
 };

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

@@ -6,6 +6,6 @@ declare const NutritionalInfo: ({ title, subtitle, nutritionalInfo, close, child
     subtitle?: string;
     nutritionalInfo: NutritionalInfoType;
     close: () => void;
-    children: (props: NutritionalInfoProps) => ReactNode;
+    children?: (props: NutritionalInfoProps) => ReactNode;
 }) => ReactNode;
 export default NutritionalInfo;

package/dist/cjs/components/NutritionalInfo.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var NutritionalInfo = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, nutritionalInfo = _a.nutritionalInfo, close = _a.close, children = _a.children;
-    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.nutritionalInfo, modalContentConfig = _b.modalContent;
+    var title = _a.title, subtitle = _a.subtitle, nutritionalInfo = _a.nutritionalInfo, close = _a.close, _b = _a.children, children = _b === void 0 ? ui_1.NutritionalInfo : _b;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.nutritionalInfo, modalContentConfig = _c.modalContent;
     var handlers = { close: close };
     return children({
         config: config,

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

@@ -6,6 +6,6 @@ declare const Option: ({ option, levels, handlers, close, children }: {
     levels: CartLevels | null;
     handlers: Handlers;
     close: () => void;
-    children: (props: OptionProps) => ReactNode;
+    children?: (props: OptionProps) => ReactNode;
 }) => React.ReactNode;
 export default Option;

package/dist/cjs/components/Option.js

@@ -7,8 +7,8 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ItemGroups_1 = tslib_1.__importDefault(require("./ItemGroups"));
 var Option = function (_a) {
-    var option = _a.option, levels = _a.levels, handlers = _a.handlers, close = _a.close, children = _a.children;
-    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.option, modalContentConfig = _b.modalContent;
+    var option = _a.option, levels = _a.levels, handlers = _a.handlers, close = _a.close, _b = _a.children, children = _b === void 0 ? ui_1.Option : _b;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.option, modalContentConfig = _c.modalContent;
     var handlersOption = tslib_1.__assign(tslib_1.__assign({}, handlers), { close: close });
     if (!config || !option || !levels)
         return null;

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

@@ -4,6 +4,6 @@ import React, { ReactNode } from 'react';
 declare const OrderCard: ({ order, navigate, children }: {
     order: Order;
     navigate: (route: string) => void;
-    children: (props: OrderCardProps) => ReactNode;
+    children?: (props: OrderCardProps) => ReactNode;
 }) => React.ReactNode;
 export default OrderCard;

package/dist/cjs/components/OrderCard.js

@@ -8,14 +8,14 @@ var hooks_2 = require("../hooks");
 var slices_1 = require("../slices");
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 var OrderCard = function (_a) {
-    var order = _a.order, navigate = _a.navigate, children = _a.children;
+    var order = _a.order, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? ui_1.OrderCard : _b;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _b = (0, react_1.useState)(null), errMsg = _b[0], setErrMsg = _b[1];
-    var _c = (0, react_1.useState)(false), isReordering = _c[0], setIsReordering = _c[1];
-    var _d = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _d.orderCard, cardConfig = _d.card;
-    var _e = (0, hooks_1.useAppSelector)(slices_1.selectOrder), loading = _e.loading, error = _e.error;
+    var _c = (0, react_1.useState)(null), errMsg = _c[0], setErrMsg = _c[1];
+    var _d = (0, react_1.useState)(false), isReordering = _d[0], setIsReordering = _d[1];
+    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _e.orderCard, cardConfig = _e.card;
+    var _f = (0, hooks_1.useAppSelector)(slices_1.selectOrder), loading = _f.loading, error = _f.error;
     var isLoading = loading === 'pending';
-    var _f = (0, hooks_2.useOrder)(order), itemImages = _f.itemImages, itemNames = _f.itemNames, orderNo = _f.orderNo, title = _f.title, subtitle = _f.subtitle;
+    var _g = (0, hooks_2.useOrder)(order), itemImages = _g.itemImages, itemNames = _g.itemNames, orderNo = _g.orderNo, title = _g.title, subtitle = _g.subtitle;
     var view = function () {
         return;
     };

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

@@ -5,6 +5,6 @@ declare const PointsReward: ({ item, callback, children }: {
     item: OrderItem;
     callback?: () => void;
     isLast?: boolean;
-    children: (props: PointsRewardProps) => ReactNode;
+    children?: (props: PointsRewardProps) => ReactNode;
 }) => React.ReactNode;
 export default PointsReward;

package/dist/cjs/components/PointsReward.js

@@ -9,14 +9,14 @@ var slices_1 = require("../slices");
 var Quantity_1 = tslib_1.__importDefault(require("./Quantity"));
 var PointsReward = function (_a) {
     var _b;
-    var item = _a.item, callback = _a.callback, children = _a.children;
+    var item = _a.item, callback = _a.callback, _c = _a.children, children = _c === void 0 ? ui_1.PointsReward : _c;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.pointsReward, successMessageConfig = _c.successMessage, cardConfig = _c.card;
+    var _d = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _d.pointsReward, successMessageConfig = _d.successMessage, cardConfig = _d.card;
     var checkPoints = (0, hooks_1.useAppSelector)(slices_1.selectPosCheckout).points;
-    var _d = (0, hooks_2.useCustomerRewards)(), points = _d.points, pointsRemaining = _d.pointsRemaining;
+    var _e = (0, hooks_2.useCustomerRewards)(), points = _e.points, pointsRemaining = _e.pointsRemaining;
     if (!item.points || item.points.index === undefined || !points)
         return null;
-    var _e = item.points, index = _e.index, per = _e.per;
+    var _f = item.points, index = _f.index, per = _f.per;
     // const appliedIndices = checkPoints.map(i => i.index)
     // const isApplied = appliedIndices.includes(index)
     var itemPointsApplied = ((_b = checkPoints.find(function (i) { return i.index === index; })) === null || _b === void 0 ? void 0 : _b.points) || 0;

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

@@ -1,6 +1,6 @@
 import { PointsRewardsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
 declare const PointsRewards: ({ children }: {
-    children: (props: PointsRewardsProps) => ReactNode;
+    children?: (props: PointsRewardsProps) => ReactNode;
 }) => React.ReactNode;
 export default PointsRewards;

package/dist/cjs/components/PointsRewards.js

@@ -8,9 +8,9 @@ var hooks_2 = require("../hooks");
 var slices_1 = require("../slices");
 var PointsReward_1 = tslib_1.__importDefault(require("./PointsReward"));
 var PointsRewards = function (_a) {
-    var children = _a.children;
+    var _b = _a.children, children = _b === void 0 ? ui_1.PointsRewards : _b;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).pointsRewards;
-    var _b = (0, hooks_2.useCustomerRewards)(), items = _b.items, points = _b.points, pointsApplied = _b.pointsApplied, pointsRemaining = _b.pointsRemaining;
+    var _c = (0, hooks_2.useCustomerRewards)(), items = _c.items, points = _c.points, pointsApplied = _c.pointsApplied, pointsRemaining = _c.pointsRemaining;
     var renderPointReward = function (item) { return (react_1.default.createElement(PointsReward_1.default, { item: item, children: ui_1.PointsReward })); };
     return children({
         config: config,

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

@@ -1,6 +1,7 @@
 import Allergen from './Allergen';
 import Applied from './Applied';
 import ButtonLink from './ButtonLink';
+import Card from './Card';
 import Cart from './Cart';
 import CartItem from './CartItem';
 import CartUpsellItem from './CartUpsellItem';
@@ -45,4 +46,4 @@ import Tag from './Tag';
 import TextArea from './TextArea';
 import UpsellItem from './UpsellItem';
 import Upsells from './Upsells';
-export { Allergen, Applied, ButtonLink, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemSelections, Loader, MadeForNotes, MenuCategory, MenuOther, Modal, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
+export { Allergen, Applied, ButtonLink, Card, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemSelections, Loader, MadeForNotes, MenuCategory, MenuOther, Modal, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };

package/dist/cjs/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = exports.SuccessMessage = exports.SignInQr = exports.SignInPhone = exports.SignInOptions = exports.SignInCheckout = exports.SignInButton = exports.SignIn = exports.Rewards = exports.Reward = exports.Quantity = exports.PromoCode = exports.PointsRewards = exports.PointsReward = exports.OrderCard = exports.Option = exports.NutritionalInfo = exports.ModalHeader = exports.ModalContent = exports.Modal = exports.MenuOther = exports.MenuCategory = exports.MadeForNotes = exports.Loader = exports.ItemSelections = exports.ItemOption = exports.ItemGroups = exports.ItemGroup = exports.Input = exports.Ingredients = exports.Header = exports.ErrorMessage = exports.Discount = exports.CheckTotals = exports.CategoryNavOther = exports.CategoryNavItem = exports.CategoryNav = exports.CategoryItem = exports.CartUpsellItem = exports.CartItem = exports.Cart = exports.ButtonLink = exports.Applied = exports.Allergen = void 0;
+exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = exports.SuccessMessage = exports.SignInQr = exports.SignInPhone = exports.SignInOptions = exports.SignInCheckout = exports.SignInButton = exports.SignIn = exports.Rewards = exports.Reward = exports.Quantity = exports.PromoCode = exports.PointsRewards = exports.PointsReward = exports.OrderCard = exports.Option = exports.NutritionalInfo = exports.ModalHeader = exports.ModalContent = exports.Modal = exports.MenuOther = exports.MenuCategory = exports.MadeForNotes = exports.Loader = exports.ItemSelections = exports.ItemOption = exports.ItemGroups = exports.ItemGroup = exports.Input = exports.Ingredients = exports.Header = exports.ErrorMessage = exports.Discount = exports.CheckTotals = exports.CategoryNavOther = exports.CategoryNavItem = exports.CategoryNav = exports.CategoryItem = exports.CartUpsellItem = exports.CartItem = exports.Cart = exports.Card = exports.ButtonLink = exports.Applied = exports.Allergen = void 0;
 var tslib_1 = require("tslib");
 var Allergen_1 = tslib_1.__importDefault(require("./Allergen"));
 exports.Allergen = Allergen_1.default;
@@ -8,6 +8,8 @@ var Applied_1 = tslib_1.__importDefault(require("./Applied"));
 exports.Applied = Applied_1.default;
 var ButtonLink_1 = tslib_1.__importDefault(require("./ButtonLink"));
 exports.ButtonLink = ButtonLink_1.default;
+var Card_1 = tslib_1.__importDefault(require("./Card"));
+exports.Card = Card_1.default;
 var Cart_1 = tslib_1.__importDefault(require("./Cart"));
 exports.Cart = Cart_1.default;
 var CartItem_1 = tslib_1.__importDefault(require("./CartItem"));

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

@@ -3,6 +3,6 @@ import { AllergenProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const Allergen: ({ allergen, children }: {
     allergen: AllergenType;
-    children: (props: AllergenProps) => ReactNode;
+    children?: (props: AllergenProps) => ReactNode;
 }) => ReactNode;
 export default Allergen;

package/dist/esm/components/Allergen.js

@@ -1,7 +1,8 @@
+import { Allergen as AllergenView } from '@open-tender/ui';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var Allergen = function (_a) {
-    var allergen = _a.allergen, children = _a.children;
+    var allergen = _a.allergen, _b = _a.children, children = _b === void 0 ? AllergenView : _b;
     var config = useAppSelector(selectKioskConfig).allergen;
     return children({ config: config, allergen: allergen });
 };

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

@@ -1,6 +1,6 @@
 import { AppliedProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const Applied: ({ children }: {
-    children: (props: AppliedProps) => ReactNode;
+    children?: (props: AppliedProps) => ReactNode;
 }) => ReactNode;
 export default Applied;

package/dist/esm/components/Applied.js

@@ -1,7 +1,8 @@
+import { Applied as AppliedView } from '@open-tender/ui';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var Applied = function (_a) {
-    var children = _a.children;
+    var _b = _a.children, children = _b === void 0 ? AppliedView : _b;
     var config = useAppSelector(selectKioskConfig).applied;
     return children({ config: config });
 };

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

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 declare const ButtonLink: ({ onClick, label, children, style }: {
     onClick: () => void;
     label: string;
-    children: (props: ButtonLinkProps) => ReactNode;
+    children?: (props: ButtonLinkProps) => ReactNode;
     style?: Styles;
 }) => ReactNode;
 export default ButtonLink;

package/dist/esm/components/ButtonLink.js

@@ -1,7 +1,8 @@
+import { ButtonLink as ButtonLinkView } from '@open-tender/ui';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var ButtonLink = function (_a) {
-    var onClick = _a.onClick, label = _a.label, children = _a.children, style = _a.style;
+    var onClick = _a.onClick, label = _a.label, _b = _a.children, children = _b === void 0 ? ButtonLinkView : _b, style = _a.style;
     var config = useAppSelector(selectKioskConfig).buttonLink;
     return children({ config: config, style: style, children: label, onClick: onClick });
 };

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

@@ -2,6 +2,6 @@ import { CardProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const Card: ({ children, content }: {
     content: ReactNode;
-    children: (props: CardProps) => ReactNode;
+    children?: (props: CardProps) => ReactNode;
 }) => ReactNode;
 export default Card;

package/dist/esm/components/Card.js

@@ -1,7 +1,8 @@
+import { Card as CardView } from '@open-tender/ui';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var Card = function (_a) {
-    var children = _a.children, content = _a.content;
+    var _b = _a.children, children = _b === void 0 ? CardView : _b, content = _a.content;
     var config = useAppSelector(selectKioskConfig).card;
     return children({ config: config, children: content });
 };

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

@@ -2,6 +2,6 @@ import { CartProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
 declare const Cart: ({ navigate, children }: {
     navigate: (route: string) => void;
-    children: (props: CartProps) => ReactNode;
+    children?: (props: CartProps) => ReactNode;
 }) => React.ReactNode;
 export default Cart;

package/dist/esm/components/Cart.js

@@ -1,15 +1,15 @@
-import { CartItem, CartUpsells } from '@open-tender/ui';
+import { CartItem, CartUpsells, Cart as CartView } from '@open-tender/ui';
 import React, { useEffect } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { closeCartSummary, selectCartSummary, selectCartTotals, selectKioskConfig, selectOrder, toggleCartSummary } from '../slices';
 import { default as CartItemContainer } from './CartItem';
 import { default as CartUpsellsContainer } from './CartUpsells';
 var Cart = function (_a) {
-    var navigate = _a.navigate, children = _a.children;
+    var navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? CartView : _b;
     var dispatch = useAppDispatch();
     var config = useAppSelector(selectKioskConfig).cart;
     var cart = useAppSelector(selectOrder).cart;
-    var _b = useAppSelector(selectCartTotals), count = _b.count, total = _b.total;
+    var _c = useAppSelector(selectCartTotals), count = _c.count, total = _c.total;
     var isOpen = useAppSelector(selectCartSummary).isOpen;
     var isEmpty = !cart.length;
     var toggleCart = function () { return dispatch(toggleCartSummary()); };

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

@@ -6,6 +6,6 @@ declare const CartItem: ({ item, isLast, isEditable, navigate, children }: {
     isLast?: boolean;
     isEditable?: boolean;
     navigate: (route: string) => void;
-    children: (props: CartItemProps) => ReactNode;
+    children?: (props: CartItemProps) => ReactNode;
 }) => React.ReactNode;
 export default CartItem;

package/dist/esm/components/CartItem.js

@@ -1,10 +1,10 @@
-import { Quantity } from '@open-tender/ui';
+import { Quantity, CartItem as CartItemView } from '@open-tender/ui';
 import React from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { decrementItemInCart, incrementItemInCart, removeItemFromCart, selectKioskConfig, 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;
+    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, _d = _a.children, children = _d === void 0 ? CartItemView : _d;
     var dispatch = useAppDispatch();
     var config = useAppSelector(selectKioskConfig).cartItem;
     var increment = function () { return dispatch(incrementItemInCart(item)); };

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

@@ -5,6 +5,6 @@ declare const CartUpsellItem: ({ item, callback, isLast, children }: {
     item: CartItem;
     callback?: () => void;
     isLast?: boolean;
-    children: (props: CartUpsellItemProps) => ReactNode;
+    children?: (props: CartUpsellItemProps) => ReactNode;
 }) => ReactNode;
 export default CartUpsellItem;

package/dist/esm/components/CartUpsellItem.js

@@ -1,10 +1,11 @@
+import { CartUpsellItem as CartUpsellItemView } from '@open-tender/ui';
 import { hasGroupsBelowMin, useBuilder } from '@open-tender/utils';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { addItemToCart, selectKioskConfig } from '../slices';
 var CartUpsellItem = function (_a) {
-    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, _b = _a.children, children = _b === void 0 ? CartUpsellItemView : _b;
     var dispatch = useAppDispatch();
-    var _b = useAppSelector(selectKioskConfig), config = _b.cartUpsellItem, cardConfig = _b.card;
+    var _c = useAppSelector(selectKioskConfig), config = _c.cartUpsellItem, cardConfig = _c.card;
     var builtItem = useBuilder(item).item;
     var quantity = builtItem.quantity, groups = builtItem.groups;
     var groupsBelowMin = hasGroupsBelowMin(null, groups);

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

@@ -1,6 +1,6 @@
 import { CartUpsellsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
 declare const CartUpsells: ({ children }: {
-    children: (props: CartUpsellsProps) => ReactNode;
+    children?: (props: CartUpsellsProps) => ReactNode;
 }) => React.ReactNode;
 export default CartUpsells;

package/dist/esm/components/CartUpsells.js

@@ -1,14 +1,14 @@
-import { CartUpsellItem } from '@open-tender/ui';
+import { CartUpsellItem, CartUpsells as CartUpsellsView } from '@open-tender/ui';
 import { makeUpsellItemsForCart } from '@open-tender/utils';
 import React, { useMemo } from 'react';
 import { useAppSelector } from '../app/hooks';
 import { selectCartIds, selectKioskConfig, selectMenu } from '../slices';
 import { default as CartUpsellItemContainer } from './CartUpsellItem';
 var CartUpsells = function (_a) {
-    var children = _a.children;
+    var _b = _a.children, children = _b === void 0 ? CartUpsellsView : _b;
     var config = useAppSelector(selectKioskConfig).cartUpsells;
     var cartIds = useAppSelector(selectCartIds);
-    var _b = useAppSelector(selectMenu), categories = _b.categories, soldOut = _b.soldOut;
+    var _c = useAppSelector(selectMenu), categories = _c.categories, soldOut = _c.soldOut;
     var upsellItems = useMemo(function () { return makeUpsellItemsForCart(categories, cartIds, soldOut); }, [categories, cartIds, soldOut]);
     var renderCartUpsellItem = function (item, isLast) { return (React.createElement(CartUpsellItemContainer, { item: item, isLast: isLast, children: CartUpsellItem })); };
     if (!upsellItems.length)

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

@@ -6,6 +6,6 @@ declare const CategoryItem: ({ item, favorite, allergenAlerts, navigate, childre
     favorite?: MenuItemFavorite;
     allergenAlerts?: string[];
     navigate: (route: string) => void;
-    children: (props: CategoryItemProps) => ReactNode;
+    children?: (props: CategoryItemProps) => ReactNode;
 }) => ReactNode;
 export default CategoryItem;

package/dist/esm/components/CategoryItem.js

@@ -1,16 +1,17 @@
 import { __assign } from "tslib";
+import { CategoryItem as CategoryItemView } from '@open-tender/ui';
 import { makeOrderItem, rehydrateOrderItem, useOrderItem } from '@open-tender/utils';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCartCounts, selectKioskConfig, selectMenu, setCurrentItem } from '../slices';
 var CategoryItem = function (_a) {
-    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, children = _a.children;
+    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? CategoryItemView : _b;
     var dispatch = useAppDispatch();
     var categoryItem = useAppSelector(selectKioskConfig).categoryItem;
     var soldOut = useAppSelector(selectMenu).soldOut;
     var cartCounts = useAppSelector(selectCartCounts);
     var hasPoints = false;
     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 _c = displaySettings || {}, _d = _c.calories, showCals = _d === void 0 ? false : _d, _e = _c.tags, showTags = _e === void 0 ? false : _e, _f = _c.allergens, showAllergens = _f === void 0 ? false : _f;
     var showDesc = 'SHOW';
     var orderItem = favorite
         ? __assign(__assign({}, rehydrateOrderItem(item, favorite.item)), { index: -1 }) : makeOrderItem(item, undefined, soldOut, undefined, hasPoints);

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

@@ -1,7 +1,7 @@
 import { CategoryNavProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
 declare const CategoryNav: ({ children, navigate }: {
-    children: (props: CategoryNavProps) => ReactNode;
+    children?: (props: CategoryNavProps) => ReactNode;
     navigate: (route: string) => void;
 }) => React.ReactNode;
 export default CategoryNav;

package/dist/esm/components/CategoryNav.js

@@ -1,13 +1,13 @@
-import { CategoryNavItem, CategoryNavOther } from '@open-tender/ui';
+import { CategoryNavItem, CategoryNavOther, CategoryNav as CategoryNavView } from '@open-tender/ui';
 import React from 'react';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig, selectMenu } from '../slices';
 import { default as CategoryNavItemContainer } from './CategoryNavItem';
 import { default as CategoryNavOtherContainer } from './CategoryNavOther';
 var CategoryNav = function (_a) {
-    var children = _a.children, navigate = _a.navigate;
+    var _b = _a.children, children = _b === void 0 ? CategoryNavView : _b, navigate = _a.navigate;
     var categoryNav = useAppSelector(selectKioskConfig).categoryNav;
-    var _b = useAppSelector(selectMenu), categories = _b.categories, featured = _b.featured, favorites = _b.favorites, recents = _b.recents;
+    var _c = useAppSelector(selectMenu), categories = _c.categories, featured = _c.featured, favorites = _c.favorites, recents = _c.recents;
     var renderCategoryNavOther = function (title, path) { return (React.createElement(CategoryNavOtherContainer, { navigate: navigate, title: title, path: path, children: CategoryNavOther })); };
     var renderCategoryNavItem = function (item) { return (React.createElement(CategoryNavItemContainer, { navigate: navigate, category: item, children: CategoryNavItem })); };
     return children({

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

@@ -4,6 +4,6 @@ import { ReactNode } from 'react';
 declare const CategoryNavItem: ({ category, children, navigate }: {
     category: MenuCategory;
     navigate: (route: string) => void;
-    children: (props: CategoryNavItemProps) => ReactNode;
+    children?: (props: CategoryNavItemProps) => ReactNode;
 }) => ReactNode;
 export default CategoryNavItem;

package/dist/esm/components/CategoryNavItem.js

@@ -1,12 +1,12 @@
-import { makeImageUrl } from '@open-tender/ui';
+import { makeImageUrl, CategoryNavItem as CategoryNavItemView } from '@open-tender/ui';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCurrentCategory, selectKioskConfig, setCurrentCategory } from '../slices';
 var CategoryNavItem = function (_a) {
-    var category = _a.category, children = _a.children, navigate = _a.navigate;
+    var category = _a.category, _b = _a.children, children = _b === void 0 ? CategoryNavItemView : _b, navigate = _a.navigate;
     var dispatch = useAppDispatch();
     var current = useAppSelector(selectCurrentCategory);
     var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
-    var _b = useAppSelector(selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
+    var _c = useAppSelector(selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.categoryNavItemSelected;
     var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
     var name = category.name;
     var imageUrl = makeImageUrl(category);

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

@@ -4,6 +4,6 @@ declare const CategoryNavOther: ({ title, path, navigate, children }: {
     title: string;
     path: string;
     navigate: (route: string) => void;
-    children: (props: CategoryNavOtherProps) => ReactNode;
+    children?: (props: CategoryNavOtherProps) => ReactNode;
 }) => ReactNode;
 export default CategoryNavOther;

package/dist/esm/components/CategoryNavOther.js

@@ -1,9 +1,10 @@
+import { CategoryNavOther as CategoryNavOtherView } from '@open-tender/ui';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCurrentSection, selectKioskConfig, setCurrentCategory } from '../slices';
 var CategoryNavOther = function (_a) {
-    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children;
+    var title = _a.title, path = _a.path, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? CategoryNavOtherView : _b;
     var dispatch = useAppDispatch();
-    var _b = useAppSelector(selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
+    var _c = useAppSelector(selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.categoryNavItemSelected;
     var currentSection = useAppSelector(selectCurrentSection);
     var isCurrent = path === currentSection;
     var config = isCurrent ? categoryNavItemSelected : categoryNavItem;

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

@@ -3,6 +3,6 @@ import { CheckTotalsProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const CheckTotals: ({ check, children }: {
     check: Order;
-    children: (props: CheckTotalsProps) => ReactNode;
+    children?: (props: CheckTotalsProps) => ReactNode;
 }) => ReactNode;
 export default CheckTotals;

package/dist/esm/components/CheckTotals.js

@@ -1,7 +1,8 @@
+import { CheckTotals as CheckTotalsView } from '@open-tender/ui';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var CheckTotals = function (_a) {
-    var check = _a.check, children = _a.children;
+    var check = _a.check, _b = _a.children, children = _b === void 0 ? CheckTotalsView : _b;
     var config = useAppSelector(selectKioskConfig).checkTotals;
     return children({ config: config, check: check });
 };

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

@@ -3,6 +3,6 @@ import { DiscountProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const Discount: ({ discount, children }: {
     discount: DiscountType;
-    children: (props: DiscountProps) => ReactNode;
+    children?: (props: DiscountProps) => ReactNode;
 }) => ReactNode;
 export default Discount;

package/dist/esm/components/Discount.js

@@ -1,8 +1,9 @@
+import { Discount as DiscountView } from '@open-tender/ui';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var Discount = function (_a) {
-    var discount = _a.discount, children = _a.children;
-    var _b = useAppSelector(selectKioskConfig), config = _b.discount, cardConfig = _b.card;
+    var discount = _a.discount, _b = _a.children, children = _b === void 0 ? DiscountView : _b;
+    var _c = useAppSelector(selectKioskConfig), config = _c.discount, cardConfig = _c.card;
     if (!config)
         return null;
     return children({ config: config, discount: discount, cardConfig: cardConfig });

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

@@ -4,6 +4,6 @@ declare const ErrorMessage: ({ content, icon, style, children }: {
     content: string;
     icon?: ReactNode;
     style?: Styles;
-    children: (props: ErrorMessageProps) => ReactNode;
+    children?: (props: ErrorMessageProps) => ReactNode;
 }) => ReactNode;
 export default ErrorMessage;