@open-tender/store 1.1.6 → 1.1.7

package/dist/cjs/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/cjs/components/Allergen.js

@@ -1,10 +1,9 @@
 "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 Allergen = function (_a) {
-    var allergen = _a.allergen, _b = _a.children, children = _b === void 0 ? ui_1.Allergen : _b;
+    var allergen = _a.allergen, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).allergen;
     return children({ config: config, allergen: allergen });
 };

package/dist/cjs/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/cjs/components/Applied.js

@@ -1,10 +1,9 @@
 "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 Applied = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? ui_1.Applied : _b;
+    var children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).applied;
     return children({ config: config });
 };

package/dist/cjs/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/cjs/components/ButtonLink.js

@@ -1,10 +1,9 @@
 "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 ButtonLink = function (_a) {
-    var onClick = _a.onClick, label = _a.label, _b = _a.children, children = _b === void 0 ? ui_1.ButtonLink : _b, style = _a.style;
+    var onClick = _a.onClick, label = _a.label, children = _a.children, style = _a.style;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).buttonLink;
     return children({ config: config, style: style, children: label, onClick: onClick });
 };

package/dist/cjs/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/cjs/components/Card.js

@@ -1,10 +1,9 @@
 "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 Card = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? ui_1.Card : _b, content = _a.content;
+    var children = _a.children, content = _a.content;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).card;
     return children({ config: config, children: content });
 };

package/dist/cjs/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/cjs/components/Cart.js

@@ -8,11 +8,11 @@ var slices_1 = require("../slices");
 var CartItem_1 = tslib_1.__importDefault(require("./CartItem"));
 var CartUpsells_1 = tslib_1.__importDefault(require("./CartUpsells"));
 var Cart = function (_a) {
-    var navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? ui_1.Cart : _b;
+    var navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cart;
     var cart = (0, hooks_1.useAppSelector)(slices_1.selectOrder).cart;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectCartTotals), count = _c.count, total = _c.total;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectCartTotals), count = _b.count, total = _b.total;
     var isOpen = (0, hooks_1.useAppSelector)(slices_1.selectCartSummary).isOpen;
     var isEmpty = !cart.length;
     var toggleCart = function () { return dispatch((0, slices_1.toggleCartSummary)()); };

package/dist/cjs/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/cjs/components/CartItem.js

@@ -7,7 +7,7 @@ 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, _d = _a.children, children = _d === void 0 ? ui_1.CartItem : _d;
+    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 dispatch = (0, hooks_1.useAppDispatch)();
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartItem;
     var increment = function () { return dispatch((0, slices_1.incrementItemInCart)(item)); };

