@open-tender/store 0.1.10 → 0.1.281

package/dist/cjs/components/SignInQr.js

@@ -0,0 +1,26 @@
+"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 hooks_2 = require("../hooks");
+var slices_1 = require("../slices");
+var SignInQr = function (_a) {
+    var close = _a.close, callback = _a.callback, children = _a.children, listener = _a.listener, cameraScanner = _a.cameraScanner, type = _a.type, imageUrl = _a.imageUrl;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signInQr, errorMessageConfig = _b.errorMessage, modalContentConfig = _b.modalContent;
+    var _c = (0, hooks_2.useSignInQr)(listener, cameraScanner, type, close, callback), handlers = _c.handlers, errMsg = _c.errMsg, scan = _c.scan;
+    var CameraComponent = (0, react_1.useMemo)(function () { return scan === null || scan === void 0 ? void 0 : scan.camera; }, [scan]);
+    if (!config)
+        return null;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        children({
+            config: config,
+            handlers: handlers,
+            errMsg: errMsg,
+            imageUrl: imageUrl,
+            errorMessageConfig: errorMessageConfig,
+            modalContentConfig: modalContentConfig
+        }),
+        (scan === null || scan === void 0 ? void 0 : scan.showScanner) && scan.camera && CameraComponent && (react_1.default.createElement(CameraComponent, null))));
+};
+exports.default = SignInQr;

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

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

package/dist/cjs/components/SignUp.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var SignUp = function (_a) {
+    var handlers = _a.handlers, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signUp, modalContentConfig = _b.modalContent;
+    var web_app_url = ((0, hooks_1.useAppSelector)(slices_1.selectKioskBrand) || {}).webAppUrl;
+    var webAppUrl = web_app_url ? "".concat(web_app_url, "/signup") : null;
+    if (!config)
+        return null;
+    return children({ config: config, modalContentConfig: modalContentConfig, handlers: handlers, webAppUrl: webAppUrl });
+};
+exports.default = SignUp;

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

