@open-tender/store 1.1.67 → 1.1.69

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AccountSectionProps } from '@open-tender/ui';
+declare const AccountSection: ({ title, subtitle, path, hasMore, navigate, content, children }: {
+    title: string;
+    subtitle?: string;
+    path: string;
+    hasMore: boolean;
+    navigate: (route: string) => void;
+    content: React.ReactNode;
+    children: (props: AccountSectionProps) => React.ReactNode;
+}) => import("react").ReactNode;
+export default AccountSection;

package/dist/cjs/components/AccountSection.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var AccountSection = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, path = _a.path, hasMore = _a.hasMore, navigate = _a.navigate, content = _a.content, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).accountSection;
+    var view = function () { return navigate(path); };
+    var handlers = { view: view };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        hasMore: hasMore,
+        title: title,
+        subtitle: subtitle,
+        children: content
+    });
+};
+exports.default = AccountSection;

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

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

package/dist/cjs/components/CheckoutContent.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 CheckoutContent = function (_a) {
+    var children = _a.children, content = _a.content;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutContent;
+    if (!config)
+        return null;
+    return children({ config: config, children: content });
+};
+exports.default = CheckoutContent;

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

@@ -0,0 +1,9 @@
+import { Handlers, CheckoutFooterProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CheckoutFooter: ({ handlers, backTitle, proceedTitle, children }: {
+    handlers: Handlers;
+    backTitle: string;
+    proceedTitle?: string;
+    children: (props: CheckoutFooterProps) => ReactNode;
+}) => ReactNode;
+export default CheckoutFooter;

package/dist/cjs/components/CheckoutFooter.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CheckoutFooter = function (_a) {
+    var handlers = _a.handlers, backTitle = _a.backTitle, proceedTitle = _a.proceedTitle, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutFooter;
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        backTitle: backTitle,
+        proceedTitle: proceedTitle
+    });
+};
+exports.default = CheckoutFooter;

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

@@ -0,0 +1,8 @@
+import { CheckoutHeaderProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CheckoutHeader: ({ title, subtitle, children }: {
+    title: string;
+    subtitle?: string | null;
+    children: (props: CheckoutHeaderProps) => ReactNode;
+}) => ReactNode;
+export default CheckoutHeader;

package/dist/cjs/components/CheckoutHeader.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CheckoutHeader = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutHeader;
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        title: title,
+        subtitle: subtitle
+    });
+};
+exports.default = CheckoutHeader;

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

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

package/dist/cjs/components/FavsButton.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var hooks_2 = require("../hooks");
+var slices_1 = require("../slices");
+var FavsButton = function (_a) {
+    var title = _a.title, path = _a.path, item = _a.item, navigate = _a.navigate, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).favsButton;
+    var imageUrl = (0, hooks_2.useKioskImageUrl)(item);
+    var browse = function () { return navigate(path); };
+    var handlers = { browse: browse };
+    return children({
+        config: config,
+        handlers: handlers,
+        title: title,
+        imageUrl: imageUrl
+    });
+};
+exports.default = FavsButton;

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

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

package/dist/cjs/components/InputButton.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var InputButton = function (_a) {
+    var label = _a.label, value = _a.value, open = _a.open, isRequired = _a.isRequired, style = _a.style, labelStyle = _a.labelStyle, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.inputButton, labelConfig = _b.label;
+    var handlers = { open: open };
+    return children({
+        config: config,
+        labelConfig: labelConfig,
+        handlers: handlers,
+        label: label,
+        value: value,
+        isRequired: isRequired,
+        style: style,
+        labelStyle: labelStyle
+    });
+};
+exports.default = InputButton;

package/dist/cjs/components/ItemOption.js

@@ -6,7 +6,7 @@ var slices_1 = require("../slices");
 var ItemOption = function (_a) {
     var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.itemOption, cardConfig = _b.card;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemOption;
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];
     var modifier = (0, utils_1.useModifier)(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);