package/dist/cjs/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/cjs/components/CartUpsellItem.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CartUpsellItem = function (_a) {
-    var item = _a.item, callback = _a.callback, isLast = _a.isLast, _b = _a.children, children = _b === void 0 ? ui_1.CartUpsellItem : _b;
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.cartUpsellItem, cardConfig = _c.card;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.cartUpsellItem, cardConfig = _b.card;
     var builtItem = (0, utils_1.useBuilder)(item).item;
     var quantity = builtItem.quantity, groups = builtItem.groups;
     var groupsBelowMin = (0, utils_1.hasGroupsBelowMin)(null, groups);

package/dist/cjs/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/cjs/components/CartUpsells.js

@@ -8,10 +8,10 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CartUpsellItem_1 = tslib_1.__importDefault(require("./CartUpsellItem"));
 var CartUpsells = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? ui_1.CartUpsells : _b;
+    var children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartUpsells;
     var cartIds = (0, hooks_1.useAppSelector)(slices_1.selectCartIds);
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _c.categories, soldOut = _c.soldOut;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _b.categories, soldOut = _b.soldOut;
     var upsellItems = (0, react_1.useMemo)(function () { return (0, utils_1.makeUpsellItemsForCart)(categories, cartIds, soldOut); }, [categories, cartIds, soldOut]);
     var renderCartUpsellItem = function (item, isLast) { return (react_1.default.createElement(CartUpsellItem_1.default, { item: item, isLast: isLast, children: ui_1.CartUpsellItem })); };
     if (!upsellItems.length)

package/dist/cjs/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/cjs/components/CategoryItem.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var ui_1 = require("@open-tender/ui");
 var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CategoryItem = function (_a) {
-    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? ui_1.CategoryItem : _b;
+    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var categoryItem = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryItem;
     var soldOut = (0, hooks_1.useAppSelector)(slices_1.selectMenu).soldOut;
     var cartCounts = (0, hooks_1.useAppSelector)(slices_1.selectCartCounts);
     var hasPoints = false;
     var displaySettings = {};
-    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 _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);

package/dist/cjs/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/cjs/components/CategoryNav.js

@@ -8,9 +8,9 @@ var slices_1 = require("../slices");
 var CategoryNavItem_1 = tslib_1.__importDefault(require("./CategoryNavItem"));
 var CategoryNavOther_1 = tslib_1.__importDefault(require("./CategoryNavOther"));
 var CategoryNav = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? ui_1.CategoryNav : _b, navigate = _a.navigate;
+    var children = _a.children, navigate = _a.navigate;
     var categoryNav = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryNav;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _c.categories, featured = _c.featured, favorites = _c.favorites, recents = _c.recents;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _b.categories, featured = _b.featured, favorites = _b.favorites, recents = _b.recents;
     var renderCategoryNavOther = function (title, path) { return (react_1.default.createElement(CategoryNavOther_1.default, { navigate: navigate, title: title, path: path, children: ui_1.CategoryNavOther })); };
     var renderCategoryNavItem = function (item) { return (react_1.default.createElement(CategoryNavItem_1.default, { navigate: navigate, category: item, children: ui_1.CategoryNavItem })); };
     return children({

package/dist/cjs/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/cjs/components/CategoryNavItem.js

@@ -4,11 +4,11 @@ var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CategoryNavItem = function (_a) {
-    var category = _a.category, _b = _a.children, children = _b === void 0 ? ui_1.CategoryNavItem : _b, navigate = _a.navigate;
+    var category = _a.category, children = _a.children, navigate = _a.navigate;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var current = (0, hooks_1.useAppSelector)(slices_1.selectCurrentCategory);
     var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.categoryNavItemSelected;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
     var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
     var name = category.name;
     var imageUrl = (0, ui_1.makeImageUrl)(category);

package/dist/cjs/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/cjs/components/CategoryNavOther.js

@@ -1,12 +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 CategoryNavOther = function (_a) {
-    var title = _a.title, path = _a.path, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? ui_1.CategoryNavOther : _b;
+    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.categoryNavItemSelected;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
     var currentSection = (0, hooks_1.useAppSelector)(slices_1.selectCurrentSection);
     var isCurrent = path === currentSection;
     var config = isCurrent ? categoryNavItemSelected : categoryNavItem;

package/dist/cjs/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/cjs/components/CheckTotals.js

@@ -1,10 +1,9 @@
 "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 CheckTotals = function (_a) {
-    var check = _a.check, _b = _a.children, children = _b === void 0 ? ui_1.CheckTotals : _b;
+    var check = _a.check, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkTotals;
     return children({ config: config, check: check });
 };

package/dist/cjs/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/cjs/components/Discount.js

@@ -1,11 +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 Discount = function (_a) {
-    var discount = _a.discount, _b = _a.children, children = _b === void 0 ? ui_1.Discount : _b;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.discount, cardConfig = _c.card;
+    var discount = _a.discount, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.discount, cardConfig = _b.card;
     if (!config)
         return null;
     return children({ config: config, discount: discount, cardConfig: cardConfig });

package/dist/cjs/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;

package/dist/cjs/components/ErrorMessage.js

@@ -1,10 +1,9 @@
 "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 ErrorMessage = function (_a) {
-    var content = _a.content, icon = _a.icon, style = _a.style, _b = _a.children, children = _b === void 0 ? ui_1.ErrorMessage : _b;
+    var content = _a.content, icon = _a.icon, style = _a.style, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).errorMessage;
     return children({ config: config, icon: icon, style: style, children: content });
 };

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

@@ -4,6 +4,6 @@ declare const Header: ({ to, pathname, navigate, children }: {
     to?: string;
     pathname: string;
     navigate: (route: string) => void;
-    children?: (props: HeaderProps) => ReactNode;
+    children: (props: HeaderProps) => ReactNode;
 }) => React.ReactNode;
 export default Header;

package/dist/cjs/components/Header.js

@@ -7,7 +7,7 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var SignInButton_1 = tslib_1.__importDefault(require("./SignInButton"));
 var Header = function (_a) {
-    var to = _a.to, pathname = _a.pathname, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? ui_1.Header : _b;
+    var to = _a.to, pathname = _a.pathname, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var header = ((0, hooks_1.useAppSelector)(slices_1.selectKioskConfig) || {}).header;
     var back = function () {

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

@@ -5,6 +5,6 @@ declare const Ingredients: ({ title, subtitle, ingredients, close, children }: {
     subtitle?: string;
     ingredients: string;
     close: () => void;
-    children?: (props: IngredientsProps) => ReactNode;
+    children: (props: IngredientsProps) => ReactNode;
 }) => ReactNode;
 export default Ingredients;

package/dist/cjs/components/Ingredients.js

@@ -1,10 +1,9 @@
 "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 Ingredients = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, ingredients = _a.ingredients, close = _a.close, _b = _a.children, children = _b === void 0 ? ui_1.Ingredients : _b;
+    var title = _a.title, subtitle = _a.subtitle, ingredients = _a.ingredients, close = _a.close, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).ingredients;
     var handlers = { close: close };
     return children({ config: config, handlers: handlers, title: title, subtitle: subtitle, ingredients: ingredients });

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

@@ -6,6 +6,6 @@ declare const Input: ({ label, value, setValue, isRequired, style, children }: {
     setValue: (value: string) => void;
     isRequired?: boolean;
     style?: Styles;
-    children?: (props: InputProps) => ReactNode;
+    children: (props: InputProps) => ReactNode;
 }) => ReactNode;
 export default Input;

package/dist/cjs/components/Input.js

@@ -1,11 +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 Input = function (_a) {
-    var label = _a.label, value = _a.value, setValue = _a.setValue, isRequired = _a.isRequired, style = _a.style, _b = _a.children, children = _b === void 0 ? ui_1.Input : _b;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.input, labelConfig = _c.label;
+    var label = _a.label, value = _a.value, setValue = _a.setValue, isRequired = _a.isRequired, style = _a.style, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.input, labelConfig = _b.label;
     var update = function (evt) {
         setValue(evt.target.value);
     };

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

@@ -4,6 +4,6 @@ import { ReactNode } from 'react';
 declare const ItemGroup: ({ group, content, children }: {
     group: CartItemGroup;
     content: ReactNode;
-    children?: (props: ItemGroupProps) => ReactNode;
+    children: (props: ItemGroupProps) => ReactNode;
 }) => ReactNode;
 export default ItemGroup;

package/dist/cjs/components/ItemGroup.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ItemGroup = function (_a) {
-    var group = _a.group, content = _a.content, _b = _a.children, children = _b === void 0 ? ui_1.ItemGroup : _b;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.itemGroup, errorMessageConfig = _c.errorMessage, successMessageConfig = _c.successMessage;
+    var group = _a.group, content = _a.content, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.itemGroup, errorMessageConfig = _b.errorMessage, successMessageConfig = _b.successMessage;
     var modifierGroup = (0, utils_1.useModifierGroup)(group);
     return children({
         config: config,

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

@@ -6,6 +6,6 @@ declare const ItemGroups: ({ handlers, groups, levels, excludeSize, children }:
     groups: CartItemGroups;
     levels: CartLevels;
     excludeSize?: boolean;
-    children?: (props: ItemGroupsProps) => ReactNode;
+    children: (props: ItemGroupsProps) => ReactNode;
 }) => React.ReactNode;
 export default ItemGroups;

package/dist/cjs/components/ItemGroups.js

@@ -8,7 +8,7 @@ var slices_1 = require("../slices");
 var ItemGroup_1 = tslib_1.__importDefault(require("./ItemGroup"));
 var ItemOption_1 = tslib_1.__importDefault(require("./ItemOption"));
 var ItemGroups = function (_a) {
-    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, _c = _a.children, children = _c === void 0 ? ui_1.ItemGroups : _c;
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemGroups;
     var renderItemOption = function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { levels: levels, handlers: handlers, group: group, option: option, children: ui_1.ItemOption })); };
     var renderItemGroup = function (group, content) { return (react_1.default.createElement(ItemGroup_1.default, { group: group, content: content, children: ui_1.ItemGroup })); };

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

@@ -6,6 +6,6 @@ declare const ItemOption: ({ handlers, group, option, levels, children }: {
     group: CartItemGroup;
     option: CartItemOption;
     levels: CartLevels;
-    children?: (props: ItemOptionProps) => ReactNode;
+    children: (props: ItemOptionProps) => ReactNode;
 }) => ReactNode;
 export default ItemOption;

package/dist/cjs/components/ItemOption.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ItemOption = function (_a) {
-    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, _b = _a.children, children = _b === void 0 ? ui_1.ItemOption : _b;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.itemOption, cardConfig = _c.card;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.itemOption, cardConfig = _b.card;
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];
     var modifier = (0, utils_1.useModifier)(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);

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

@@ -6,6 +6,6 @@ declare const ItemSelections: ({ handlers, groups, levels, isIncomplete, childre
     groups: CartItemGroups;
     levels: CartLevels;
     isIncomplete: boolean;
-    children?: (props: ItemSelectionsProps) => ReactNode;
+    children: (props: ItemSelectionsProps) => ReactNode;
 }) => React.ReactNode;
 export default ItemSelections;

package/dist/cjs/components/ItemSelections.js

@@ -8,7 +8,7 @@ var slices_1 = require("../slices");
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 var ItemOption_1 = tslib_1.__importDefault(require("./ItemOption"));
 var ItemSelections = function (_a) {
-    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, _b = _a.children, children = _b === void 0 ? ui_1.ItemSelections : _b;
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemSelections;
     var renderErrorMessage = function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ui_1.ErrorMessage })); };
     var renderItemOption = function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { levels: levels, handlers: handlers, group: group, option: option, children: ui_1.ItemOption })); };

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

