@open-tender/store 1.1.3 → 1.1.5

package/LICENSE.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Open Tender Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2020 Open Tender Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,3 @@
-# Open Tender Store
-
-A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API.
+# Open Tender Store
+
+A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API.

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

@@ -0,0 +1,8 @@
+import { Allergen as AllergenType } from '@open-tender/types';
+import { AllergenProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Allergen: ({ allergen, children }: {
+    allergen: AllergenType;
+    children: (props: AllergenProps) => ReactNode;
+}) => ReactNode;
+export default Allergen;

package/dist/cjs/components/Allergen.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Allergen = function (_a) {
+    var allergen = _a.allergen, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).allergen;
+    return children({ config: config, allergen: allergen });
+};
+exports.default = Allergen;

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

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

package/dist/cjs/components/Applied.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Applied = function (_a) {
+    var children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).applied;
+    return children({ config: config });
+};
+exports.default = Applied;

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

@@ -0,0 +1,9 @@
+import { ButtonLinkProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const ButtonLink: ({ onClick, label, children, style }: {
+    onClick: () => void;
+    label: string;
+    children: (props: ButtonLinkProps) => ReactNode;
+    style?: Styles;
+}) => ReactNode;
+export default ButtonLink;

package/dist/cjs/components/ButtonLink.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var ButtonLink = function (_a) {
+    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 });
+};
+exports.default = ButtonLink;

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

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

package/dist/cjs/components/Card.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Card = function (_a) {
+    var children = _a.children, content = _a.content;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).card;
+    return children({ config: config, children: content });
+};
+exports.default = Card;

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

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

package/dist/cjs/components/Cart.js

@@ -0,0 +1,41 @@
+"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.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+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, 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 _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)()); };
+    var checkout = function () { return navigate('/checkout'); };
+    var handlers = { checkout: checkout, toggleCart: toggleCart };
+    (0, react_1.useEffect)(function () {
+        if (!isOpen || !isEmpty)
+            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 })); };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        cart: cart,
+        count: count,
+        total: total,
+        isOpen: isOpen,
+        renderCartItem: renderCartItem,
+        renderCartUpsells: renderCartUpsells
+    });
+};
+exports.default = Cart;

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

@@ -0,0 +1,11 @@
+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 }: {
+    item: CartItemType;
+    isLast?: boolean;
+    isEditable?: boolean;
+    navigate: (route: string) => void;
+    children: (props: CartItemProps) => ReactNode;
+}) => React.ReactNode;
+export default CartItem;

package/dist/cjs/components/CartItem.js

@@ -0,0 +1,31 @@
+"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 hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Quantity_1 = tslib_1.__importDefault(require("./Quantity"));
+var CartItem = function (_a) {
+    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, navigate = _a.navigate, children = _a.children;
+    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)); };
+    var decrement = function () { return dispatch((0, slices_1.decrementItemInCart)(item)); };
+    var remove = function () { return dispatch((0, slices_1.removeItemFromCart)(item)); };
+    var edit = function () {
+        dispatch((0, slices_1.setCurrentItem)(item));
+        navigate('/menu/item');
+    };
+    var handlers = { increment: increment, decrement: decrement, edit: edit, remove: remove };
+    var renderQuantity = function (quantity) { return (react_1.default.createElement(Quantity_1.default, { fontSize: 24, iconSize: 28, quantity: quantity, increment: increment, decrement: decrement, children: ui_1.Quantity })); };
+    return children({
+        item: item,
+        config: config,
+        handlers: handlers,
+        isLast: isLast,
+        isEditable: isEditable,
+        renderQuantity: renderQuantity
+    });
+};
+exports.default = CartItem;

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

@@ -0,0 +1,10 @@
+import { CartItem } from '@open-tender/types';
+import { CartUpsellItemProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CartUpsellItem: ({ item, callback, isLast, children }: {
+    item: CartItem;
+    callback?: () => void;
+    isLast?: boolean;
+    children: (props: CartUpsellItemProps) => ReactNode;
+}) => ReactNode;
+export default CartUpsellItem;

package/dist/cjs/components/CartUpsellItem.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    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);
+    var isIncomplete = "".concat(quantity) === '' || quantity === 0 || groupsBelowMin;
+    var add = function () {
+        if (!isIncomplete) {
+            dispatch((0, slices_1.addItemToCart)(builtItem));
+            if (callback)
+                callback();
+        }
+    };
+    var handlers = { add: add };
+    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig });
+};
+exports.default = CartUpsellItem;

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

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

package/dist/cjs/components/CartUpsells.js

@@ -0,0 +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.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CartUpsellItem_1 = tslib_1.__importDefault(require("./CartUpsellItem"));
+var CartUpsells = function (_a) {
+    var children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartUpsells;
+    var cartIds = (0, hooks_1.useAppSelector)(slices_1.selectCartIds);
+    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)
+        return null;
+    return children({
+        config: config,
+        upsellItems: upsellItems.slice(0, 5),
+        renderCartUpsellItem: renderCartUpsellItem
+    });
+};
+exports.default = CartUpsells;

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

@@ -0,0 +1,11 @@
+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 }: {
+    item: MenuItem;
+    favorite?: MenuItemFavorite;
+    allergenAlerts?: string[];
+    navigate: (route: string) => void;
+    children: (props: CategoryItemProps) => ReactNode;
+}) => ReactNode;
+export default CategoryItem;