@@ -19,14 +19,13 @@ var ItemOption = function (_a) {
         };
         dispatch((0, slices_1.setCurrentOption)(currentOption));
     };
-    if (!config || !cardConfig)
+    if (!config)
         return null;
     return children({
         config: config,
         handlers: { showNested: showNested },
         group: group,
         option: modifier,
-        cardConfig: cardConfig,
         apiUrl: apiUrl
     });
 };

package/dist/cjs/components/ItemOptionSelected.js

@@ -6,7 +6,7 @@ var slices_1 = require("../slices");
 var ItemOptionSelected = function (_a) {
     var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.itemOptionSelected, cardConfig = _b.card;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemOptionSelected;
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];
     var modifier = (0, utils_1.useModifier)(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);
@@ -19,14 +19,13 @@ var ItemOptionSelected = function (_a) {
         };
         dispatch((0, slices_1.setCurrentOption)(currentOption));
     };
-    if (!config || !cardConfig)
+    if (!config)
         return null;
     return children({
         config: config,
         handlers: { showNested: showNested },
         group: group,
         option: modifier,
-        cardConfig: cardConfig,
         apiUrl: apiUrl
     });
 };

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

@@ -0,0 +1,9 @@
+import { CartItemGroup } from '@open-tender/types';
+import { ItemSizeProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const ItemSize: ({ sizeGroup, toggleSize, children }: {
+    sizeGroup?: CartItemGroup | null;
+    toggleSize: (optionId: number) => void;
+    children: (props: ItemSizeProps) => ReactNode;
+}) => ReactNode;
+export default ItemSize;

package/dist/cjs/components/ItemSize.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var ItemSize = function (_a) {
+    var _b;
+    var sizeGroup = _a.sizeGroup, toggleSize = _a.toggleSize, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemSize;
+    var appliedOption = (_b = sizeGroup === null || sizeGroup === void 0 ? void 0 : sizeGroup.options) === null || _b === void 0 ? void 0 : _b.find(function (i) { return i.quantity > 0; });
+    var appliedId = (appliedOption === null || appliedOption === void 0 ? void 0 : appliedOption.id) || null;
+    var handlers = { toggleSize: toggleSize };
+    if (!config || !sizeGroup)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        sizeGroup: sizeGroup,
+        appliedId: appliedId
+    });
+};
+exports.default = ItemSize;

package/dist/cjs/components/OrderCard.js

@@ -11,10 +11,10 @@ var OrderCard = function (_a) {
     var dispatch = (0, hooks_1.useAppDispatch)();
     var _b = (0, react_1.useState)(null), errMsg = _b[0], setErrMsg = _b[1];
     var _c = (0, react_1.useState)(false), isReordering = _c[0], setIsReordering = _c[1];
-    var _d = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _d.orderCard, cardConfig = _d.card;
-    var _e = (0, hooks_1.useAppSelector)(slices_1.selectOrder), loading = _e.loading, error = _e.error;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).orderCard;
+    var _d = (0, hooks_1.useAppSelector)(slices_1.selectOrder), loading = _d.loading, error = _d.error;
     var isLoading = loading === 'pending';
-    var _f = (0, hooks_2.useOrder)(order), itemImages = _f.itemImages, itemNames = _f.itemNames, orderNo = _f.orderNo, title = _f.title, subtitle = _f.subtitle;
+    var _e = (0, hooks_2.useOrder)(order), itemImages = _e.itemImages, itemNames = _e.itemNames, orderNo = _e.orderNo, title = _e.title, subtitle = _e.subtitle;
     var view = function () {
         dispatch((0, slices_1.openModal)({ type: 'ORDER_DETAILS', args: { order: order } }));
     };