@@ -5,6 +5,6 @@ declare const Label: ({ content, label, isRequired, style, children }: {
     label?: string;
     isRequired?: boolean;
     style?: Styles;
-    children?: (props: LabelProps) => ReactNode;
+    children: (props: LabelProps) => ReactNode;
 }) => ReactNode;
 export default Label;

package/dist/cjs/components/Label.js

@@ -1,10 +1,9 @@
 "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 Label = function (_a) {
-    var content = _a.content, label = _a.label, isRequired = _a.isRequired, style = _a.style, _b = _a.children, children = _b === void 0 ? ui_1.Label : _b;
+    var content = _a.content, label = _a.label, isRequired = _a.isRequired, style = _a.style, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).label;
     return children({ config: config, label: label, isRequired: isRequired, style: style, children: content });
 };

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

@@ -3,6 +3,6 @@ import { ReactNode } from 'react';
 declare const Loader: ({ text, style, children }: {
     text?: string;
     style?: Styles;
-    children?: (props: LoaderProps) => ReactNode;
+    children: (props: LoaderProps) => ReactNode;
 }) => ReactNode;
 export default Loader;

package/dist/cjs/components/Loader.js

@@ -1,10 +1,9 @@
 "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 Loader = function (_a) {
-    var text = _a.text, style = _a.style, _b = _a.children, children = _b === void 0 ? ui_1.Loader : _b;
+    var text = _a.text, style = _a.style, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).loader;
     return children({ config: config, text: text, style: style });
 };

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

