@open-tender/store 0.1.9 → 0.1.280

package/dist/cjs/components/CartUpsellItem.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("@open-tender/utils");
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CartUpsellItem = function (_a) {
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var _b = (0, react_1.useState)(false), hasSize = _b[0], setHasSize = _b[1];
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartUpsellItem;
+    var display_cals = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).display_cals;
+    var _c = (0, utils_1.useBuilder)(item), builtItem = _c.item, toggleOption = _c.toggleOption;
+    var quantity = builtItem.quantity, groups = builtItem.groups;
+    var sizeGroup = groups === null || groups === void 0 ? void 0 : groups.find(function (i) { return i.isSize; });
+    var groupsBelowMin = (0, utils_1.hasGroupsBelowMin)(null, groups);
+    var isIncomplete = "".concat(quantity) === '' || quantity === 0 || groupsBelowMin;
+    var add = function () {
+        if (!isIncomplete) {
+            dispatch((0, slices_1.addItemToCart)(builtItem));
+            if (callback)
+                callback();
+        }
+    };
+    var addSize = function (optionId) {
+        if (sizeGroup) {
+            toggleOption([[sizeGroup.id, optionId]]);
+            setHasSize(true);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (hasSize && !isIncomplete) {
+            dispatch((0, slices_1.addItemToCart)(builtItem));
+            dispatch((0, slices_1.showNotification)("".concat(builtItem.name, " added to cart!")));
+            if (callback)
+                callback();
+        }
+    }, [hasSize, isIncomplete, builtItem, callback, dispatch]);
+    var handlers = { add: add, addSize: addSize };
+    if (isIncomplete && !sizeGroup)
+        return null;
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        item: item,
+        isLast: isLast,
+        apiUrl: apiUrl,
+        displayCals: display_cals,
+        sizeGroup: sizeGroup
+    });
+};
+exports.default = CartUpsellItem;

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