@@ -43,7 +43,6 @@ var OrderCard = function (_a) {
         handlers: handlers,
         isReordering: isReordering,
         errMsg: errMsg,
-        cardConfig: cardConfig,
         subtitle: subtitle,
         title: title,
         orderNo: orderNo,

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

@@ -1,9 +1,6 @@
-import { KioskSignInType } from '@open-tender/types';
 import { SignInCheckoutProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const SignInCheckout: ({ setSignInType, navigate, children }: {
-    setSignInType: (signInType: KioskSignInType) => void;
-    navigate: (route: string) => void;
+declare const SignInCheckout: ({ children }: {
     children: (props: SignInCheckoutProps) => ReactNode;
 }) => ReactNode;
 export default SignInCheckout;

package/dist/cjs/components/SignInCheckout.js

@@ -13,19 +13,20 @@ var endpoints = [
     'REWARDS'
 ];
 var SignInCheckout = function (_a) {
-    var setSignInType = _a.setSignInType, navigate = _a.navigate, children = _a.children;
+    var children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).signInCheckout;
     var customer = (0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentified);
     var customerId = ((customer === null || customer === void 0 ? void 0 : customer.customer) || {}).customer_id;
+    var signIn = function () {
+        dispatch((0, slices_1.openModal)({ type: 'SIGN_IN' }));
+    };
     var signOut = function () {
         dispatch((0, slices_1.resetCustomerIdentify)());
         dispatch((0, slices_1.resetCustomer)());
         dispatch((0, slices_1.resetMenu)());
-        setSignInType(null);
     };
-    var goToAccount = function () { return navigate('/account'); };
-    var handlers = { setSignInType: setSignInType, goToAccount: goToAccount, signOut: signOut };
+    var handlers = { signIn: signIn, signOut: signOut };
     (0, react_1.useEffect)(function () {
         if (customerId) {
             dispatch((0, slices_1.fetchCustomer)({ customerId: customerId, endpoints: endpoints }));
@@ -33,6 +34,10 @@ var SignInCheckout = function (_a) {
     }, [dispatch, customerId]);
     if (!config)
         return null;
-    return children({ config: config, handlers: handlers, customer: customer });
+    return children({
+        config: config,
+        handlers: handlers,
+        customer: customer
+    });
 };
 exports.default = SignInCheckout;

package/dist/cjs/components/SignInOptions.js

@@ -8,8 +8,8 @@ var SignInPhone_1 = tslib_1.__importDefault(require("./SignInPhone"));
 var SignInQr_1 = tslib_1.__importDefault(require("./SignInQr"));
 var SignInOptions = function (_a) {
     var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
-    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
-    var _c = (0, react_1.useState)(null), signInType = _c[0], setSignInType = _c[1];
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).signInOptions;
+    var _b = (0, react_1.useState)(null), signInType = _b[0], setSignInType = _b[1];
     var terminal = (0, hooks_1.useAppSelector)(slices_1.selectKioskTerminal);
     // @ts-ignore
     // TODO: fix typescript errors
@@ -23,7 +23,6 @@ var SignInOptions = function (_a) {
         config: config,
         handlers: handlers,
         signInType: signInType,
-        modalContentConfig: modalContentConfig,
         renderSignInQr: renderSignInQr,
         renderSignInPhone: renderSignInPhone
     });

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

@@ -10,18 +10,24 @@ import CategoryNav from './CategoryNav';
 import CategoryNavItem from './CategoryNavItem';
 import CategoryNavOther from './CategoryNavOther';
 import CheckoutCart from './CheckoutCart';
+import CheckoutContent from './CheckoutContent';
+import CheckoutFooter from './CheckoutFooter';
+import CheckoutHeader from './CheckoutHeader';
 import CheckoutTotals from './CheckoutTotals';
 import CheckTotals from './CheckTotals';
 import Discount from './Discount';
 import ErrorMessage from './ErrorMessage';
+import FavsButton from './FavsButton';
 import Header from './Header';
 import Ingredients from './Ingredients';
 import Input from './Input';
+import InputButton from './InputButton';
 import ItemGroup from './ItemGroup';
 import ItemGroups from './ItemGroups';
 import ItemOption from './ItemOption';
 import ItemOptionSelected from './ItemOptionSelected';
 import ItemSelections from './ItemSelections';
+import ItemSize from './ItemSize';
 import Keypad from './Keypad';
 import Loader from './Loader';
 import MadeForName from './MadeForName';
@@ -52,4 +58,4 @@ import Tag from './Tag';
 import TextArea from './TextArea';
 import UpsellItem from './UpsellItem';
 import Upsells from './Upsells';
-export { Allergen, Applied, ButtonLink, Card, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckoutCart, CheckoutTotals, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
+export { Allergen, Applied, ButtonLink, Card, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckoutCart, CheckoutTotals, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, CheckoutContent, InputButton, CheckoutFooter, CheckoutHeader, FavsButton, ItemSize };

package/dist/cjs/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuccessMessage = exports.SignInQr = exports.SignInPhone = exports.SignInOptions = exports.SignInCheckout = exports.SignInButton = exports.SignIn = exports.Rewards = exports.Reward = exports.Quantity = exports.PromoCode = exports.PointsRewards = exports.PointsReward = exports.OrderDetailsItem = exports.OrderDetails = exports.OrderCard = exports.Option = exports.NutritionalInfo = exports.ModalHeader = exports.ModalContent = exports.MenuOther = exports.MenuCategory = exports.MadeForNotes = exports.MadeForName = exports.Loader = exports.Keypad = exports.ItemSelections = exports.ItemOptionSelected = exports.ItemOption = exports.ItemGroups = exports.ItemGroup = exports.Input = exports.Ingredients = exports.Header = exports.ErrorMessage = exports.Discount = exports.CheckTotals = exports.CheckoutTotals = exports.CheckoutCart = exports.CategoryNavOther = exports.CategoryNavItem = exports.CategoryNav = exports.CategoryItem = exports.CartUpsellItem = exports.CartItem = exports.Cart = exports.Card = exports.ButtonLink = exports.Applied = exports.Allergen = void 0;
-exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = void 0;
+exports.ItemSize = exports.FavsButton = exports.CheckoutHeader = exports.CheckoutFooter = exports.InputButton = exports.CheckoutContent = exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = void 0;
 var tslib_1 = require("tslib");
 var Allergen_1 = tslib_1.__importDefault(require("./Allergen"));
 exports.Allergen = Allergen_1.default;
@@ -27,6 +27,12 @@ var CategoryNavOther_1 = tslib_1.__importDefault(require("./CategoryNavOther"));
 exports.CategoryNavOther = CategoryNavOther_1.default;
 var CheckoutCart_1 = tslib_1.__importDefault(require("./CheckoutCart"));
 exports.CheckoutCart = CheckoutCart_1.default;
+var CheckoutContent_1 = tslib_1.__importDefault(require("./CheckoutContent"));
+exports.CheckoutContent = CheckoutContent_1.default;
+var CheckoutFooter_1 = tslib_1.__importDefault(require("./CheckoutFooter"));
+exports.CheckoutFooter = CheckoutFooter_1.default;
+var CheckoutHeader_1 = tslib_1.__importDefault(require("./CheckoutHeader"));
+exports.CheckoutHeader = CheckoutHeader_1.default;
 var CheckoutTotals_1 = tslib_1.__importDefault(require("./CheckoutTotals"));
 exports.CheckoutTotals = CheckoutTotals_1.default;
 var CheckTotals_1 = tslib_1.__importDefault(require("./CheckTotals"));
@@ -35,12 +41,16 @@ var Discount_1 = tslib_1.__importDefault(require("./Discount"));
 exports.Discount = Discount_1.default;
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 exports.ErrorMessage = ErrorMessage_1.default;
+var FavsButton_1 = tslib_1.__importDefault(require("./FavsButton"));
+exports.FavsButton = FavsButton_1.default;
 var Header_1 = tslib_1.__importDefault(require("./Header"));
 exports.Header = Header_1.default;
 var Ingredients_1 = tslib_1.__importDefault(require("./Ingredients"));
 exports.Ingredients = Ingredients_1.default;
 var Input_1 = tslib_1.__importDefault(require("./Input"));
 exports.Input = Input_1.default;
+var InputButton_1 = tslib_1.__importDefault(require("./InputButton"));
+exports.InputButton = InputButton_1.default;
 var ItemGroup_1 = tslib_1.__importDefault(require("./ItemGroup"));
 exports.ItemGroup = ItemGroup_1.default;
 var ItemGroups_1 = tslib_1.__importDefault(require("./ItemGroups"));
@@ -51,6 +61,8 @@ var ItemOptionSelected_1 = tslib_1.__importDefault(require("./ItemOptionSelected
 exports.ItemOptionSelected = ItemOptionSelected_1.default;
 var ItemSelections_1 = tslib_1.__importDefault(require("./ItemSelections"));
 exports.ItemSelections = ItemSelections_1.default;
+var ItemSize_1 = tslib_1.__importDefault(require("./ItemSize"));
+exports.ItemSize = ItemSize_1.default;
 var Keypad_1 = tslib_1.__importDefault(require("./Keypad"));
 exports.Keypad = Keypad_1.default;
 var Loader_1 = tslib_1.__importDefault(require("./Loader"));

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AccountSectionProps } from '@open-tender/ui';
+declare const AccountSection: ({ title, subtitle, path, hasMore, navigate, content, children }: {
+    title: string;
+    subtitle?: string;
+    path: string;
+    hasMore: boolean;
+    navigate: (route: string) => void;
+    content: React.ReactNode;
+    children: (props: AccountSectionProps) => React.ReactNode;
+}) => import("react").ReactNode;
+export default AccountSection;

package/dist/esm/components/AccountSection.js

@@ -0,0 +1,19 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var AccountSection = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, path = _a.path, hasMore = _a.hasMore, navigate = _a.navigate, content = _a.content, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).accountSection;
+    var view = function () { return navigate(path); };
+    var handlers = { view: view };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        hasMore: hasMore,
+        title: title,
+        subtitle: subtitle,
+        children: content
+    });
+};
+export default AccountSection;

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

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

package/dist/esm/components/CheckoutContent.js

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

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

@@ -0,0 +1,9 @@
+import { Handlers, CheckoutFooterProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CheckoutFooter: ({ handlers, backTitle, proceedTitle, children }: {
+    handlers: Handlers;
+    backTitle: string;
+    proceedTitle?: string;
+    children: (props: CheckoutFooterProps) => ReactNode;
+}) => ReactNode;
+export default CheckoutFooter;

package/dist/esm/components/CheckoutFooter.js

@@ -0,0 +1,15 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var CheckoutFooter = function (_a) {
+    var handlers = _a.handlers, backTitle = _a.backTitle, proceedTitle = _a.proceedTitle, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).checkoutFooter;
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        backTitle: backTitle,
+        proceedTitle: proceedTitle
+    });
+};
+export default CheckoutFooter;

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

