@open-tender/store 1.1.4 → 1.1.5

package/dist/cjs/slices/refund.js

@@ -17,69 +17,63 @@ var RefundActionType;
     RefundActionType["ValidateRefund"] = "refund/validateRefund";
     RefundActionType["SubmitRefund"] = "refund/submitRefund";
 })(RefundActionType || (exports.RefundActionType = RefundActionType = {}));
-exports.fetchPreviousRefunds = (0, toolkit_1.createAsyncThunk)(RefundActionType.FetchPreviousRefunds, function (orderId, _a) {
-    var getState = _a.getState, rejectWithValue = _a.rejectWithValue;
-    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var api, args, err_1;
-        return tslib_1.__generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    api = getState().config.api;
-                    args = {
-                        receipt_type: 'REFUND',
-                        parent_receipt_uuid: orderId
-                    };
-                    return [4 /*yield*/, api.getOrders(args)];
-                case 1: return [2 /*return*/, _b.sent()];
-                case 2:
-                    err_1 = _b.sent();
-                    return [2 /*return*/, rejectWithValue(err_1)];
-                case 3: return [2 /*return*/];
-            }
-        });
-    });
-});
-exports.validateRefund = (0, toolkit_1.createAsyncThunk)(RefundActionType.ValidateRefund, function (_a, _b) {
-    var orderId = _a.orderId, refund = _a.refund;
+exports.fetchPreviousRefunds = (0, toolkit_1.createAsyncThunk)(RefundActionType.FetchPreviousRefunds, function (orderId_1, _a) { return tslib_1.__awaiter(void 0, [orderId_1, _a], void 0, function (orderId, _b) {
+    var api, args, err_1;
     var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
-    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var api, err_2;
-        return tslib_1.__generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _c.trys.push([0, 2, , 3]);
-                    api = getState().config.api;
-                    return [4 /*yield*/, api.postRefundValidate(orderId, refund)];
-                case 1: return [2 /*return*/, _c.sent()];
-                case 2:
-                    err_2 = _c.sent();
-                    return [2 /*return*/, rejectWithValue(err_2)];
-                case 3: return [2 /*return*/];
-            }
-        });
+    return tslib_1.__generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 2, , 3]);
+                api = getState().config.api;
+                args = {
+                    receipt_type: 'REFUND',
+                    parent_receipt_uuid: orderId
+                };
+                return [4 /*yield*/, api.getOrders(args)];
+            case 1: return [2 /*return*/, _c.sent()];
+            case 2:
+                err_1 = _c.sent();
+                return [2 /*return*/, rejectWithValue(err_1)];
+            case 3: return [2 /*return*/];
+        }
     });
-});
-exports.submitRefund = (0, toolkit_1.createAsyncThunk)(RefundActionType.SubmitRefund, function (_a, _b) {
-    var orderId = _a.orderId, refund = _a.refund;
-    var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
-    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var api, err_3;
-        return tslib_1.__generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _c.trys.push([0, 2, , 3]);
-                    api = getState().config.api;
-                    return [4 /*yield*/, api.postRefund(orderId, refund)];
-                case 1: return [2 /*return*/, _c.sent()];
-                case 2:
-                    err_3 = _c.sent();
-                    return [2 /*return*/, rejectWithValue(err_3)];
-                case 3: return [2 /*return*/];
-            }
-        });
+}); });
+exports.validateRefund = (0, toolkit_1.createAsyncThunk)(RefundActionType.ValidateRefund, function (_a, _b) { return tslib_1.__awaiter(void 0, [_a, _b], void 0, function (_c, _d) {
+    var api, err_2;
+    var orderId = _c.orderId, refund = _c.refund;
+    var getState = _d.getState, rejectWithValue = _d.rejectWithValue;
+    return tslib_1.__generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _e.trys.push([0, 2, , 3]);
+                api = getState().config.api;
+                return [4 /*yield*/, api.postRefundValidate(orderId, refund)];
+            case 1: return [2 /*return*/, _e.sent()];
+            case 2:
+                err_2 = _e.sent();
+                return [2 /*return*/, rejectWithValue(err_2)];
+            case 3: return [2 /*return*/];
+        }
     });
-});
+}); });
+exports.submitRefund = (0, toolkit_1.createAsyncThunk)(RefundActionType.SubmitRefund, function (_a, _b) { return tslib_1.__awaiter(void 0, [_a, _b], void 0, function (_c, _d) {
+    var api, err_3;
+    var orderId = _c.orderId, refund = _c.refund;
+    var getState = _d.getState, rejectWithValue = _d.rejectWithValue;
+    return tslib_1.__generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _e.trys.push([0, 2, , 3]);
+                api = getState().config.api;
+                return [4 /*yield*/, api.postRefund(orderId, refund)];
+            case 1: return [2 /*return*/, _e.sent()];
+            case 2:
+                err_3 = _e.sent();
+                return [2 /*return*/, rejectWithValue(err_3)];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); });
 var refundSlice = (0, toolkit_1.createSlice)({
     name: types_1.ReducerType.Refund,
     initialState: initialState,

package/dist/cjs/slices/settings.js

@@ -15,71 +15,65 @@ var SettingsActionType;
     SettingsActionType["UpdateSetting"] = "settings/updateSetting";
     SettingsActionType["UpdateSettings"] = "settings/updateSettings";
 })(SettingsActionType || (exports.SettingsActionType = SettingsActionType = {}));
-exports.fetchSetting = (0, toolkit_1.createAsyncThunk)(SettingsActionType.FetchSetting, function (posSettingType, _a) {
-    var getState = _a.getState, rejectWithValue = _a.rejectWithValue;
-    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var api, err_1;
-        return tslib_1.__generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    api = getState().config.api;
-                    return [4 /*yield*/, api.getSettings(posSettingType)];
-                case 1: return [2 /*return*/, _b.sent()];
-                case 2:
-                    err_1 = _b.sent();
-                    return [2 /*return*/, rejectWithValue(err_1)];
-                case 3: return [2 /*return*/];
-            }
-        });
+exports.fetchSetting = (0, toolkit_1.createAsyncThunk)(SettingsActionType.FetchSetting, function (posSettingType_1, _a) { return tslib_1.__awaiter(void 0, [posSettingType_1, _a], void 0, function (posSettingType, _b) {
+    var api, err_1;
+    var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
+    return tslib_1.__generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 2, , 3]);
+                api = getState().config.api;
+                return [4 /*yield*/, api.getSettings(posSettingType)];
+            case 1: return [2 /*return*/, _c.sent()];
+            case 2:
+                err_1 = _c.sent();
+                return [2 /*return*/, rejectWithValue(err_1)];
+            case 3: return [2 /*return*/];
+        }
     });
