@open-tender/store 1.1.3 → 1.1.5

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

@@ -0,0 +1,8 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Card = function (_a) {
+    var children = _a.children, content = _a.content;
+    var config = useAppSelector(selectKioskConfig).card;
+    return children({ config: config, children: content });
+};
+export default Card;

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

@@ -0,0 +1,38 @@
+import { CartItem, CartUpsells } from '@open-tender/ui';
+import React, { useEffect } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { closeCartSummary, selectCartSummary, selectCartTotals, selectKioskConfig, selectOrder, toggleCartSummary } from '../slices';
+import { default as CartItemContainer } from './CartItem';
+import { default as CartUpsellsContainer } from './CartUpsells';
+var Cart = function (_a) {
+    var navigate = _a.navigate, children = _a.children;
+    var dispatch = useAppDispatch();
+    var config = useAppSelector(selectKioskConfig).cart;
+    var cart = useAppSelector(selectOrder).cart;
+    var _b = useAppSelector(selectCartTotals), count = _b.count, total = _b.total;
+    var isOpen = useAppSelector(selectCartSummary).isOpen;
+    var isEmpty = !cart.length;
+    var toggleCart = function () { return dispatch(toggleCartSummary()); };
+    var checkout = function () { return navigate('/checkout'); };
+    var handlers = { checkout: checkout, toggleCart: toggleCart };
+    useEffect(function () {
+        if (!isOpen || !isEmpty)
+            return;
+        dispatch(closeCartSummary());
+    }, [dispatch, isOpen, isEmpty]);
+    var renderCartItem = function (item, isLast) { return (React.createElement(CartItemContainer, { navigate: navigate, item: item, isLast: isLast, children: CartItem })); };
+    var renderCartUpsells = function () { return (React.createElement(CartUpsellsContainer, { children: CartUpsells })); };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        cart: cart,
+        count: count,
+        total: total,
+        isOpen: isOpen,
+        renderCartItem: renderCartItem,
+        renderCartUpsells: renderCartUpsells
+    });
+};
+export default Cart;

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

@@ -0,0 +1,28 @@
+import { Quantity } from '@open-tender/ui';
+import React from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { decrementItemInCart, incrementItemInCart, removeItemFromCart, selectKioskConfig, setCurrentItem } from '../slices';
+import { default as QuantityContainer } from './Quantity';
+var CartItem = function (_a) {
+    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, navigate = _a.navigate, children = _a.children;
+    var dispatch = useAppDispatch();
+    var config = useAppSelector(selectKioskConfig).cartItem;
+    var increment = function () { return dispatch(incrementItemInCart(item)); };
+    var decrement = function () { return dispatch(decrementItemInCart(item)); };
+    var remove = function () { return dispatch(removeItemFromCart(item)); };
+    var edit = function () {
+        dispatch(setCurrentItem(item));
+        navigate('/menu/item');
+    };
+    var handlers = { increment: increment, decrement: decrement, edit: edit, remove: remove };
+    var renderQuantity = function (quantity) { return (React.createElement(QuantityContainer, { fontSize: 24, iconSize: 28, quantity: quantity, increment: increment, decrement: decrement, children: Quantity })); };
+    return children({
+        item: item,
+        config: config,
+        handlers: handlers,
+        isLast: isLast,
+        isEditable: isEditable,
+        renderQuantity: renderQuantity
+    });
+};
+export default CartItem;

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

@@ -0,0 +1,22 @@
+import { hasGroupsBelowMin, useBuilder } from '@open-tender/utils';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { addItemToCart, selectKioskConfig } from '../slices';
+var CartUpsellItem = function (_a) {
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(selectKioskConfig), config = _b.cartUpsellItem, cardConfig = _b.card;
+    var builtItem = useBuilder(item).item;
+    var quantity = builtItem.quantity, groups = builtItem.groups;
+    var groupsBelowMin = hasGroupsBelowMin(null, groups);
+    var isIncomplete = "".concat(quantity) === '' || quantity === 0 || groupsBelowMin;
+    var add = function () {
+        if (!isIncomplete) {
+            dispatch(addItemToCart(builtItem));
+            if (callback)
+                callback();
+        }
+    };
+    var handlers = { add: add };
+    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig });
+};
+export default CartUpsellItem;

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

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

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