@@ -0,0 +1,9 @@
+import { Styles, SuccessMessageProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const SuccessMessage: ({ content, icon, style, children }: {
+    content: string;
+    icon?: ReactNode;
+    style?: Styles;
+    children: (props: SuccessMessageProps) => ReactNode;
+}) => ReactNode;
+export default SuccessMessage;

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

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

@@ -0,0 +1,15 @@
+import { SwitchProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Switch: ({ id, label, on, isRequired, disabled, falseTrackColor, thumbColor, trueTrackColor, onChange, children }: {
+    id: number | string;
+    label: string;
+    on: boolean;
+    falseTrackColor?: string;
+    trueTrackColor?: string;
+    thumbColor?: string;
+    isRequired: boolean;
+    disabled: boolean;
+    onChange: (value: boolean) => void;
+    children: (props: SwitchProps) => ReactNode;
+}) => ReactNode;
+export default Switch;

package/dist/cjs/components/Switch.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 Switch = function (_a) {
+    var id = _a.id, label = _a.label, on = _a.on, isRequired = _a.isRequired, disabled = _a.disabled, falseTrackColor = _a.falseTrackColor, thumbColor = _a.thumbColor, trueTrackColor = _a.trueTrackColor, onChange = _a.onChange, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).switch;
+    if (!config)
+        return null;
+    return children({
+        id: id,
+        config: config,
+        label: label,
+        value: on,
+        onTagSwitch: onChange,
+        isRequired: isRequired,
+        disabled: disabled,
+        falseTrackColor: falseTrackColor,
+        thumbColor: thumbColor,
+        trueTrackColor: trueTrackColor
+    });
+};
+exports.default = Switch;

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

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

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

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

@@ -0,0 +1,8 @@
+import { TagsButtonProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const TagsButton: ({ children }: {
+    children: (props: TagsButtonProps & {
+        selectedAllergens: number;
+    }) => ReactNode;
+}) => ReactNode;
+export default TagsButton;

package/dist/cjs/components/TagsButton.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var TagsButton = function (_a) {
+    var _b, _c, _d;
+    var children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).tagsButton;
+    var isTagsModalShown = (0, hooks_1.useAppSelector)(slices_1.selectShowTagsModal);
+    var selectedTags = (0, hooks_1.useAppSelector)(slices_1.selectSelectedTags);
+    var selectedAllergens = (0, hooks_1.useAppSelector)(slices_1.selectSelectedAllergens);
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var onClick = (0, react_1.useCallback)(function () {
+        dispatch((0, slices_1.toggleTagsModal)(!isTagsModalShown));
+    }, [dispatch, isTagsModalShown]);
+    var handlers = { onClick: onClick };
+    return children({
+        config: config,
+        handlers: handlers,
+        isSelected: selectedTags.length > 0 || ((_b = selectedAllergens === null || selectedAllergens === void 0 ? void 0 : selectedAllergens.length) !== null && _b !== void 0 ? _b : 0) > 0,
+        selectedTags: (_c = selectedTags.length) !== null && _c !== void 0 ? _c : 0,
+        selectedAllergens: (_d = selectedAllergens === null || selectedAllergens === void 0 ? void 0 : selectedAllergens.length) !== null && _d !== void 0 ? _d : 0
+    });
+};
+exports.default = TagsButton;

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

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

package/dist/cjs/components/TagsFilter.js

@@ -0,0 +1,81 @@
+"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 Switch_1 = tslib_1.__importDefault(require("./Switch"));
+var TagsFilter = function (_a) {
+    var children = _a.children, SwitchView = _a.SwitchView;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings), display_tags = _b.display_tags, display_allergens = _b.display_allergens;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).tags;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectTags), tags = _c.entities, selectedTags = _c.selectedTags, loadingTags = _c.loading, errorTags = _c.error, showTagsModal = _c.showTagsModal;
+    var _d = (0, hooks_1.useAppSelector)(slices_1.selectAllergens), allergens = _d.entities, selectedAllergens = _d.selectedAllergens, loadingAllergens = _d.loading, errorAllergens = _d.error;
+    var customerAllergens = (0, hooks_1.useAppSelector)(slices_1.selectCustomer).allergens;
+    var _e = (0, react_1.useState)([]), localSelectedTags = _e[0], setLocalSelectedTags = _e[1];
+    var _f = (0, react_1.useState)([]), localSelectedAllergens = _f[0], setLocalSelectedAllergens = _f[1];
+    var isLoading = loadingTags === 'pending' || loadingAllergens === 'pending';
+    (0, react_1.useEffect)(function () {
+        setLocalSelectedTags(selectedTags.map(function (tag) { return tag.tag_id; }));
+        setLocalSelectedAllergens((selectedAllergens !== null && selectedAllergens !== void 0 ? selectedAllergens : [])
+            .concat(customerAllergens !== null && customerAllergens !== void 0 ? customerAllergens : [])
+            .map(function (allergen) { return allergen.allergen_id; }));
+    }, [selectedAllergens, selectedTags, customerAllergens]);
+    var onTagSwitch = function (tag) {
+        setLocalSelectedTags(function (prevSelectedTags) {
+            if (prevSelectedTags.includes(tag.tag_id)) {
+                return prevSelectedTags.filter(function (id) { return id !== tag.tag_id; });
+            }
+            else {
+                return tslib_1.__spreadArray(tslib_1.__spreadArray([], prevSelectedTags, true), [tag.tag_id], false);
+            }
+        });
+    };
+    var onAllergenSwitch = function (allergen) {
+        setLocalSelectedAllergens(function (prevSelectedAllergens) {
+            if (prevSelectedAllergens.includes(allergen.allergen_id)) {
+                return prevSelectedAllergens.filter(function (id) { return id !== allergen.allergen_id; });
+            }
+            else {
+                return tslib_1.__spreadArray(tslib_1.__spreadArray([], prevSelectedAllergens, true), [allergen.allergen_id], false);
+            }
+        });
+    };
+    var handleSubmit = function () {
+        var newSelectedTags = tags.filter(function (tag) {
+            return localSelectedTags.includes(tag.tag_id);
+        });
+        dispatch((0, slices_1.setSelectedTags)(newSelectedTags));
+        var newSelectedAllergens = allergens.filter(function (allergen) {
+            return localSelectedAllergens.includes(allergen.allergen_id);
+        });
+        dispatch((0, slices_1.setSelectedAllergens)(newSelectedAllergens));
+        toggleTagsFilterModal();
+    };
+    var toggleTagsFilterModal = function () {
+        dispatch((0, slices_1.toggleTagsModal)(!showTagsModal));
+    };
+    var handlers = {
+        onTagSwitch: onTagSwitch,
+        onAllergenSwitch: onAllergenSwitch,
+        handleSubmit: handleSubmit,
+        toggleTagsFilterModal: toggleTagsFilterModal
+    };
+    var renderSwitch = (0, react_1.useCallback)(function (tag, allergen) {
+        return tag ? (react_1.default.createElement(Switch_1.default, { key: tag.tag_id, id: tag.tag_id, children: SwitchView, label: (0, utils_1.capitalize)(tag.name), on: localSelectedTags.includes(tag.tag_id), onChange: function () { return onTagSwitch(tag); }, disabled: false, isRequired: true })) : allergen ? (react_1.default.createElement(Switch_1.default, { key: allergen.allergen_id, id: allergen.allergen_id, children: SwitchView, label: (0, utils_1.capitalize)(allergen.name), on: localSelectedAllergens.includes(allergen.allergen_id), onChange: function () { return onAllergenSwitch(allergen); }, disabled: false, isRequired: true })) : null;
+    }, [SwitchView, localSelectedAllergens, localSelectedTags]);
+    return children({
+        config: config,
+        displayTags: display_tags,
+        displayAllergens: display_allergens,
+        handlers: handlers,
+        isLoading: isLoading,
+        renderSwitch: renderSwitch,
+        tags: tags,
+        allergens: allergens,
+        error: (errorTags === null || errorTags === void 0 ? void 0 : errorTags.detail) || (errorAllergens === null || errorAllergens === void 0 ? void 0 : errorAllergens.detail)
+    });
+};
+exports.default = TagsFilter;

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

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