@@ -0,0 +1,8 @@
+import { CheckoutHeaderProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CheckoutHeader: ({ title, subtitle, children }: {
+    title: string;
+    subtitle?: string | null;
+    children: (props: CheckoutHeaderProps) => ReactNode;
+}) => ReactNode;
+export default CheckoutHeader;

package/dist/esm/components/CheckoutHeader.js

@@ -0,0 +1,14 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var CheckoutHeader = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).checkoutHeader;
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        title: title,
+        subtitle: subtitle
+    });
+};
+export default CheckoutHeader;

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

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

package/dist/esm/components/FavsButton.js

@@ -0,0 +1,17 @@
+import { useAppSelector } from '../app/hooks';
+import { useKioskImageUrl } from '../hooks';
+import { selectKioskConfig } from '../slices';
+var FavsButton = function (_a) {
+    var title = _a.title, path = _a.path, item = _a.item, navigate = _a.navigate, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).favsButton;
+    var imageUrl = useKioskImageUrl(item);
+    var browse = function () { return navigate(path); };
+    var handlers = { browse: browse };
+    return children({
+        config: config,
+        handlers: handlers,
+        title: title,
+        imageUrl: imageUrl
+    });
+};
+export default FavsButton;

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

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

package/dist/esm/components/InputButton.js