@@ -0,0 +1,25 @@
+import { __assign } from "tslib";
+import { makeOrderItem, rehydrateOrderItem, useOrderItem } from '@open-tender/utils';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectCartCounts, selectKioskConfig, selectMenu, setCurrentItem } from '../slices';
+var CategoryItem = function (_a) {
+    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, children = _a.children;
+    var dispatch = useAppDispatch();
+    var categoryItem = useAppSelector(selectKioskConfig).categoryItem;
+    var soldOut = useAppSelector(selectMenu).soldOut;
+    var cartCounts = useAppSelector(selectCartCounts);
+    var hasPoints = false;
+    var displaySettings = {};
+    var _b = displaySettings || {}, _c = _b.calories, showCals = _c === void 0 ? false : _c, _d = _b.tags, showTags = _d === void 0 ? false : _d, _e = _b.allergens, showAllergens = _e === void 0 ? false : _e;
+    var showDesc = 'SHOW';
+    var orderItem = favorite
+        ? __assign(__assign({}, rehydrateOrderItem(item, favorite.item)), { index: -1 }) : makeOrderItem(item, undefined, soldOut, undefined, hasPoints);
+    var cartItem = useOrderItem(orderItem, favorite, allergenAlerts, cartCounts, showCals, showTags, showAllergens, showDesc);
+    var browse = function () {
+        dispatch(setCurrentItem(cartItem));
+        navigate('/menu/item');
+    };
+    var handlers = { browse: browse };
+    return children({ item: cartItem, config: categoryItem, handlers: handlers });
+};
+export default CategoryItem;

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectCurrentSection, selectKioskConfig, setCurrentCategory } from '../slices';
+var CategoryNavOther = function (_a) {
+    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
+    var currentSection = useAppSelector(selectCurrentSection);
+    var isCurrent = path === currentSection;
+    var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
+    var browse = function () {
+        dispatch(setCurrentCategory(null));
+        navigate(path);
+    };
+    var handlers = { browse: browse };
+    return children({ config: config, handlers: handlers, title: title, imageUrl: null });
+};
+export default CategoryNavOther;

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

@@ -0,0 +1,8 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var CheckTotals = function (_a) {
+    var check = _a.check, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).checkTotals;
+    return children({ config: config, check: check });
+};
+export default CheckTotals;

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

@@ -0,0 +1,10 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Discount = function (_a) {
+    var discount = _a.discount, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.discount, cardConfig = _b.card;
+    if (!config)
+        return null;
+    return children({ config: config, discount: discount, cardConfig: cardConfig });
+};
+export default Discount;

package/dist/esm/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/esm/components/ErrorMessage.js

@@ -0,0 +1,8 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var ErrorMessage = function (_a) {
+    var content = _a.content, icon = _a.icon, style = _a.style, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).errorMessage;
+    return children({ config: config, icon: icon, style: style, children: content });
+};
+export default ErrorMessage;

package/dist/esm/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/esm/components/Header.js

@@ -0,0 +1,23 @@
+import { SignInButton } from '@open-tender/ui';
+import React from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, toggleSidebar } from '../slices';
+import { default as SignInButtonContainer } from './SignInButton';
+var Header = function (_a) {
+    var to = _a.to, pathname = _a.pathname, navigate = _a.navigate, children = _a.children;
+    var dispatch = useAppDispatch();
+    var header = (useAppSelector(selectKioskConfig) || {}).header;
+    var back = function () {
+        if (to)
+            navigate(to);
+    };
+    var open = function () {
+        dispatch(toggleSidebar());
+    };
+    var handlers = to ? { back: back, open: open } : null;
+    var renderSignInButton = function () { return (React.createElement(SignInButtonContainer, { pathname: pathname, navigate: navigate, children: SignInButton })); };
+    if (!header)
+        return null;
+    return children({ config: header, handlers: handlers, renderSignInButton: renderSignInButton });
+};
+export default Header;

package/dist/esm/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/esm/components/Ingredients.js

@@ -0,0 +1,9 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Ingredients = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, ingredients = _a.ingredients, close = _a.close, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).ingredients;
+    var handlers = { close: close };
+    return children({ config: config, handlers: handlers, title: title, subtitle: subtitle, ingredients: ingredients });
+};
+export default Ingredients;

package/dist/esm/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/esm/components/Input.js

@@ -0,0 +1,20 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../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 = useAppSelector(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
+    });
+};
+export default Input;

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

package/dist/esm/components/ItemGroup.js

@@ -0,0 +1,16 @@
+import { useModifierGroup } from '@open-tender/utils';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var ItemGroup = function (_a) {
+    var group = _a.group, content = _a.content, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.itemGroup, errorMessageConfig = _b.errorMessage, successMessageConfig = _b.successMessage;
+    var modifierGroup = useModifierGroup(group);
+    return children({
+        config: config,
+        group: modifierGroup,
+        children: content,
+        errorMessageConfig: errorMessageConfig,
+        successMessageConfig: successMessageConfig
+    });
+};
+export default ItemGroup;

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