@@ -9,6 +9,6 @@ declare const MadeForNotes: ({ subtitle, hasMadeFor, madeFor, setMadeFor, hasNot
     notes: string | null;
     setNotes: (notes: string) => void;
     close: () => void;
-    children?: (props: MadeForNotesProps) => ReactNode;
+    children: (props: MadeForNotesProps) => ReactNode;
 }) => React.ReactNode;
 export default MadeForNotes;

package/dist/cjs/components/MadeForNotes.js

@@ -8,8 +8,8 @@ var slices_1 = require("../slices");
 var Input_1 = tslib_1.__importDefault(require("./Input"));
 var TextArea_1 = tslib_1.__importDefault(require("./TextArea"));
 var MadeForNotes = function (_a) {
-    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, hasNotes = _a.hasNotes, notes = _a.notes, setNotes = _a.setNotes, close = _a.close, _b = _a.children, children = _b === void 0 ? ui_1.MadeForNotes : _b;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.madeForNotes, modalContentConfig = _c.modalContent;
+    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, hasNotes = _a.hasNotes, notes = _a.notes, setNotes = _a.setNotes, close = _a.close, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.madeForNotes, modalContentConfig = _b.modalContent;
     var handlers = { submit: close };
     var renderInput = function (label, value, isRequired, style) { return (react_1.default.createElement(Input_1.default, { label: label, setValue: setMadeFor, value: value, isRequired: isRequired, style: style, children: ui_1.Input })); };
     var renderTextArea = function (label, value, isRequired, style) { return (react_1.default.createElement(TextArea_1.default, { label: label, setValue: setNotes, value: value, isRequired: isRequired, style: style, children: ui_1.Input })); };

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

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

package/dist/cjs/components/MenuCategory.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var hooks_2 = require("../hooks");
 var slices_1 = require("../slices");
 var MenuCategory = function (_a) {
-    var category = _a.category, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? ui_1.MenuCategory : _b;
+    var category = _a.category, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
     var imageUrl = (0, hooks_2.useKioskImageUrl)(category);