@@ -0,0 +1,18 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var InputButton = function (_a) {
+    var label = _a.label, value = _a.value, open = _a.open, isRequired = _a.isRequired, style = _a.style, labelStyle = _a.labelStyle, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.inputButton, labelConfig = _b.label;
+    var handlers = { open: open };
+    return children({
+        config: config,
+        labelConfig: labelConfig,
+        handlers: handlers,
+        label: label,
+        value: value,
+        isRequired: isRequired,
+        style: style,
+        labelStyle: labelStyle
+    });
+};
+export default InputButton;

package/dist/esm/components/ItemOption.js

@@ -4,7 +4,7 @@ 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, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
-    var _b = useAppSelector(selectKioskConfig), config = _b.itemOption, cardConfig = _b.card;
+    var config = useAppSelector(selectKioskConfig).itemOption;
     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);
@@ -17,14 +17,13 @@ var ItemOption = function (_a) {
         };
         dispatch(setCurrentOption(currentOption));
     };
-    if (!config || !cardConfig)
+    if (!config)
         return null;
     return children({
         config: config,
         handlers: { showNested: showNested },
         group: group,
         option: modifier,
-        cardConfig: cardConfig,
         apiUrl: apiUrl
     });
 };

package/dist/esm/components/ItemOptionSelected.js

