@open-tender/store 1.1.6 → 1.1.8

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

@@ -1,7 +1,8 @@
 import { CartProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Cart: ({ navigate, children }: {
+declare const Cart: ({ navigate, children, apiUrl }: {
     navigate: (route: string) => void;
-    children?: (props: CartProps) => ReactNode;
+    children: (props: CartProps) => ReactNode;
+    apiUrl: string;
 }) => 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, apiUrl = _a.apiUrl;
     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)()); };
@@ -23,8 +23,8 @@ var Cart = function (_a) {
             return;
         dispatch((0, slices_1.closeCartSummary)());
     }, [dispatch, isOpen, isEmpty]);
-    var renderCartItem = function (item, isLast) { return (react_1.default.createElement(CartItem_1.default, { navigate: navigate, item: item, isLast: isLast, children: ui_1.CartItem })); };
-    var renderCartUpsells = function () { return (react_1.default.createElement(CartUpsells_1.default, { children: ui_1.CartUpsells })); };
+    var renderCartItem = function (item, isLast) { return (react_1.default.createElement(CartItem_1.default, { navigate: navigate, item: item, isLast: isLast, children: ui_1.CartItem, apiUrl: apiUrl })); };
+    var renderCartUpsells = function () { return (react_1.default.createElement(CartUpsells_1.default, { apiUrl: apiUrl, children: ui_1.CartUpsells })); };
     if (!config)
         return null;
     return children({

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

@@ -1,11 +1,12 @@
 import { CartItem as CartItemType } from '@open-tender/types';
 import { CartItemProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CartItem: ({ item, isLast, isEditable, navigate, children }: {
+declare const CartItem: ({ item, isLast, isEditable, navigate, children, apiUrl }: {
     item: CartItemType;
     isLast?: boolean;
     isEditable?: boolean;
     navigate: (route: string) => void;
-    children?: (props: CartItemProps) => ReactNode;
+    children: (props: CartItemProps) => ReactNode;
+    apiUrl: string;
 }) => 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, apiUrl = _a.apiUrl;
     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)); };
@@ -25,7 +25,8 @@ var CartItem = function (_a) {
         handlers: handlers,
         isLast: isLast,
         isEditable: isEditable,
-        renderQuantity: renderQuantity
+        renderQuantity: renderQuantity,
+        apiUrl: apiUrl
     });
 };
 exports.default = CartItem;

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

@@ -1,10 +1,11 @@
 import { CartItem } from '@open-tender/types';
 import { CartUpsellItemProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CartUpsellItem: ({ item, callback, isLast, children }: {
+declare const CartUpsellItem: ({ item, callback, isLast, children, apiUrl }: {
     item: CartItem;
     callback?: () => void;
     isLast?: boolean;
-    children?: (props: CartUpsellItemProps) => ReactNode;
+    children: (props: CartUpsellItemProps) => ReactNode;
+    apiUrl: string;
 }) => 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, apiUrl = _a.apiUrl;
     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);
@@ -20,6 +19,6 @@ var CartUpsellItem = function (_a) {
         }
     };
     var handlers = { add: add };
-    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig });
+    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig, apiUrl: apiUrl });
 };
 exports.default = CartUpsellItem;

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

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

package/dist/cjs/components/CartUpsells.js

@@ -8,12 +8,12 @@ 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, apiUrl = _a.apiUrl;
     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 })); };
+    var renderCartUpsellItem = function (item, isLast) { return (react_1.default.createElement(CartUpsellItem_1.default, { item: item, isLast: isLast, children: ui_1.CartUpsellItem, apiUrl: apiUrl })); };
     if (!upsellItems.length)
         return null;
     return children({

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

@@ -1,11 +1,12 @@
 import { MenuItem, MenuItemFavorite } from '@open-tender/types';
 import { CategoryItemProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryItem: ({ item, favorite, allergenAlerts, navigate, children }: {
+declare const CategoryItem: ({ item, favorite, allergenAlerts, navigate, children, apiUrl }: {
     item: MenuItem;
     favorite?: MenuItemFavorite;
     allergenAlerts?: string[];
     navigate: (route: string) => void;
-    children?: (props: CategoryItemProps) => ReactNode;
+    children: (props: CategoryItemProps) => ReactNode;
+    apiUrl: string;
 }) => 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, apiUrl = _a.apiUrl;
     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);
@@ -23,6 +22,6 @@ var CategoryItem = function (_a) {
         navigate('/menu/item');
     };
     var handlers = { browse: browse };
-    return children({ item: cartItem, config: categoryItem, handlers: handlers });
+    return children({ item: cartItem, config: categoryItem, handlers: handlers, apiUrl: apiUrl });
 };
 exports.default = CategoryItem;

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

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

package/dist/cjs/components/CategoryNav.js

@@ -8,11 +8,11 @@ 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, apiUrl = _a.apiUrl;
     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 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 })); };