-});
-exports.updateSetting = (0, toolkit_1.createAsyncThunk)(SettingsActionType.UpdateSetting, function (posSettingType, _a) {
-    var getState = _a.getState, rejectWithValue = _a.rejectWithValue;
-    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var api, err_2;
-        return tslib_1.__generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    api = getState().config.api;
-                    return [4 /*yield*/, api.postSettings(posSettingType)];
-                case 1: return [2 /*return*/, _b.sent()];
-                case 2:
-                    err_2 = _b.sent();
-                    return [2 /*return*/, rejectWithValue(err_2)];
-                case 3: return [2 /*return*/];
-            }
-        });
+}); });
+exports.updateSetting = (0, toolkit_1.createAsyncThunk)(SettingsActionType.UpdateSetting, function (posSettingType_1, _a) { return tslib_1.__awaiter(void 0, [posSettingType_1, _a], void 0, function (posSettingType, _b) {
+    var api, err_2;
+    var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
+    return tslib_1.__generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 2, , 3]);
+                api = getState().config.api;
+                return [4 /*yield*/, api.postSettings(posSettingType)];
+            case 1: return [2 /*return*/, _c.sent()];
+            case 2:
+                err_2 = _c.sent();
+                return [2 /*return*/, rejectWithValue(err_2)];
+            case 3: return [2 /*return*/];
+        }
     });
-});
-exports.updateSettings = (0, toolkit_1.createAsyncThunk)(SettingsActionType.UpdateSettings, function (posSettingTypes, _a) {
-    var getState = _a.getState, rejectWithValue = _a.rejectWithValue;
-    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var api_1, requests, err_3;
-        return tslib_1.__generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    api_1 = getState().config.api;
-                    requests = posSettingTypes.map(function (posSettingType) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-                        return tslib_1.__generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0: return [4 /*yield*/, api_1.postSettings(posSettingType)];
-                                case 1: return [2 /*return*/, _a.sent()];
-                            }
-                        });
-                    }); });
-                    return [4 /*yield*/, Promise.all(requests)];
-                case 1: return [2 /*return*/, _b.sent()];
-                case 2:
-                    err_3 = _b.sent();
-                    return [2 /*return*/, rejectWithValue(err_3)];
-                case 3: return [2 /*return*/];
-            }
-        });
+}); });
+exports.updateSettings = (0, toolkit_1.createAsyncThunk)(SettingsActionType.UpdateSettings, function (posSettingTypes_1, _a) { return tslib_1.__awaiter(void 0, [posSettingTypes_1, _a], void 0, function (posSettingTypes, _b) {
+    var api_1, requests, err_3;
+    var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
+    return tslib_1.__generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 2, , 3]);
+                api_1 = getState().config.api;
+                requests = posSettingTypes.map(function (posSettingType) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                    return tslib_1.__generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, api_1.postSettings(posSettingType)];
+                            case 1: return [2 /*return*/, _a.sent()];
+                        }
+                    });
+                }); });
+                return [4 /*yield*/, Promise.all(requests)];
+            case 1: return [2 /*return*/, _c.sent()];
+            case 2:
+                err_3 = _c.sent();
+                return [2 /*return*/, rejectWithValue(err_3)];
+            case 3: return [2 /*return*/];
+        }
     });