@@ -0,0 +1,7 @@
+import { CartUpsellItemProps, CartUpsellsProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const CartUpsells: ({ children, CartUpsellItemView }: {
+    children: (props: CartUpsellsProps) => ReactNode;
+    CartUpsellItemView: (props: CartUpsellItemProps) => ReactNode;
+}) => React.ReactNode;
+export default CartUpsells;

package/dist/cjs/components/CartUpsells.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var utils_1 = require("@open-tender/utils");
+var react_1 = tslib_1.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CartUpsellItem_1 = tslib_1.__importDefault(require("./CartUpsellItem"));
+var CartUpsells = function (_a) {
+    var children = _a.children, CartUpsellItemView = _a.CartUpsellItemView;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartUpsells;
+    var cartIds = (0, hooks_1.useAppSelector)(slices_1.selectCartIds);
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _b.categories, soldOut = _b.soldOut;
+    var upsellItems = (0, react_1.useMemo)(function () { return (0, utils_1.makeUpsellItemsForCart)(categories, cartIds, soldOut); }, [categories, cartIds, soldOut]);
+    var renderCartUpsellItem = (0, react_1.useCallback)(function (item, isLast) { return (react_1.default.createElement(CartUpsellItem_1.default, { key: item.id, item: item, isLast: isLast, children: CartUpsellItemView })); }, [CartUpsellItemView]);
+    if (!config || !upsellItems.length)
+        return null;
+    return children({
+        config: config,
+        upsellItems: upsellItems.slice(0, 5),
+        renderCartUpsellItem: renderCartUpsellItem
+    });
+};
+exports.default = CartUpsells;

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

@@ -0,0 +1,14 @@
+import { MenuItem, MenuItemFavorite } from '@open-tender/types';
+import { CategoryItemProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+interface CategoryItemInterface {
+    item: MenuItem;
+    favorite?: MenuItemFavorite;
+    allergenAlerts?: string[];
+    placeholder?: string;
+    index?: number;
+    navigate: (route: string) => void;
+    children: (props: CategoryItemProps) => ReactNode;
+}
+declare const _default: import("react").MemoExoticComponent<({ item, favorite, allergenAlerts, placeholder, index, navigate, children }: CategoryItemInterface) => ReactNode>;
+export default _default;

package/dist/cjs/components/CategoryItem.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var utils_1 = require("@open-tender/utils");
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CategoryItem = function (_a) {
+    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, placeholder = _a.placeholder, index = _a.index, navigate = _a.navigate, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryItem;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings), display_cals = _b.display_cals, navigation_page = _b.navigation_page, display_descriptions = _b.display_descriptions;
+    var soldOut = (0, hooks_1.useAppSelector)(slices_1.selectMenu).soldOut;
+    var cartCounts = (0, hooks_1.useAppSelector)(slices_1.selectCartCounts);
+    var pointsProgram = (0, hooks_1.useAppSelector)(slices_1.selectPointsProgram);
+    var hasPoints = !!pointsProgram;
+    var displaySettings = {};
+    var _c = displaySettings || {}, _d = _c.calories, showCals = _d === void 0 ? false : _d, _e = _c.tags, showTags = _e === void 0 ? false : _e, _f = _c.allergens, showAllergens = _f === void 0 ? false : _f;
+    var showDesc = 'SHOW';
+    var orderItem = (0, react_1.useMemo)(function () {
+        return favorite
+            ? tslib_1.__assign(tslib_1.__assign({}, (0, utils_1.rehydrateOrderItem)(item, favorite.item)), { index: -1 }) : (0, utils_1.makeOrderItem)(item, undefined, soldOut, undefined, hasPoints);
+    }, [favorite, hasPoints, item, soldOut]);
+    var cartItem = (0, utils_1.useOrderItem)(orderItem, favorite, allergenAlerts, cartCounts, showCals, showTags, showAllergens, showDesc);
+    var handlers = (0, react_1.useMemo)(function () {
+        var browse = function () {
+            dispatch((0, slices_1.setCurrentItem)(cartItem));
+            navigate('/menu/item');
+        };
+        return { browse: browse };
+    }, [navigate, dispatch, cartItem]);
+    if (!config)
+        return null;
+    return children({
+        item: cartItem,
+        config: config,
+        handlers: handlers,
+        apiUrl: apiUrl,
+        placeholder: placeholder,
+        index: index,
+        displayCals: display_cals,
+        navigationType: navigation_page,
+        displayDescription: display_descriptions
+    });
+};
+exports.default = (0, react_1.memo)(CategoryItem, areEqualProps);
+function areEqualProps(oldProps, newProps) {
+    var _a, _b, _c, _d;
+    return (oldProps.item.id === newProps.item.id &&
+        ((_a = oldProps.favorite) === null || _a === void 0 ? void 0 : _a.item.id) === ((_b = newProps.favorite) === null || _b === void 0 ? void 0 : _b.item.id) &&
+        ((_c = oldProps.allergenAlerts) === null || _c === void 0 ? void 0 : _c.length) === ((_d = newProps.allergenAlerts) === null || _d === void 0 ? void 0 : _d.length));
+}

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

@@ -0,0 +1,10 @@
+import { CategoryNavProps, CategoryNavOtherProps, CategoryNavItemProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const CategoryNav: ({ displayImage, children, navigate, CategoryNavOtherView, CategoryNavItemView }: {
+    displayImage?: boolean;
+    children: (props: CategoryNavProps) => ReactNode;
+    navigate: (route: string) => void;
+    CategoryNavOtherView: (props: CategoryNavOtherProps) => ReactNode;
+    CategoryNavItemView: (props: CategoryNavItemProps) => ReactNode;
+}) => React.ReactNode;
+export default CategoryNav;

package/dist/cjs/components/CategoryNav.js

@@ -0,0 +1,33 @@
+"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 CategoryNavItem_1 = tslib_1.__importDefault(require("./CategoryNavItem"));
+var CategoryNavOther_1 = tslib_1.__importDefault(require("./CategoryNavOther"));
+var CategoryNav = function (_a) {
+    var displayImage = _a.displayImage, children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings), display_featured = _b.display_featured, display_favorites = _b.display_favorites, display_recents = _b.display_recents, navigation_page = _b.navigation_page;
+    var customer = ((0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentified) || {}).customer;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryNav;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _c.categories, featured = _c.featured, rest = tslib_1.__rest(_c, ["categories", "featured"]);
+    var favorites = customer && display_favorites ? rest.favorites : [];
+    var recents = customer && display_recents ? rest.recents : [];
+    var renderCategoryNavOther = (0, react_1.useCallback)(function (title, path) { return (react_1.default.createElement(CategoryNavOther_1.default, { navigate: navigate, title: title, path: path, children: CategoryNavOtherView, displayImage: displayImage, navigationType: navigation_page })); }, [navigate, CategoryNavOtherView, displayImage, navigation_page]);
+    var renderCategoryNavItem = (0, react_1.useCallback)(function (item, index, setItemLayout) { return (react_1.default.createElement(CategoryNavItem_1.default, { key: item.id, navigate: navigate, category: item, index: index, setItemLayout: setItemLayout, children: CategoryNavItemView, displayImage: displayImage, navigationType: navigation_page })); }, [navigate, CategoryNavItemView, displayImage, navigation_page]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        categories: categories,
+        featured: display_featured ? featured : [],
+        favorites: favorites,
+        recents: recents,
+        navigationType: navigation_page,
+        displayImage: displayImage,
+        renderCategoryNavOther: renderCategoryNavOther,
+        renderCategoryNavItem: renderCategoryNavItem
+    });
+};
+exports.default = CategoryNav;

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

