@open-tender/store 1.1.4 → 1.1.6

package/dist/esm/components/CategoryItem.js

@@ -0,0 +1,26 @@
+import { __assign } from "tslib";
+import { CategoryItem as CategoryItemView } from '@open-tender/ui';
+import { makeOrderItem, rehydrateOrderItem, useOrderItem } from '@open-tender/utils';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectCartCounts, selectKioskConfig, selectMenu, setCurrentItem } from '../slices';
+var CategoryItem = function (_a) {
+    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? CategoryItemView : _b;
+    var dispatch = useAppDispatch();
+    var categoryItem = useAppSelector(selectKioskConfig).categoryItem;
+    var soldOut = useAppSelector(selectMenu).soldOut;
+    var cartCounts = useAppSelector(selectCartCounts);
+    var hasPoints = false;
+    var displaySettings = {};
+    var _c = displaySettings || {}, _d = _c.calories, showCals = _d === void 0 ? false : _d, _e = _c.tags, showTags = _e === void 0 ? false : _e, _f = _c.allergens, showAllergens = _f === void 0 ? false : _f;
+    var showDesc = 'SHOW';
+    var orderItem = favorite
+        ? __assign(__assign({}, rehydrateOrderItem(item, favorite.item)), { index: -1 }) : makeOrderItem(item, undefined, soldOut, undefined, hasPoints);
+    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, CategoryNav as CategoryNavView } from '@open-tender/ui';
+import React from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectMenu } from '../slices';
+import { default as CategoryNavItemContainer } from './CategoryNavItem';
+import { default as CategoryNavOtherContainer } from './CategoryNavOther';
+var CategoryNav = function (_a) {
+    var _b = _a.children, children = _b === void 0 ? CategoryNavView : _b, navigate = _a.navigate;
+    var categoryNav = useAppSelector(selectKioskConfig).categoryNav;
+    var _c = useAppSelector(selectMenu), categories = _c.categories, featured = _c.featured, favorites = _c.favorites, recents = _c.recents;
+    var renderCategoryNavOther = function (title, path) { return (React.createElement(CategoryNavOtherContainer, { navigate: navigate, title: title, path: path, children: CategoryNavOther })); };
+    var renderCategoryNavItem = function (item) { return (React.createElement(CategoryNavItemContainer, { navigate: navigate, category: item, children: CategoryNavItem })); };
+    return children({
+        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, CategoryNavItem as CategoryNavItemView } from '@open-tender/ui';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectCurrentCategory, selectKioskConfig, setCurrentCategory } from '../slices';
+var CategoryNavItem = function (_a) {
+    var category = _a.category, _b = _a.children, children = _b === void 0 ? CategoryNavItemView : _b, navigate = _a.navigate;
+    var dispatch = useAppDispatch();
+    var current = useAppSelector(selectCurrentCategory);
+    var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
+    var _c = useAppSelector(selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.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,18 @@
+import { CategoryNavOther as CategoryNavOtherView } from '@open-tender/ui';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectCurrentSection, selectKioskConfig, setCurrentCategory } from '../slices';
+var CategoryNavOther = function (_a) {
+    var title = _a.title, path = _a.path, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? CategoryNavOtherView : _b;
+    var dispatch = useAppDispatch();
+    var _c = useAppSelector(selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.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,9 @@
+import { CheckTotals as CheckTotalsView } from '@open-tender/ui';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var CheckTotals = function (_a) {
+    var check = _a.check, _b = _a.children, children = _b === void 0 ? CheckTotalsView : _b;
+    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,11 @@
+import { Discount as DiscountView } from '@open-tender/ui';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Discount = function (_a) {
+    var discount = _a.discount, _b = _a.children, children = _b === void 0 ? DiscountView : _b;
+    var _c = useAppSelector(selectKioskConfig), config = _c.discount, cardConfig = _c.card;
+    if (!config)
+        return null;
+    return children({ config: config, discount: discount, cardConfig: cardConfig });
+};
+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,9 @@
+import { ErrorMessage as ErrorMessageView } from '@open-tender/ui';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var ErrorMessage = function (_a) {
+    var content = _a.content, icon = _a.icon, style = _a.style, _b = _a.children, children = _b === void 0 ? ErrorMessageView : _b;
+    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, Header as HeaderView } 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, _b = _a.children, children = _b === void 0 ? HeaderView : _b;
+    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,10 @@
+import { Ingredients as IngredientsView } from '@open-tender/ui';
+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, _b = _a.children, children = _b === void 0 ? IngredientsView : _b;
+    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,21 @@
+import { Input as InputView } from '@open-tender/ui';
+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, _b = _a.children, children = _b === void 0 ? InputView : _b;
+    var _c = useAppSelector(selectKioskConfig), config = _c.input, labelConfig = _c.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,17 @@
+import { ItemGroup as ItemGroupView } from '@open-tender/ui';
+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, _b = _a.children, children = _b === void 0 ? ItemGroupView : _b;
+    var _c = useAppSelector(selectKioskConfig), config = _c.itemGroup, errorMessageConfig = _c.errorMessage, successMessageConfig = _c.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, ItemGroups as ItemGroupsView } 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, _c = _a.children, children = _c === void 0 ? ItemGroupsView : _c;
+    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,29 @@
+import { ItemOption as ItemOptionView } from '@open-tender/ui';
+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, _b = _a.children, children = _b === void 0 ? ItemOptionView : _b;
+    var dispatch = useAppDispatch();
+    var _c = useAppSelector(selectKioskConfig), config = _c.itemOption, cardConfig = _c.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, ItemSelections as ItemSelectionsView } 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, _b = _a.children, children = _b === void 0 ? ItemSelectionsView : _b;
+    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,9 @@
+import { Label as LabelView } from '@open-tender/ui';
+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, _b = _a.children, children = _b === void 0 ? LabelView : _b;
+    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;

package/dist/esm/components/Loader.js

@@ -0,0 +1,9 @@
+import { Loader as LoaderView } from '@open-tender/ui';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Loader = function (_a) {
+    var text = _a.text, style = _a.style, _b = _a.children, children = _b === void 0 ? LoaderView : _b;
+    var config = useAppSelector(selectKioskConfig).loader;
+    return children({ config: config, text: text, style: style });
+};
+export default Loader;

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

@@ -0,0 +1,14 @@
+import { MadeForNotesProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const MadeForNotes: ({ subtitle, hasMadeFor, madeFor, setMadeFor, hasNotes, notes, setNotes, close, children }: {
+    subtitle: string;
+    hasMadeFor: boolean;
+    madeFor: string | null;
+    setMadeFor: (madeFor: string) => void;
+    hasNotes: boolean;
+    notes: string | null;
+    setNotes: (notes: string) => void;
+    close: () => void;
+    children?: (props: MadeForNotesProps) => ReactNode;
+}) => React.ReactNode;
+export default MadeForNotes;

package/dist/esm/components/MadeForNotes.js

@@ -0,0 +1,26 @@
+import { Input, MadeForNotes as MadeForNotesView } from '@open-tender/ui';
+import React from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as InputContainer } from './Input';
+import { default as TextAreaContainer } from './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 ? MadeForNotesView : _b;
+    var _c = useAppSelector(selectKioskConfig), config = _c.madeForNotes, modalContentConfig = _c.modalContent;
+    var handlers = { submit: close };
+    var renderInput = function (label, value, isRequired, style) { return (React.createElement(InputContainer, { label: label, setValue: setMadeFor, value: value, isRequired: isRequired, style: style, children: Input })); };
+    var renderTextArea = function (label, value, isRequired, style) { return (React.createElement(TextAreaContainer, { label: label, setValue: setNotes, value: value, isRequired: isRequired, style: style, children: Input })); };
+    return children({
+        config: config,
+        handlers: handlers,
+        subtitle: subtitle,
+        hasMadeFor: hasMadeFor,
+        madeFor: madeFor,
+        hasNotes: hasNotes,
+        notes: notes,
+        modalContentConfig: modalContentConfig,
+        renderInput: renderInput,
+        renderTextArea: renderTextArea
+    });
+};
+export default MadeForNotes;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import { MenuCategory as MenuCategoryType } from '@open-tender/types';
 import { MenuCategoryProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
 declare const MenuCategory: ({ category, navigate, children }: {
     category: MenuCategoryType;
     navigate: (route: string) => void;
-    children: (props: MenuCategoryProps) => React.ReactNode;
-}) => import("react").ReactNode;
+    children?: (props: MenuCategoryProps) => ReactNode;
+}) => ReactNode;
 export default MenuCategory;

package/dist/esm/components/MenuCategory.js

@@ -1,8 +1,9 @@
-import { useKioskImageUrl } from '../hooks';
+import { MenuCategory as MenuCategoryView } from '@open-tender/ui';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { useKioskImageUrl } from '../hooks';
 import { selectKioskConfig, setCurrentCategory } from '../slices';
 var MenuCategory = function (_a) {
-    var category = _a.category, navigate = _a.navigate, children = _a.children;
+    var category = _a.category, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? MenuCategoryView : _b;
     var dispatch = useAppDispatch();
     var config = useAppSelector(selectKioskConfig).menuCategory;
     var imageUrl = useKioskImageUrl(category);

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

@@ -0,0 +1,12 @@
+import { MenuItem } from '@open-tender/types';
+import { MenuOtherProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const MenuOther: ({ title, subtitle, path, item, children, navigate }: {
+    title: string;
+    subtitle: string;
+    path: string;
+    item: MenuItem;
+    navigate: (route: string) => void;
+    children?: (props: MenuOtherProps) => ReactNode;
+}) => ReactNode;
+export default MenuOther;

package/dist/esm/components/MenuOther.js

@@ -0,0 +1,15 @@
+import { MenuOther as MenuOtherView } from '@open-tender/ui';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, setCurrentCategory } from '../slices';
+var MenuOther = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, path = _a.path, item = _a.item, _b = _a.children, children = _b === void 0 ? MenuOtherView : _b, navigate = _a.navigate;
+    var dispatch = useAppDispatch();
+    var menuCategory = useAppSelector(selectKioskConfig).menuCategory;
+    var browse = function () {
+        dispatch(setCurrentCategory(null));
+        navigate(path);
+    };
+    var handlers = { browse: browse };
+    return children({ config: menuCategory, handlers: handlers, title: title, subtitle: subtitle, item: item });
+};
+export default MenuOther;

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

@@ -0,0 +1,9 @@
+import { ModalProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const Modal: ({ show, close, content, children }: {
+    show: boolean;
+    close: () => void;
+    content: ReactNode;
+    children?: (props: ModalProps) => ReactNode;
+}) => React.JSX.Element | null;
+export default Modal;

package/dist/esm/components/Modal.js

@@ -0,0 +1,14 @@
+import { Modal as ModalView } from '@open-tender/ui';
+import React from 'react';
+import { CSSTransition, TransitionGroup } from 'react-transition-group';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Modal = function (_a) {
+    var show = _a.show, close = _a.close, content = _a.content, _b = _a.children, children = _b === void 0 ? ModalView : _b;
+    var config = useAppSelector(selectKioskConfig).modal;
+    var handlers = { close: close };
+    if (!config)
+        return null;
+    return (React.createElement(TransitionGroup, { component: null }, show ? (React.createElement(CSSTransition, { key: "modal", classNames: "md", timeout: { enter: 250, exit: 250 } }, children({ config: config, handlers: handlers, children: content }))) : null));
+};
+export default Modal;

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

@@ -0,0 +1,14 @@
+import { ModalContentProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const ModalContent: ({ title, subtitle, content, submit, submitText, cancel, cancelText, style, children }: {
+    title: string;
+    subtitle?: string | null;
+    content: ReactNode;
+    submit?: () => void;
+    submitText?: string;
+    cancel: () => void;
+    cancelText?: string;
+    style?: Styles;
+    children?: (props: ModalContentProps) => ReactNode;
+}) => ReactNode;
+export default ModalContent;

package/dist/esm/components/ModalContent.js

@@ -0,0 +1,19 @@
+import { ModalContent as ModalContentView } from '@open-tender/ui';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var ModalContent = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, content = _a.content, submit = _a.submit, submitText = _a.submitText, cancel = _a.cancel, cancelText = _a.cancelText, style = _a.style, _b = _a.children, children = _b === void 0 ? ModalContentView : _b;
+    var config = useAppSelector(selectKioskConfig).modalContent;
+    return children({
+        config: config,
+        title: title,
+        subtitle: subtitle,
+        children: content,
+        submit: submit,
+        submitText: submitText,
+        cancel: cancel,
+        cancelText: cancelText,
+        style: style
+    });
+};
+export default ModalContent;