package/dist/cjs/components/TextArea.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var TextArea = function (_a) {
+    var label = _a.label, value = _a.value, setValue = _a.setValue, isRequired = _a.isRequired, style = _a.style, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.input, labelConfig = _b.label;
+    var update = function (evt) {
+        setValue(evt.target.value);
+    };
+    var handlers = { update: update };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        label: label,
+        value: value,
+        isRequired: isRequired,
+        style: style,
+        labelConfig: labelConfig
+    });
+};
+exports.default = TextArea;

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

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

package/dist/cjs/components/UpsellItem.js

@@ -0,0 +1,56 @@
+"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 UpsellItem = 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).upsellItem;
+    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));
+            dispatch((0, slices_1.showNotification)("".concat(builtItem.name, " added to cart!")));
+            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]);
+    if (isIncomplete && !sizeGroup)
+        return null;
+    var handlers = { add: add, addSize: addSize };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        item: item,
+        isLast: isLast,
+        apiUrl: apiUrl,
+        displayCals: display_cals,
+        sizeGroup: sizeGroup
+    });
+};
+exports.default = UpsellItem;

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

@@ -0,0 +1,9 @@
+import { UpsellsProps, UpsellItemProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const Upsells: ({ itemIds, close, children, UpsellItemView }: {
+    itemIds: number[];
+    close: () => void;
+    children: (props: UpsellsProps) => ReactNode;
+    UpsellItemView: (props: UpsellItemProps) => ReactNode;
+}) => React.ReactNode;
+export default Upsells;

package/dist/cjs/components/Upsells.js

@@ -0,0 +1,26 @@
+"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 UpsellItem_1 = tslib_1.__importDefault(require("./UpsellItem"));
+var Upsells = function (_a) {
+    var itemIds = _a.itemIds, close = _a.close, children = _a.children, UpsellItemView = _a.UpsellItemView;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).upsells;
+    var categories = (0, hooks_1.useAppSelector)(slices_1.selectMenu).categories;
+    var itemLookup = (0, react_1.useMemo)(function () { return (0, utils_1.makeMenuItemLookup)(categories); }, [categories]);
+    var items = (0, utils_1.makeUpsellItems)(itemIds, itemLookup);
+    var handlers = { close: close };
+    var renderUpsellItem = (0, react_1.useCallback)(function (item, isLast) { return (react_1.default.createElement(UpsellItem_1.default, { key: item.id, item: item, isLast: isLast, callback: close, children: UpsellItemView })); }, [close, UpsellItemView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        items: items.slice(0, 5),
+        renderUpsellItem: renderUpsellItem
+    });
+};
+exports.default = Upsells;

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