@@ -0,0 +1,15 @@
+import { MenuCategory, NavigationPageType } from '@open-tender/types';
+import { CategoryNavItemProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CategoryNavItem: ({ category, isScrollable, isActive, displayImage, navigationType, index, setItemLayout, children, navigate }: {
+    category: MenuCategory;
+    isScrollable?: boolean;
+    isActive?: boolean;
+    displayImage?: boolean;
+    navigationType?: NavigationPageType;
+    index: number;
+    setItemLayout?: (x: number, index: number) => void;
+    navigate?: (route: string) => void;
+    children: (props: CategoryNavItemProps) => ReactNode;
+}) => ReactNode;
+export default CategoryNavItem;

package/dist/cjs/components/CategoryNavItem.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@open-tender/ui");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CategoryNavItem = function (_a) {
+    var category = _a.category, isScrollable = _a.isScrollable, isActive = _a.isActive, displayImage = _a.displayImage, navigationType = _a.navigationType, index = _a.index, setItemLayout = _a.setItemLayout, children = _a.children, navigate = _a.navigate;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
+    var display_category_nav_page = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).display_category_nav_page;
+    var current = (0, hooks_1.useAppSelector)(slices_1.selectCurrentCategory);
+    var isCurrent = isActive || (current === null || current === void 0 ? void 0 : current.id) === category.id;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
+    var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
+    var name = category.name;
+    var imageUrl = (0, ui_1.makeImageUrl)(category);
+    var browse = function () {
+        dispatch((0, slices_1.setCurrentCategory)(category));
+        !isScrollable &&
+            navigate &&
+            navigate(display_category_nav_page ? '/menu/category' : '/menu');
+    };
+    var handlers = { browse: browse };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        title: name,
+        imageUrl: imageUrl,
+        apiUrl: apiUrl,
+        disabled: isScrollable,
+        displayImage: displayImage,
+        navigationType: navigationType,
+        index: index,
+        setItemLayout: setItemLayout
+    });
+};
+exports.default = CategoryNavItem;

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

@@ -0,0 +1,12 @@
+import { NavigationPageType } from '@open-tender/types';
+import { CategoryNavOtherProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CategoryNavOther: ({ title, path, displayImage, navigationType, navigate, children }: {
+    title: string;
+    path: string;
+    displayImage?: boolean;
+    navigationType?: NavigationPageType;
+    navigate: (route: string) => void;
+    children: (props: CategoryNavOtherProps) => ReactNode;
+}) => ReactNode;
+export default CategoryNavOther;

package/dist/cjs/components/CategoryNavOther.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ui_1 = require("@open-tender/ui");
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CategoryNavOther = function (_a) {
+    var title = _a.title, path = _a.path, displayImage = _a.displayImage, navigationType = _a.navigationType, navigate = _a.navigate, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
+    var currentSection = (0, hooks_1.useAppSelector)(slices_1.selectCurrentSection);
+    var isCurrent = path === currentSection;
+    var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectMenu), _d = _c.featured, featured = _d === void 0 ? [] : _d, _e = _c.favorites, favorites = _e === void 0 ? [] : _e, _f = _c.recents, recents = _f === void 0 ? [] : _f;
+    var getCategoryItemImage = (0, react_1.useCallback)(function () {
+        switch (title.toLowerCase()) {
+            case 'featured':
+                return featured.length && featured.length > 0
+                    ? (0, ui_1.makeImageUrl)(featured[0])
+                    : null;
+            case 'favorites':
+                return favorites.length && favorites.length > 0
+                    ? (0, ui_1.makeImageUrl)(favorites[0])
+                    : null;
+            default:
+                return recents.length && recents.length > 0
+                    ? (0, ui_1.makeImageUrl)(recents[0])
+                    : null;
+        }
+    }, [favorites, featured, title, recents]);
+    var browse = function () {
+        dispatch((0, slices_1.setCurrentCategory)(null));
+        navigate(path);
+    };
+    var handlers = { browse: browse };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        title: title,
+        imageUrl: getCategoryItemImage(),
+        apiUrl: apiUrl,
+        displayImage: displayImage,
+        navigationType: navigationType
+    });
+};
+exports.default = CategoryNavOther;

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

