@open-tender/store 0.1.9 → 0.1.280

package/dist/cjs/app/hooks.d.ts

@@ -1,34 +1,35 @@
 import { TypedUseSelectorHook } from 'react-redux';
 import type { RootState } from './store';
-export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<import("redux").CombinedState<{
-    alerts: import("..").Alerts;
+export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
+    alerts: import("@open-tender/types").Alerts;
+    allergens: import("..").AllergensState;
     arrivals: import("..").ArrivalsState;
+    cartSummary: import("..").CartSummaryState;
     checkout: import("..").CheckoutState;
-    completedOrders: import("..").CompletedOrdersState;
     config: import("..").ConfigState;
+    customer: import("..").CustomerState;
+    customerIdentify: import("..").CustomerIdentifyState;
+    deals: import("..").DealsState;
     discounts: import("..").DiscountsState;
     errorAlerts: import("..").ErrorAlertsState;
-    kds: {
-        sidebar: boolean;
-        page: null;
-        view: null;
-        order: null;
-        businessDate: null;
-        alarm: boolean;
-    };
+    kds: import("..").KdsState;
+    kiosk: import("..").KioskState;
     menu: import("..").MenuState;
     menuPages: import("..").MenuPagesState;
     modal: import("..").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("..").OfflineAuthsState;
     order: import("..").OrderState;
-    orders: import("..").OrdersState;
     pos: import("..").PosState;
     punches: import("..").PunchesState;
     refund: import("..").RefundState;
+    sendReceipt: import("..").SendReceiptState;
     settings: import("..").SettingsState;
     sidebar: import("..").SidebarState;
     surcharges: import("..").SurchargesState;
     taxes: import("..").TaxesState;
-}>, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").Action<any>>;
+    idle: import("..").IdleState;
+    tags: import("..").TagsState;
+    revenueCenter: import("..").RevenueCenterState;
+}, undefined, import("redux").UnknownAction> & import("redux").Dispatch<import("redux").Action>;
 export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/dist/cjs/app/store.d.ts

@@ -1,98 +1,134 @@
 import { Action, ThunkAction } from '@reduxjs/toolkit';