@@ -0,0 +1,11 @@
+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 }: {
+    handlers: Handlers;
+    groups: CartItemGroups;
+    levels: CartLevels;
+    excludeSize?: boolean;
+    children: (props: ItemGroupsProps) => ReactNode;
+}) => React.ReactNode;
+export default ItemGroups;

package/dist/esm/components/ItemGroups.js

@@ -0,0 +1,22 @@
+import { ItemOption, ItemGroup } from '@open-tender/ui';
+import React from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as ItemGroupContainer } from './ItemGroup';
+import { default as ItemOptionContainer } from './ItemOption';
+var ItemGroups = function (_a) {
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).itemGroups;
+    var renderItemOption = function (group, option) { return (React.createElement(ItemOptionContainer, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOption })); };
+    var renderItemGroup = function (group, content) { return (React.createElement(ItemGroupContainer, { group: group, content: content, children: ItemGroup })); };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        groups: groups,
+        excludeSize: excludeSize,
+        renderItemOption: renderItemOption,
+        renderItemGroup: renderItemGroup
+    });
+};
+export default ItemGroups;

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

@@ -0,0 +1,11 @@
+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 }: {
+    handlers: Handlers;
+    group: CartItemGroup;
+    option: CartItemOption;
+    levels: CartLevels;
+    children: (props: ItemOptionProps) => ReactNode;
+}) => ReactNode;
+export default ItemOption;

package/dist/esm/components/ItemOption.js

@@ -0,0 +1,28 @@
+import { useModifier } from '@open-tender/utils';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, setCurrentOption } from '../slices';
+var ItemOption = function (_a) {
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(selectKioskConfig), config = _b.itemOption, cardConfig = _b.card;
+    var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
+    var allergenAlerts = [];
+    var modifier = useModifier(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);
+    var showNested = function () {
+        // dispatch(setCurrentOption(modifier))
+        var currentOption = {
+            groupId: group.id,
+            optionId: option.id,
+            levels: modifier.updatedLevels
+        };
+        dispatch(setCurrentOption(currentOption));
+    };
+    return children({
+        config: config,
+        handlers: { showNested: showNested },
+        group: group,
+        option: modifier,
+        cardConfig: cardConfig
+    });
+};
+export default ItemOption;

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

@@ -0,0 +1,11 @@
+import { CartItemGroups, CartLevels } from '@open-tender/types';
+import { Handlers, ItemSelectionsProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const ItemSelections: ({ handlers, groups, levels, isIncomplete, children }: {
+    handlers: Handlers;
+    groups: CartItemGroups;
+    levels: CartLevels;
+    isIncomplete: boolean;
+    children: (props: ItemSelectionsProps) => ReactNode;
+}) => React.ReactNode;
+export default ItemSelections;

package/dist/esm/components/ItemSelections.js

@@ -0,0 +1,20 @@
+import { ErrorMessage, ItemOption } from '@open-tender/ui';
+import React from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as ErrorMessageContainer } from './ErrorMessage';
+import { default as ItemOptionContainer } from './ItemOption';
+var ItemSelections = function (_a) {
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).itemSelections;
+    var renderErrorMessage = function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessage })); };
+    var renderItemOption = function (group, option) { return (React.createElement(ItemOptionContainer, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOption })); };
+    return children({
+        config: config,
+        groups: groups,
+        isIncomplete: isIncomplete,
+        renderErrorMessage: renderErrorMessage,
+        renderItemOption: renderItemOption
+    });
+};
+export default ItemSelections;

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

@@ -0,0 +1,10 @@
+import { LabelProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Label: ({ content, label, isRequired, style, children }: {
+    content: ReactNode;
+    label?: string;
+    isRequired?: boolean;
+    style?: Styles;
+    children: (props: LabelProps) => ReactNode;
+}) => ReactNode;
+export default Label;

package/dist/esm/components/Label.js

@@ -0,0 +1,8 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Label = function (_a) {
+    var content = _a.content, label = _a.label, isRequired = _a.isRequired, style = _a.style, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).label;
+    return children({ config: config, label: label, isRequired: isRequired, style: style, children: content });
+};
+export default Label;

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

@@ -0,0 +1,8 @@
+import { LoaderProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Loader: ({ text, style, children }: {
+    text?: string;
+    style?: Styles;
+    children: (props: LoaderProps) => ReactNode;
+}) => ReactNode;
+export default Loader;