package/dist/cjs/components/CategoryItem.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+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, 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 _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);
+    var cartItem = (0, utils_1.useOrderItem)(orderItem, favorite, allergenAlerts, cartCounts, showCals, showTags, showAllergens, showDesc);
+    var browse = function () {
+        dispatch((0, slices_1.setCurrentItem)(cartItem));
+        navigate('/menu/item');
+    };
+    var handlers = { browse: browse };
+    return children({ item: cartItem, config: categoryItem, handlers: handlers });
+};
+exports.default = CategoryItem;

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

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

package/dist/cjs/components/CategoryNav.js

@@ -0,0 +1,26 @@
+"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 hooks_1 = require("../app/hooks");
+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 children = _a.children, navigate = _a.navigate;
+    var categoryNav = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryNav;
+    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({
+        config: categoryNav,
+        categories: categories,
+        featured: featured,
+        favorites: favorites,
+        recents: recents,
+        renderCategoryNavOther: renderCategoryNavOther,
+        renderCategoryNavItem: renderCategoryNavItem
+    });
+};
+exports.default = CategoryNav;

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

@@ -0,0 +1,9 @@
+import { MenuCategory } from '@open-tender/types';
+import { CategoryNavItemProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CategoryNavItem: ({ category, children, navigate }: {
+    category: MenuCategory;
+    navigate: (route: string) => void;
+    children: (props: CategoryNavItemProps) => ReactNode;
+}) => ReactNode;
+export default CategoryNavItem;

package/dist/cjs/components/CategoryNavItem.js

@@ -0,0 +1,27 @@
+"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 CategoryNavItem = function (_a) {
+    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 _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);
+    var browse = function () {
+        dispatch((0, slices_1.setCurrentCategory)(category));
+        navigate('/menu/category');
+    };
+    var handlers = { browse: browse };
+    return children({
+        config: config,
+        handlers: handlers,
+        title: name,
+        imageUrl: imageUrl
+    });
+};
+exports.default = CategoryNavItem;

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

@@ -0,0 +1,9 @@
+import { CategoryNavOtherProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CategoryNavOther: ({ title, path, navigate, children }: {
+    title: string;
+    path: string;
+    navigate: (route: string) => void;
+    children: (props: CategoryNavOtherProps) => ReactNode;
+}) => ReactNode;
+export default CategoryNavOther;

package/dist/cjs/components/CategoryNavOther.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    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;
+    var browse = function () {
+        dispatch((0, slices_1.setCurrentCategory)(null));
+        navigate(path);
+    };
+    var handlers = { browse: browse };
+    return children({ config: config, handlers: handlers, title: title, imageUrl: null });
+};
+exports.default = CategoryNavOther;

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

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

package/dist/cjs/components/CheckTotals.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CheckTotals = function (_a) {
+    var check = _a.check, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkTotals;
+    return children({ config: config, check: check });
+};
+exports.default = CheckTotals;

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

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

package/dist/cjs/components/Discount.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Discount = function (_a) {
+    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 });
+};
+exports.default = Discount;

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

@@ -0,0 +1,9 @@
+import { ErrorMessageProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const ErrorMessage: ({ content, icon, style, children }: {
+    content: string;
+    icon?: ReactNode;
+    style?: Styles;
+    children: (props: ErrorMessageProps) => ReactNode;
+}) => ReactNode;
+export default ErrorMessage;

package/dist/cjs/components/ErrorMessage.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).errorMessage;
+    return children({ config: config, icon: icon, style: style, children: content });
+};
+exports.default = ErrorMessage;

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

@@ -0,0 +1,9 @@
+import { HeaderProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const Header: ({ to, pathname, navigate, children }: {
+    to?: string;
+    pathname: string;
+    navigate: (route: string) => void;
+    children: (props: HeaderProps) => ReactNode;
+}) => React.ReactNode;
+export default Header;

package/dist/cjs/components/Header.js

@@ -0,0 +1,26 @@
+"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 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, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var header = ((0, hooks_1.useAppSelector)(slices_1.selectKioskConfig) || {}).header;
+    var back = function () {
+        if (to)
+            navigate(to);
+    };
+    var open = function () {
+        dispatch((0, slices_1.toggleSidebar)());
+    };
+    var handlers = to ? { back: back, open: open } : null;
+    var renderSignInButton = function () { return (react_1.default.createElement(SignInButton_1.default, { pathname: pathname, navigate: navigate, children: ui_1.SignInButton })); };
+    if (!header)
+        return null;
+    return children({ config: header, handlers: handlers, renderSignInButton: renderSignInButton });
+};
+exports.default = Header;

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

@@ -0,0 +1,10 @@
+import { IngredientsProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Ingredients: ({ title, subtitle, ingredients, close, children }: {
+    title: string;
+    subtitle?: string;
+    ingredients: string;
+    close: () => void;
+    children: (props: IngredientsProps) => ReactNode;
+}) => ReactNode;
+export default Ingredients;

package/dist/cjs/components/Ingredients.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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, 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 });
+};
+exports.default = Ingredients;

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

@@ -0,0 +1,11 @@
+import { InputProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Input: ({ label, value, setValue, isRequired, style, children }: {
+    label?: string;
+    value: string;
+    setValue: (value: string) => void;
+    isRequired?: boolean;
+    style?: Styles;
+    children: (props: InputProps) => ReactNode;
+}) => ReactNode;
+export default Input;

package/dist/cjs/components/Input.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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, 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);
+    };
+    var handlers = { update: update };
+    return children({
+        config: config,
+        handlers: handlers,
+        label: label,
+        value: value,
+        isRequired: isRequired,
+        style: style,
+        labelConfig: labelConfig
+    });
+};
+exports.default = Input;

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

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