-export declare const appReducer: import("redux").Reducer<import("redux").CombinedState<{
-    alerts: import("..").Alerts;
+export declare const appReducer: import("redux").Reducer<{
+    alerts: import("@open-tender/types").Alerts;
+    allergens: import("../slices").AllergensState;
     arrivals: import("../slices").ArrivalsState;
+    cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
-    completedOrders: import("../slices").CompletedOrdersState;
     config: import("../slices").ConfigState;
+    customer: import("../slices").CustomerState;
+    customerIdentify: import("../slices").CustomerIdentifyState;
+    deals: import("../slices").DealsState;
     discounts: import("../slices").DiscountsState;
     errorAlerts: import("../slices").ErrorAlertsState;
-    kds: {
-        sidebar: boolean;
-        page: null;
-        view: null;
-        order: null;
-        businessDate: null;
-        alarm: boolean;
-    };
+    kds: import("../slices").KdsState;
+    kiosk: import("../slices").KioskState;
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
-    orders: import("../slices").OrdersState;
     pos: import("../slices").PosState;
     punches: import("../slices").PunchesState;
     refund: import("../slices").RefundState;
+    sendReceipt: import("../slices").SendReceiptState;
     settings: import("../slices").SettingsState;
     sidebar: import("../slices").SidebarState;
     surcharges: import("../slices").SurchargesState;
     taxes: import("../slices").TaxesState;
-}>, import("redux").AnyAction>;
-export declare type AppState = ReturnType<typeof appReducer>;
-declare const store: import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
-    alerts: import("..").Alerts;
+    idle: import("../slices").IdleState;
+    tags: import("../slices").TagsState;
+    revenueCenter: import("../slices").RevenueCenterState;
+}, import("redux").UnknownAction, Partial<{
+    alerts: import("@open-tender/types").Alerts | undefined;
+    allergens: import("../slices").AllergensState | undefined;
+    arrivals: import("../slices").ArrivalsState | undefined;
+    cartSummary: import("../slices").CartSummaryState | undefined;
+    checkout: import("../slices").CheckoutState | undefined;
+    config: import("../slices").ConfigState | undefined;
+    customer: import("../slices").CustomerState | undefined;
+    customerIdentify: import("../slices").CustomerIdentifyState | undefined;
+    deals: import("../slices").DealsState | undefined;
+    discounts: import("../slices").DiscountsState | undefined;
+    errorAlerts: import("../slices").ErrorAlertsState | undefined;
+    kds: import("../slices").KdsState | undefined;
+    kiosk: import("../slices").KioskState | undefined;
+    menu: import("../slices").MenuState | undefined;
+    menuPages: import("../slices").MenuPagesState | undefined;
+    modal: import("../slices").ModalState | undefined;
+    notifications: import("@open-tender/types").Notifications | undefined;
+    offlineAuths: import("../slices").OfflineAuthsState | undefined;
+    order: import("../slices").OrderState | undefined;
+    pos: import("../slices").PosState | undefined;
+    punches: import("../slices").PunchesState | undefined;
+    refund: import("../slices").RefundState | undefined;
+    sendReceipt: import("../slices").SendReceiptState | undefined;
+    settings: import("../slices").SettingsState | undefined;
+    sidebar: import("../slices").SidebarState | undefined;
+    surcharges: import("../slices").SurchargesState | undefined;
+    taxes: import("../slices").TaxesState | undefined;
+    idle: import("../slices").IdleState | undefined;
+    tags: import("../slices").TagsState | undefined;
+    revenueCenter: import("../slices").RevenueCenterState | undefined;
+}>>;
+export type AppState = ReturnType<typeof appReducer>;
+declare const store: import("@reduxjs/toolkit").EnhancedStore<{
+    alerts: import("@open-tender/types").Alerts;
+    allergens: import("../slices").AllergensState;
     arrivals: import("../slices").ArrivalsState;
+    cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
-    completedOrders: import("../slices").CompletedOrdersState;
     config: import("../slices").ConfigState;
+    customer: import("../slices").CustomerState;
+    customerIdentify: import("../slices").CustomerIdentifyState;
+    deals: import("../slices").DealsState;
     discounts: import("../slices").DiscountsState;
     errorAlerts: import("../slices").ErrorAlertsState;
-    kds: {
-        sidebar: boolean;
-        page: null;
-        view: null;
-        order: null;
-        businessDate: null;
-        alarm: boolean;
-    };
+    kds: import("../slices").KdsState;
+    kiosk: import("../slices").KioskState;
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
-    orders: import("../slices").OrdersState;
     pos: import("../slices").PosState;
     punches: import("../slices").PunchesState;
     refund: import("../slices").RefundState;
+    sendReceipt: import("../slices").SendReceiptState;
     settings: import("../slices").SettingsState;
     sidebar: import("../slices").SidebarState;
     surcharges: import("../slices").SurchargesState;
     taxes: import("../slices").TaxesState;
-}>, Action<any>, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-    alerts: import("..").Alerts;
-    arrivals: import("../slices").ArrivalsState;
-    checkout: import("../slices").CheckoutState;
-    completedOrders: import("../slices").CompletedOrdersState;
-    config: import("../slices").ConfigState;
-    discounts: import("../slices").DiscountsState;
-    errorAlerts: import("../slices").ErrorAlertsState;
-    kds: {
-        sidebar: boolean;
-        page: null;
-        view: null;
-        order: null;
-        businessDate: null;
-        alarm: boolean;
-    };
-    menu: import("../slices").MenuState;
-    menuPages: import("../slices").MenuPagesState;
-    modal: import("../slices").ModalState;
-    notifications: import("..").Notifications;
-    offlineAuths: import("../slices").OfflineAuthsState;
-    order: import("../slices").OrderState;
-    orders: import("../slices").OrdersState;
-    pos: import("../slices").PosState;
-    punches: import("../slices").PunchesState;
-    refund: import("../slices").RefundState;
-    settings: import("../slices").SettingsState;
-    sidebar: import("../slices").SidebarState;
-    surcharges: import("../slices").SurchargesState;
-    taxes: import("../slices").TaxesState;
-}>, import("redux").AnyAction, undefined>]>>;
-export declare type AppDispatch = typeof store.dispatch;
-export declare type RootState = ReturnType<typeof store.getState>;
-export declare type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;
+    idle: import("../slices").IdleState;
+    tags: import("../slices").TagsState;
+    revenueCenter: import("../slices").RevenueCenterState;
+}, Action, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
+    dispatch: import("redux-thunk").ThunkDispatch<{
+        alerts: import("@open-tender/types").Alerts;
+        allergens: import("../slices").AllergensState;
+        arrivals: import("../slices").ArrivalsState;
+        cartSummary: import("../slices").CartSummaryState;
+        checkout: import("../slices").CheckoutState;
+        config: import("../slices").ConfigState;
+        customer: import("../slices").CustomerState;
+        customerIdentify: import("../slices").CustomerIdentifyState;
+        deals: import("../slices").DealsState;
+        discounts: import("../slices").DiscountsState;
+        errorAlerts: import("../slices").ErrorAlertsState;
+        kds: import("../slices").KdsState;
+        kiosk: import("../slices").KioskState;
+        menu: import("../slices").MenuState;
+        menuPages: import("../slices").MenuPagesState;
+        modal: import("../slices").ModalState;
+        notifications: import("@open-tender/types").Notifications;
+        offlineAuths: import("../slices").OfflineAuthsState;
+        order: import("../slices").OrderState;
+        pos: import("../slices").PosState;
+        punches: import("../slices").PunchesState;
+        refund: import("../slices").RefundState;
+        sendReceipt: import("../slices").SendReceiptState;
+        settings: import("../slices").SettingsState;
+        sidebar: import("../slices").SidebarState;
+        surcharges: import("../slices").SurchargesState;
+        taxes: import("../slices").TaxesState;
+        idle: import("../slices").IdleState;
+        tags: import("../slices").TagsState;
+        revenueCenter: import("../slices").RevenueCenterState;
+    }, undefined, import("redux").UnknownAction>;
+}>, import("redux").StoreEnhancer]>>;
+export type AppDispatch = typeof store.dispatch;
+export type RootState = ReturnType<typeof store.getState>;
+export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;
 export {};