@@ -4,7 +4,7 @@ import { selectKioskConfig, setCurrentOption } from '../slices';
 var ItemOptionSelected = function (_a) {
     var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
-    var _b = useAppSelector(selectKioskConfig), config = _b.itemOptionSelected, cardConfig = _b.card;
+    var config = useAppSelector(selectKioskConfig).itemOptionSelected;
     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);
@@ -17,14 +17,13 @@ var ItemOptionSelected = function (_a) {
         };
         dispatch(setCurrentOption(currentOption));
     };
-    if (!config || !cardConfig)
+    if (!config)
         return null;
     return children({
         config: config,
         handlers: { showNested: showNested },
         group: group,
         option: modifier,
-        cardConfig: cardConfig,
         apiUrl: apiUrl
     });
 };

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

@@ -0,0 +1,9 @@
+import { CartItemGroup } from '@open-tender/types';
+import { ItemSizeProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const ItemSize: ({ sizeGroup, toggleSize, children }: {
+    sizeGroup?: CartItemGroup | null;
+    toggleSize: (optionId: number) => void;
+    children: (props: ItemSizeProps) => ReactNode;
+}) => ReactNode;
+export default ItemSize;

package/dist/esm/components/ItemSize.js

@@ -0,0 +1,19 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var ItemSize = function (_a) {
+    var _b;
+    var sizeGroup = _a.sizeGroup, toggleSize = _a.toggleSize, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).itemSize;
+    var appliedOption = (_b = sizeGroup === null || sizeGroup === void 0 ? void 0 : sizeGroup.options) === null || _b === void 0 ? void 0 : _b.find(function (i) { return i.quantity > 0; });
+    var appliedId = (appliedOption === null || appliedOption === void 0 ? void 0 : appliedOption.id) || null;
+    var handlers = { toggleSize: toggleSize };
+    if (!config || !sizeGroup)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        sizeGroup: sizeGroup,
+        appliedId: appliedId
+    });
+};
+export default ItemSize;

package/dist/esm/components/OrderCard.js