@@ -0,0 +1,10 @@
+import { Order } from '@open-tender/types';
+import { CheckTotalsProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CheckTotals: ({ check, isSummary, displayGratuity, children }: {
+    check: Order;
+    isSummary?: boolean;
+    displayGratuity?: boolean;
+    children: (props: CheckTotalsProps) => ReactNode;
+}) => ReactNode;
+export default CheckTotals;

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

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

@@ -0,0 +1,15 @@
+import { CheckoutProps, Handlers } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CheckoutContainer: ({ handlers, title, subtitle, headerContent, content, backTitle, proceedTitle, renderHeader, renderTotals, children }: {
+    handlers: Handlers;
+    title: string;
+    subtitle?: string | null;
+    headerContent?: ReactNode;
+    content: ReactNode;
+    backTitle: string;
+    proceedTitle?: string;
+    renderHeader: () => ReactNode;
+    renderTotals?: () => ReactNode;
+    children: (props: CheckoutProps) => ReactNode;
+}) => ReactNode;
+export default CheckoutContainer;

package/dist/cjs/components/Checkout.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CheckoutContainer = function (_a) {
+    var handlers = _a.handlers, title = _a.title, subtitle = _a.subtitle, headerContent = _a.headerContent, content = _a.content, backTitle = _a.backTitle, proceedTitle = _a.proceedTitle, renderHeader = _a.renderHeader, renderTotals = _a.renderTotals, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkout;
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        title: title,
+        subtitle: subtitle,
+        headerContent: headerContent,
+        content: content,
+        backTitle: backTitle,
+        proceedTitle: proceedTitle,
+        renderHeader: renderHeader,
+        renderTotals: renderTotals
+    });
+};
+exports.default = CheckoutContainer;

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

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

package/dist/cjs/components/CheckoutCart.js

@@ -0,0 +1,16 @@
+"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 CheckoutCart = function (_a) {
+    var cart = _a.cart, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView, CartItemView = _a.CartItemView;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutCart;
+    var renderCartItem = (0, react_1.useCallback)(function (item, index) { return (react_1.default.createElement(CartItem_1.default, { QuantityView: QuantityView, navigate: navigate, children: CartItemView, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false, isCheckout: true })); }, [QuantityView, navigate, CartItemView, cart.length]);
+    if (!config)
+        return null;
+    return children({ config: config, cart: cart, renderCartItem: renderCartItem });
+};
+exports.default = CheckoutCart;

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/CheckoutPromoCode.d.ts