package/dist/cjs/app/store.js

@@ -5,27 +5,35 @@ var toolkit_1 = require("@reduxjs/toolkit");
 var slices_1 = require("../slices");
 exports.appReducer = (0, toolkit_1.combineReducers)({
     alerts: slices_1.alertsReducer,
+    allergens: slices_1.allergensReducer,
     arrivals: slices_1.arrivalsReducer,
+    cartSummary: slices_1.cartSummaryReducer,
     checkout: slices_1.checkoutReducer,
-    completedOrders: slices_1.completedOrdersReducer,
     config: slices_1.configReducer,
+    customer: slices_1.customerReducer,
+    customerIdentify: slices_1.customerIdentifyReducer,
+    deals: slices_1.dealsReducer,
     discounts: slices_1.discountsReducer,
     errorAlerts: slices_1.errorAlertsReducer,
     kds: slices_1.kdsReducer,
+    kiosk: slices_1.kioskReducer,
     menu: slices_1.menuReducer,
     menuPages: slices_1.menuPagesReducer,
     modal: slices_1.modalReducer,
     notifications: slices_1.notificationsReducer,
     offlineAuths: slices_1.offlineAuthsReducer,
     order: slices_1.orderReducer,
-    orders: slices_1.ordersReducer,
     pos: slices_1.posReducer,
     punches: slices_1.punchesReducer,
     refund: slices_1.refundReducer,
+    sendReceipt: slices_1.sendReceiptReducer,
     settings: slices_1.settingsReducer,
     sidebar: slices_1.sidebarReducer,
     surcharges: slices_1.surchargesReducer,
-    taxes: slices_1.taxesReducer
+    taxes: slices_1.taxesReducer,
+    idle: slices_1.idleReducer,
+    tags: slices_1.tagsReducer,
+    revenueCenter: slices_1.revenueCenterReducer
 });
 var rootReducer = function (state, action) {
     if (action.type === 'clearState') {

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

@@ -0,0 +1,11 @@
+import { LoyaltyProgram } from '@open-tender/types';
+import { AccountLoyaltyProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const AccountLoyalty: ({ loyaltyProgram, navigate, children, renderRewards, navigateTo }: {
+    loyaltyProgram: LoyaltyProgram;
+    navigate: (route: string) => void;
+    children: (props: AccountLoyaltyProps) => ReactNode;
+    renderRewards: () => ReactNode;
+    navigateTo?: string;
+}) => ReactNode;
+export default AccountLoyalty;

package/dist/cjs/components/AccountLoyalty.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var AccountLoyalty = function (_a) {
+    var _b;
+    var loyaltyProgram = _a.loyaltyProgram, navigate = _a.navigate, children = _a.children, renderRewards = _a.renderRewards, navigateTo = _a.navigateTo;
+    var store = (0, hooks_1.useAppSelector)(slices_1.selectKiosk).store;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).accountLoyalty;
+    var account = (0, hooks_1.useAppSelector)(slices_1.selectCustomer).account;
+    var hasLoyalty = (_b = store === null || store === void 0 ? void 0 : store.has_loyalty) !== null && _b !== void 0 ? _b : false;
+    var startOrder = function () { return navigate(navigateTo !== null && navigateTo !== void 0 ? navigateTo : '/menu'); };
+    var handlers = { startOrder: startOrder };
+    if (!config || !account || !loyaltyProgram || !hasLoyalty)
+        return null;
+    return children({ config: config, handlers: handlers, account: account, loyaltyProgram: loyaltyProgram, renderRewards: renderRewards });
+};
+exports.default = AccountLoyalty;

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

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

package/dist/cjs/components/AccountSection.js

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

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

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

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

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

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

package/dist/cjs/components/Applied.js

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

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

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

package/dist/cjs/components/ButtonLink.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var ButtonLink = function (_a) {
+    var onClick = _a.onClick, label = _a.label, children = _a.children, style = _a.style;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).buttonLink;
+    if (!config)
+        return null;
+    return children({ config: config, style: style, children: label, onClick: onClick });
+};
+exports.default = ButtonLink;

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

@@ -0,0 +1,10 @@
+import { CancelButtonProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CancelButton: ({ navigate, children, route }: {
+    route?: string;
+    navigate: (route: string) => void;
+    children: (props: CancelButtonProps & {
+        route?: string;
+    }) => ReactNode;
+}) => ReactNode;
+export default CancelButton;

package/dist/cjs/components/CancelButton.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CancelButton = function (_a) {
+    var navigate = _a.navigate, children = _a.children, route = _a.route;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cancelButton;
+    var startOver = function () {
+        dispatch((0, slices_1.resetPosCheckout)());
+        dispatch((0, slices_1.setOrderId)(null));
+        dispatch((0, slices_1.resetCart)());
+        dispatch((0, slices_1.resetCustomerIdentify)());
+        dispatch((0, slices_1.resetCustomer)());
+        dispatch((0, slices_1.resetMenu)());
+        dispatch((0, slices_1.resetIdleState)());
+        navigate('/');
+    };
+    var handlers = { startOver: startOver };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        route: route
+    });
+};
+exports.default = CancelButton;

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

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