+    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, { apiUrl: apiUrl, navigate: navigate, title: title, path: path, children: ui_1.CategoryNavOther })); };
+    var renderCategoryNavItem = function (item) { return (react_1.default.createElement(CategoryNavItem_1.default, { apiUrl: apiUrl, navigate: navigate, category: item, children: ui_1.CategoryNavItem })); };
     return children({
         config: categoryNav,
         categories: categories,

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

@@ -1,9 +1,10 @@
 import { MenuCategory } from '@open-tender/types';
 import { CategoryNavItemProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryNavItem: ({ category, children, navigate }: {
+declare const CategoryNavItem: ({ category, children, navigate, apiUrl }: {
     category: MenuCategory;
     navigate: (route: string) => void;
-    children?: (props: CategoryNavItemProps) => ReactNode;
+    children: (props: CategoryNavItemProps) => ReactNode;
+    apiUrl: string;
 }) => 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, apiUrl = _a.apiUrl;
     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);
@@ -21,7 +21,8 @@ var CategoryNavItem = function (_a) {
         config: config,
         handlers: handlers,
         title: name,
-        imageUrl: imageUrl
+        imageUrl: imageUrl,
+        apiUrl: apiUrl
     });
 };
 exports.default = CategoryNavItem;

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

@@ -1,9 +1,10 @@
 import { CategoryNavOtherProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryNavOther: ({ title, path, navigate, children }: {
+declare const CategoryNavOther: ({ title, path, navigate, children, apiUrl }: {
     title: string;
     path: string;
     navigate: (route: string) => void;
-    children?: (props: CategoryNavOtherProps) => ReactNode;
+    children: (props: CategoryNavOtherProps) => ReactNode;
+    apiUrl: string;
 }) => 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, apiUrl = _a.apiUrl;
     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;
@@ -15,6 +14,6 @@ var CategoryNavOther = function (_a) {
         navigate(path);
     };
     var handlers = { browse: browse };
-    return children({ config: config, handlers: handlers, title: title, imageUrl: null });
+    return children({ config: config, handlers: handlers, title: title, imageUrl: null, apiUrl: apiUrl });
 };
 exports.default = CategoryNavOther;

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

@@ -1,8 +1,9 @@
 import { Discount as DiscountType } from '@open-tender/types';
 import { DiscountProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const Discount: ({ discount, children }: {
+declare const Discount: ({ discount, children, apiUrl }: {
     discount: DiscountType;
-    children?: (props: DiscountProps) => ReactNode;
+    children: (props: DiscountProps) => ReactNode;
+    apiUrl: string;
 }) => ReactNode;
 export default Discount;

package/dist/cjs/components/Discount.js

@@ -1,13 +1,12 @@
 "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, apiUrl = _a.apiUrl;
+    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 });
+    return children({ config: config, discount: discount, cardConfig: cardConfig, apiUrl: apiUrl });
 };
 exports.default = Discount;

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

@@ -1,9 +1,9 @@
 import { CartItemGroup } from '@open-tender/types';
 import { ItemGroupProps } from '@open-tender/ui';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 declare const ItemGroup: ({ group, content, children }: {
     group: CartItemGroup;
     content: ReactNode;
-    children?: (props: ItemGroupProps) => ReactNode;
-}) => ReactNode;
+    children: (props: ItemGroupProps) => ReactNode;
+}) => React.ReactNode;
 export default ItemGroup;

package/dist/cjs/components/ItemGroup.js

@@ -1,19 +1,25 @@
 "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 react_1 = tslib_1.__importDefault(require("react"));
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
+var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
+var SuccessMessage_1 = tslib_1.__importDefault(require("./SuccessMessage"));
 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 config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemGroup;
     var modifierGroup = (0, utils_1.useModifierGroup)(group);
+    var renderErrorMessage = function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ui_1.ErrorMessage })); };
+    var renderSuccessMessage = function (icon, children) { return (react_1.default.createElement(SuccessMessage_1.default, { icon: icon, content: children, children: ui_1.SuccessMessage })); };
     return children({
         config: config,
         group: modifierGroup,
         children: content,
-        errorMessageConfig: errorMessageConfig,
-        successMessageConfig: successMessageConfig
+        renderErrorMessage: renderErrorMessage,
+        renderSuccessMessage: renderSuccessMessage
     });
 };
 exports.default = ItemGroup;

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

@@ -1,11 +1,12 @@
 import { CartItemGroups, CartLevels } from '@open-tender/types';
 import { Handlers, ItemGroupsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemGroups: ({ handlers, groups, levels, excludeSize, children }: {
+declare const ItemGroups: ({ handlers, groups, levels, excludeSize, children, apiUrl }: {
     handlers: Handlers;
     groups: CartItemGroups;
     levels: CartLevels;
     excludeSize?: boolean;
-    children?: (props: ItemGroupsProps) => ReactNode;
+    children: (props: ItemGroupsProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default ItemGroups;

package/dist/cjs/components/ItemGroups.js

@@ -8,9 +8,9 @@ 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, apiUrl = _a.apiUrl;
     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 renderItemOption = function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { apiUrl: apiUrl, 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 })); };
     if (!config)
         return null;

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

@@ -1,11 +1,12 @@
 import { CartItemGroup, CartItemOption, CartLevels } from '@open-tender/types';
 import { Handlers, ItemOptionProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const ItemOption: ({ handlers, group, option, levels, children }: {
+declare const ItemOption: ({ handlers, group, option, levels, children, apiUrl }: {
     handlers: Handlers;
     group: CartItemGroup;
     option: CartItemOption;
     levels: CartLevels;
-    children?: (props: ItemOptionProps) => ReactNode;
+    children: (props: ItemOptionProps) => ReactNode;
+    apiUrl: string;
 }) => ReactNode;
 export default ItemOption;