@@ -0,0 +1,79 @@
+import AccessibilityButton from './AccessibilityButton';
+import AccountLoyalty from './AccountLoyalty';
+import AccountSection from './AccountSection';
+import Allergen from './Allergen';
+import Applied from './Applied';
+import ButtonLink from './ButtonLink';
+import CancelButton from './CancelButton';
+import Card from './Card';
+import Cart from './Cart';
+import CartButton from './CartButton';
+import CartItem from './CartItem';
+import CartUpsellItem from './CartUpsellItem';
+import CartUpsells from './CartUpsells';
+import CategoryItem from './CategoryItem';
+import CategoryNav from './CategoryNav';
+import CategoryNavItem from './CategoryNavItem';
+import CategoryNavOther from './CategoryNavOther';
+import Checkout from './Checkout';
+import CheckoutCart from './CheckoutCart';
+import CheckoutContent from './CheckoutContent';
+import CheckoutFooter from './CheckoutFooter';
+import CheckoutHeader from './CheckoutHeader';
+import CheckoutPromoCode from './CheckoutPromoCode';
+import CheckoutTable from './CheckoutTable';
+import CheckoutTotals from './CheckoutTotals';
+import CheckTotals from './CheckTotals';
+import DisabledModal from './DisabledModal';
+import Discount from './Discount';
+import ErrorMessage from './ErrorMessage';
+import FavsButton from './FavsButton';
+import Header from './Header';
+import IdleModal from './IdleModal';
+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 LoyaltyDiscount from './LoyaltyDiscount';
+import LoyaltyDiscounts from './LoyaltyDiscounts';
+import MadeForName from './MadeForName';
+import MadeForNotes from './MadeForNotes';
+import MenuCategory from './MenuCategory';
+import MenuOther from './MenuOther';
+import ModalContent from './ModalContent';
+import ModalHeader from './ModalHeader';
+import Notifications from './Notifications';
+import NutritionalInfo from './NutritionalInfo';
+import Option from './Option';
+import OrderCard from './OrderCard';
+import OrderDetails from './OrderDetails';
+import OrderDetailsItem from './OrderDetailsItem';
+import PointsReward from './PointsReward';
+import PointsRewards from './PointsRewards';
+import PromoCode from './PromoCode';
+import Quantity from './Quantity';
+import Reward from './Reward';
+import Rewards from './Rewards';
+import SignIn from './SignIn';
+import SignInButton from './SignInButton';
+import SignInCheckout from './SignInCheckout';
+import SignInOptionsModal from './SignInOptionsModal';
+import SignInPhone from './SignInPhone';
+import SignInQr from './SignInQr';
+import SignUp from './SignUp';
+import SuccessMessage from './SuccessMessage';
+import Switch from './Switch';
+import Tag from './Tag';
+import TagsButton from './TagsButton';
+import TagsFilter from './TagsFilter';
+import TextArea from './TextArea';
+import UpsellItem from './UpsellItem';
+import Upsells from './Upsells';
+export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal, TagsFilter, Switch, TagsButton, CheckoutTable, DisabledModal, Notifications, LoyaltyDiscount, LoyaltyDiscounts, AccessibilityButton };