package/dist/cjs/components/Card.js

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

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

@@ -0,0 +1,11 @@
+import { CartProps, CartUpsellsProps, CartItemProps, QuantityProps, CartUpsellItemProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const Cart: ({ navigate, children, CartUpsellsView, CartItemView, QuantityView, CartUpsellItemView }: {
+    navigate: (route: string) => void;
+    children: (props: CartProps) => ReactNode;
+    CartUpsellsView: (props: CartUpsellsProps) => ReactNode;
+    CartItemView: (props: CartItemProps) => ReactNode;
+    QuantityView: (props: QuantityProps) => ReactNode;
+    CartUpsellItemView: (props: CartUpsellItemProps) => ReactNode;
+}) => React.ReactNode;
+export default Cart;

package/dist/cjs/components/Cart.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CartItem_1 = tslib_1.__importDefault(require("./CartItem"));
+var CartUpsells_1 = tslib_1.__importDefault(require("./CartUpsells"));
+var Cart = function (_a) {
+    var navigate = _a.navigate, children = _a.children, CartUpsellsView = _a.CartUpsellsView, CartItemView = _a.CartItemView, QuantityView = _a.QuantityView, CartUpsellItemView = _a.CartUpsellItemView;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cart;
+    var cart = (0, hooks_1.useAppSelector)(slices_1.selectOrder).cart;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectCartTotals), count = _b.count, total = _b.total;
+    var isOpen = (0, hooks_1.useAppSelector)(slices_1.selectCartSummary).isOpen;
+    var isEmpty = !cart.length;
+    var toggleCart = function () { return dispatch((0, slices_1.toggleCartSummary)()); };
+    var checkout = function () { return navigate('/checkout'); };
+    var handlers = { checkout: checkout, toggleCart: toggleCart };
+    (0, react_1.useEffect)(function () {
+        if (!isOpen || !isEmpty)
+            return;
+        dispatch((0, slices_1.closeCartSummary)());
+    }, [dispatch, isOpen, isEmpty]);
+    var renderCartItem = (0, react_1.useCallback)(function (item, index, isLast) { return (react_1.default.createElement(CartItem_1.default, { key: "".concat(item.id, "-").concat(index), navigate: navigate, item: item, isLast: isLast, children: CartItemView, QuantityView: QuantityView })); }, [navigate, CartItemView, QuantityView]);
+    var renderCartUpsells = (0, react_1.useCallback)(function () { return (react_1.default.createElement(CartUpsells_1.default, { CartUpsellItemView: CartUpsellItemView, children: CartUpsellsView })); }, [CartUpsellsView, CartUpsellItemView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        cart: cart,
+        count: count,
+        total: total,
+        isOpen: isOpen,
+        renderCartItem: renderCartItem,
+        renderCartUpsells: renderCartUpsells
+    });
+};
+exports.default = Cart;

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

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