@@ -8,10 +8,10 @@ var OrderCard = function (_a) {
     var dispatch = useAppDispatch();
     var _b = useState(null), errMsg = _b[0], setErrMsg = _b[1];
     var _c = useState(false), isReordering = _c[0], setIsReordering = _c[1];
-    var _d = useAppSelector(selectKioskConfig), config = _d.orderCard, cardConfig = _d.card;
-    var _e = useAppSelector(selectOrder), loading = _e.loading, error = _e.error;
+    var config = useAppSelector(selectKioskConfig).orderCard;
+    var _d = useAppSelector(selectOrder), loading = _d.loading, error = _d.error;
     var isLoading = loading === 'pending';
-    var _f = useOrder(order), itemImages = _f.itemImages, itemNames = _f.itemNames, orderNo = _f.orderNo, title = _f.title, subtitle = _f.subtitle;
+    var _e = useOrder(order), itemImages = _e.itemImages, itemNames = _e.itemNames, orderNo = _e.orderNo, title = _e.title, subtitle = _e.subtitle;
     var view = function () {
         dispatch(openModal({ type: 'ORDER_DETAILS', args: { order: order } }));
     };
@@ -40,7 +40,6 @@ var OrderCard = function (_a) {
         handlers: handlers,
         isReordering: isReordering,
         errMsg: errMsg,
-        cardConfig: cardConfig,
         subtitle: subtitle,
         title: title,
         orderNo: orderNo,

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

@@ -1,9 +1,6 @@
-import { KioskSignInType } from '@open-tender/types';
 import { SignInCheckoutProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const SignInCheckout: ({ setSignInType, navigate, children }: {
-    setSignInType: (signInType: KioskSignInType) => void;
-    navigate: (route: string) => void;
+declare const SignInCheckout: ({ children }: {
     children: (props: SignInCheckoutProps) => ReactNode;
 }) => ReactNode;
 export default SignInCheckout;

package/dist/esm/components/SignInCheckout.js

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
-import { fetchCustomer, resetCustomer, resetCustomerIdentify, resetMenu, selectCustomerIdentified, selectKioskConfig } from '../slices';
+import { fetchCustomer, openModal, resetCustomer, resetCustomerIdentify, resetMenu, selectCustomerIdentified, selectKioskConfig } from '../slices';
 var endpoints = [
     'ACCOUNT',
     'DEALS',
@@ -11,19 +11,20 @@ var endpoints = [
     'REWARDS'
 ];
 var SignInCheckout = function (_a) {
-    var setSignInType = _a.setSignInType, navigate = _a.navigate, children = _a.children;
+    var children = _a.children;
     var dispatch = useAppDispatch();
     var config = useAppSelector(selectKioskConfig).signInCheckout;
     var customer = useAppSelector(selectCustomerIdentified);
     var customerId = ((customer === null || customer === void 0 ? void 0 : customer.customer) || {}).customer_id;
+    var signIn = function () {
+        dispatch(openModal({ type: 'SIGN_IN' }));
+    };
     var signOut = function () {
         dispatch(resetCustomerIdentify());
         dispatch(resetCustomer());
         dispatch(resetMenu());
-        setSignInType(null);
     };
-    var goToAccount = function () { return navigate('/account'); };
-    var handlers = { setSignInType: setSignInType, goToAccount: goToAccount, signOut: signOut };
+    var handlers = { signIn: signIn, signOut: signOut };
     useEffect(function () {
         if (customerId) {
             dispatch(fetchCustomer({ customerId: customerId, endpoints: endpoints }));
@@ -31,6 +32,10 @@ var SignInCheckout = function (_a) {
     }, [dispatch, customerId]);
     if (!config)
         return null;
-    return children({ config: config, handlers: handlers, customer: customer });
+    return children({
+        config: config,
+        handlers: handlers,
+        customer: customer
+    });
 };
 export default SignInCheckout;

package/dist/esm/components/SignInOptions.js

@@ -5,8 +5,8 @@ import { default as SignInPhoneContainer } from './SignInPhone';
 import { default as SignInQrContainer } from './SignInQr';
 var SignInOptions = function (_a) {
     var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
-    var _b = useAppSelector(selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
-    var _c = useState(null), signInType = _c[0], setSignInType = _c[1];
+    var config = useAppSelector(selectKioskConfig).signInOptions;
+    var _b = useState(null), signInType = _b[0], setSignInType = _b[1];
     var terminal = useAppSelector(selectKioskTerminal);
     // @ts-ignore
     // TODO: fix typescript errors
@@ -20,7 +20,6 @@ var SignInOptions = function (_a) {
         config: config,
         handlers: handlers,
         signInType: signInType,
-        modalContentConfig: modalContentConfig,
         renderSignInQr: renderSignInQr,
         renderSignInPhone: renderSignInPhone
     });

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

@@ -10,18 +10,24 @@ import CategoryNav from './CategoryNav';
 import CategoryNavItem from './CategoryNavItem';
 import CategoryNavOther from './CategoryNavOther';
 import CheckoutCart from './CheckoutCart';
+import CheckoutContent from './CheckoutContent';
+import CheckoutFooter from './CheckoutFooter';
+import CheckoutHeader from './CheckoutHeader';
 import CheckoutTotals from './CheckoutTotals';
 import CheckTotals from './CheckTotals';
 import Discount from './Discount';
 import ErrorMessage from './ErrorMessage';
+import FavsButton from './FavsButton';
 import Header from './Header';
 import Ingredients from './Ingredients';
 import Input from './Input';
+import InputButton from './InputButton';
 import ItemGroup from './ItemGroup';
 import ItemGroups from './ItemGroups';
 import ItemOption from './ItemOption';
 import ItemOptionSelected from './ItemOptionSelected';
 import ItemSelections from './ItemSelections';
+import ItemSize from './ItemSize';
 import Keypad from './Keypad';
 import Loader from './Loader';
 import MadeForName from './MadeForName';
@@ -52,4 +58,4 @@ import Tag from './Tag';
 import TextArea from './TextArea';
 import UpsellItem from './UpsellItem';
 import Upsells from './Upsells';
-export { Allergen, Applied, ButtonLink, Card, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckoutCart, CheckoutTotals, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
+export { Allergen, Applied, ButtonLink, Card, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckoutCart, CheckoutTotals, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, CheckoutContent, InputButton, CheckoutFooter, CheckoutHeader, FavsButton, ItemSize };

package/dist/esm/components/index.js

@@ -10,18 +10,24 @@ import CategoryNav from './CategoryNav';
 import CategoryNavItem from './CategoryNavItem';
 import CategoryNavOther from './CategoryNavOther';
 import CheckoutCart from './CheckoutCart';
+import CheckoutContent from './CheckoutContent';
+import CheckoutFooter from './CheckoutFooter';
+import CheckoutHeader from './CheckoutHeader';
 import CheckoutTotals from './CheckoutTotals';
 import CheckTotals from './CheckTotals';
 import Discount from './Discount';
 import ErrorMessage from './ErrorMessage';
+import FavsButton from './FavsButton';
 import Header from './Header';
 import Ingredients from './Ingredients';
 import Input from './Input';
+import InputButton from './InputButton';
 import ItemGroup from './ItemGroup';
 import ItemGroups from './ItemGroups';
 import ItemOption from './ItemOption';
 import ItemOptionSelected from './ItemOptionSelected';
 import ItemSelections from './ItemSelections';
+import ItemSize from './ItemSize';
 import Keypad from './Keypad';
 import Loader from './Loader';
 import MadeForName from './MadeForName';
@@ -52,4 +58,4 @@ import Tag from './Tag';
 import TextArea from './TextArea';
 import UpsellItem from './UpsellItem';
 import Upsells from './Upsells';
-export { Allergen, Applied, ButtonLink, Card, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckoutCart, CheckoutTotals, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
+export { Allergen, Applied, ButtonLink, Card, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckoutCart, CheckoutTotals, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, CheckoutContent, InputButton, CheckoutFooter, CheckoutHeader, FavsButton, ItemSize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.67",
+  "version": "1.1.69",
   "description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -62,7 +62,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@open-tender/types": "^0.4.58",
-    "@open-tender/ui": "^0.3.61",
+    "@open-tender/ui": "^0.3.64",
     "@open-tender/utils": "^0.4.31",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",