-});
+}); });
 var settingsSlice = (0, toolkit_1.createSlice)({
     name: types_1.ReducerType.Settings,
     initialState: initialState,

package/dist/cjs/slices/surcharges.js

@@ -14,28 +14,26 @@ var SurchargesActionType;
 (function (SurchargesActionType) {
     SurchargesActionType["GetSurcharges"] = "surcharges/fetchSurcharges";
 })(SurchargesActionType || (exports.SurchargesActionType = SurchargesActionType = {}));
-exports.fetchSurcharges = (0, toolkit_1.createAsyncThunk)(SurchargesActionType.GetSurcharges, function (_, _a) {
-    var getState = _a.getState, rejectWithValue = _a.rejectWithValue;
-    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var api, serviceType, err_1;
-        return tslib_1.__generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    api = getState().config.api;
-                    serviceType = getState().order.serviceType;
-                    if (!serviceType)
-                        return [2 /*return*/, []];
-                    return [4 /*yield*/, api.getSurcharges(serviceType)];
-                case 1: return [2 /*return*/, _b.sent()];
-                case 2:
-                    err_1 = _b.sent();
-                    return [2 /*return*/, rejectWithValue(err_1)];
-                case 3: return [2 /*return*/];
-            }
-        });
+exports.fetchSurcharges = (0, toolkit_1.createAsyncThunk)(SurchargesActionType.GetSurcharges, function (_1, _a) { return tslib_1.__awaiter(void 0, [_1, _a], void 0, function (_, _b) {
+    var api, serviceType, err_1;
+    var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
+    return tslib_1.__generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 2, , 3]);
+                api = getState().config.api;
+                serviceType = getState().order.serviceType;
+                if (!serviceType)
+                    return [2 /*return*/, []];
+                return [4 /*yield*/, api.getSurcharges(serviceType)];
+            case 1: return [2 /*return*/, _c.sent()];
+            case 2:
+                err_1 = _c.sent();
+                return [2 /*return*/, rejectWithValue(err_1)];
+            case 3: return [2 /*return*/];
+        }
     });
-});
+}); });
 var surchargesSlice = (0, toolkit_1.createSlice)({
     name: types_1.ReducerType.Surcharges,
     initialState: initialState,

package/dist/cjs/slices/taxes.js

@@ -14,28 +14,26 @@ var TaxesActionType;
 (function (TaxesActionType) {
     TaxesActionType["GetTaxes"] = "taxes/fetchTaxes";
 })(TaxesActionType || (exports.TaxesActionType = TaxesActionType = {}));
-exports.fetchTaxes = (0, toolkit_1.createAsyncThunk)(TaxesActionType.GetTaxes, function (_, _a) {
-    var getState = _a.getState, rejectWithValue = _a.rejectWithValue;
-    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var api, _b, serviceType, orderType, err_1;
-        return tslib_1.__generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _c.trys.push([0, 2, , 3]);
-                    api = getState().config.api;
-                    _b = getState().order, serviceType = _b.serviceType, orderType = _b.orderType;
-                    if (!serviceType || !orderType)
-                        return [2 /*return*/, []];
-                    return [4 /*yield*/, api.getTaxes(serviceType, orderType)];
-                case 1: return [2 /*return*/, _c.sent()];
-                case 2:
-                    err_1 = _c.sent();
-                    return [2 /*return*/, rejectWithValue(err_1)];
-                case 3: return [2 /*return*/];
-            }
-        });
+exports.fetchTaxes = (0, toolkit_1.createAsyncThunk)(TaxesActionType.GetTaxes, function (_1, _a) { return tslib_1.__awaiter(void 0, [_1, _a], void 0, function (_, _b) {
+    var api, _c, serviceType, orderType, err_1;
+    var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
+    return tslib_1.__generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                _d.trys.push([0, 2, , 3]);
+                api = getState().config.api;
+                _c = getState().order, serviceType = _c.serviceType, orderType = _c.orderType;
+                if (!serviceType || !orderType)
+                    return [2 /*return*/, []];
+                return [4 /*yield*/, api.getTaxes(serviceType, orderType)];
+            case 1: return [2 /*return*/, _d.sent()];
+            case 2:
+                err_1 = _d.sent();
+                return [2 /*return*/, rejectWithValue(err_1)];
+            case 3: return [2 /*return*/];
+        }
     });
-});
+}); });
 var taxesSlice = (0, toolkit_1.createSlice)({
     name: types_1.ReducerType.Taxes,
     initialState: initialState,

package/dist/cjs/utils/punches.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processShift = exports.makeShifts = exports.calcBreakSeconds = exports.makePunchMessage = exports.punchTypes = void 0;
 var tslib_1 = require("tslib");
-var date_fns_1 = require("date-fns");
 var utils_1 = require("@open-tender/utils");
+var date_fns_1 = require("date-fns");
 exports.punchTypes = {
     PUNCH_IN: 'PUNCH_IN',
     BREAK_IN: 'BREAK_IN',

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

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

package/dist/esm/components/Allergen.js

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

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

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

package/dist/esm/components/Applied.js

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

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

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

package/dist/esm/components/ButtonLink.js

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

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;