package/dist/cjs/components/CartButton.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("@open-tender/utils");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CartButton = function (_a) {
+    var children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartButton;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectCartTotals), count = _b.count, total = _b.total;
+    var cartTotal = (0, utils_1.formatDollars)(total.toString());
+    var toggleCart = function () { return dispatch((0, slices_1.toggleCartSummary)()); };
+    var handlers = { toggleCart: toggleCart };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        cartTotal: cartTotal,
+        count: count
+    });
+};
+exports.default = CartButton;

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

@@ -0,0 +1,13 @@
+import { CartItem as CartItemType } from '@open-tender/types';
+import { CartItemProps, QuantityProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const CartItem: ({ item, isLast, isEditable, isCheckout, navigate, children, QuantityView }: {
+    item: CartItemType;
+    isLast?: boolean;
+    isEditable?: boolean;
+    isCheckout?: boolean;
+    navigate: (route: string) => void;
+    children: (props: CartItemProps) => ReactNode;
+    QuantityView: (props: QuantityProps) => ReactNode;
+}) => React.ReactNode;
+export default CartItem;

package/dist/cjs/components/CartItem.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Quantity_1 = tslib_1.__importDefault(require("./Quantity"));
+var CartItem = function (_a) {
+    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, _d = _a.isCheckout, isCheckout = _d === void 0 ? false : _d, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
+    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _e.cartItem, checkoutCartItem = _e.checkoutCartItem;
+    var display_cals = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).display_cals;
+    var increment = (0, react_1.useCallback)(function () { return dispatch((0, slices_1.incrementItemInCart)(item)); }, [item, dispatch]);
+    var decrement = (0, react_1.useCallback)(function () { return dispatch((0, slices_1.decrementItemInCart)(item)); }, [dispatch, item]);
+    var remove = function () { return dispatch((0, slices_1.removeItemFromCart)(item)); };
+    var edit = function () {
+        dispatch((0, slices_1.setCurrentItem)(item));
+        navigate('/menu/item');
+    };
+    var handlers = { increment: increment, decrement: decrement, edit: edit, remove: remove };
+    var renderQuantity = (0, react_1.useCallback)(function (quantity) { return (react_1.default.createElement(Quantity_1.default, { fontSize: 24, iconSize: 28, quantity: quantity, increment: increment, decrement: decrement, children: QuantityView })); }, [increment, decrement, QuantityView]);
+    if (!config || !checkoutCartItem)
+        return null;
+    return children({
+        item: item,
+        config: isCheckout && checkoutCartItem ? checkoutCartItem : config,
+        handlers: handlers,
+        isLast: isLast,
+        isEditable: isEditable,
+        renderQuantity: renderQuantity,
+        apiUrl: apiUrl,
+        displayCals: display_cals
+    });
+};
+exports.default = CartItem;

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

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