@@ -0,0 +1,7 @@
+import { CheckoutPromoCodeProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const CheckoutPromoCode: ({ showModal, children }: {
+    showModal: (show: boolean) => void;
+    children: (props: CheckoutPromoCodeProps) => ReactNode;
+}) => ReactNode;
+export default CheckoutPromoCode;

package/dist/cjs/components/CheckoutPromoCode.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var CheckoutPromoCode = function (_a) {
+    var showModal = _a.showModal, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutPromoCode;
+    var check = (0, hooks_1.useAppSelector)(slices_1.selectPosCheckout).check;
+    var discounts = (check || {}).discounts;
+    var discount = discounts === null || discounts === void 0 ? void 0 : discounts.find(function (i) { return i.is_promo_code; });
+    var _b = discount || {}, id = _b.id, _c = _b.name, promoCode = _c === void 0 ? null : _c;
+    var add = function () { return showModal(true); };
+    var remove = function () {
+        if (id)
+            dispatch((0, slices_1.removeDiscount)({ id: id }));
+    };
+    var handlers = {
+        add: add,
+        remove: remove
+    };
+    if (!config || !check)
+        return null;
+    return children({ config: config, handlers: handlers, promoCode: promoCode });
+};
+exports.default = CheckoutPromoCode;

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

@@ -0,0 +1,13 @@
+import { InputButtonProps, ScreenConfig, Styles } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const CheckoutTable: ({ label, labelStyle, openTable, InputButtonView, children }: {
+    label: string;
+    labelStyle?: Styles;
+    openTable: () => void;
+    InputButtonView: (props: InputButtonProps) => React.ReactNode;
+    children: (props: {
+        config: ScreenConfig;
+        renderTableInput: () => ReactNode;
+    }) => ReactNode;
+}) => React.ReactNode;
+export default CheckoutTable;

package/dist/cjs/components/CheckoutTable.js

@@ -0,0 +1,17 @@
+"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 InputButton_1 = tslib_1.__importDefault(require("./InputButton"));
+var CheckoutTable = function (_a) {
+    var label = _a.label, labelStyle = _a.labelStyle, openTable = _a.openTable, InputButtonView = _a.InputButtonView, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutTable;
+    var table = (0, hooks_1.useAppSelector)(slices_1.selectOrder).table;
+    var renderTableInput = (0, react_1.useCallback)(function () {
+        return (react_1.default.createElement(InputButton_1.default, { label: label, labelStyle: labelStyle, value: table || '', open: openTable, isRequired: false, children: InputButtonView }));
+    }, [InputButtonView, label, labelStyle, openTable, table]);
+    return children({ config: config, renderTableInput: renderTableInput });
+};
+exports.default = CheckoutTable;

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

@@ -0,0 +1,10 @@
+import { Order } from '@open-tender/types';
+import { CheckTotalsProps, CheckoutTotalsProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const CheckoutTotalsContainer: ({ check, displayGratuity, children, CheckTotalsView }: {
+    check: Order;
+    displayGratuity?: boolean;
+    children: (props: CheckoutTotalsProps) => ReactNode;
+    CheckTotalsView: (props: CheckTotalsProps) => React.ReactNode;
+}) => React.ReactNode;
+export default CheckoutTotalsContainer;

package/dist/cjs/components/CheckoutTotals.js

@@ -0,0 +1,18 @@
+"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 CheckTotals_1 = tslib_1.__importDefault(require("./CheckTotals"));
+var CheckoutTotalsContainer = function (_a) {
+    var check = _a.check, displayGratuity = _a.displayGratuity, children = _a.children, CheckTotalsView = _a.CheckTotalsView;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutTotals;
+    var renderCheckTotals = (0, react_1.useCallback)(function () {
+        return (react_1.default.createElement(CheckTotals_1.default, { children: CheckTotalsView, check: check, displayGratuity: displayGratuity }));
+    }, [check, CheckTotalsView]);
+    if (!config)
+        return null;
+    return children({ config: config, renderCheckTotals: renderCheckTotals });
+};
+exports.default = CheckoutTotalsContainer;

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

@@ -0,0 +1,10 @@
+import { ScreenConfig } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const DisabledModal: ({ children, message }: {
+    children: ({ config, disableText }: {
+        config: ScreenConfig;
+        disableText?: string;
+    }) => ReactNode;
+    message?: string;
+}) => ReactNode;
+export default DisabledModal;

package/dist/cjs/components/DisabledModal.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var DisabledModal = function (_a) {
+    var _b;
+    var children = _a.children, message = _a.message;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).disabled;
+    var disable_kiosk_message = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).disable_kiosk_message;
+    return children({
+        config: config,
+        disableText: (_b = message !== null && message !== void 0 ? message : disable_kiosk_message) !== null && _b !== void 0 ? _b : undefined
+    });
+};
+exports.default = DisabledModal;

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

@@ -0,0 +1,9 @@
+import { Discount as DiscountType } from '@open-tender/types';
+import { DiscountProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Discount: ({ discount, children, isSmall }: {
+    discount: DiscountType;
+    children: (props: DiscountProps) => ReactNode;
+    isSmall?: boolean;
+}) => ReactNode;
+export default Discount;