@open-tender/store 1.1.181 → 1.1.183

package/dist/cjs/slices/tags.js

@@ -0,0 +1,87 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tagsReducer = exports.selectSelectedTagNames = exports.selectShowTagsModal = exports.selectSelectedTags = exports.selectTags = exports.toggleTagsModal = exports.setSelectedTags = exports.resetTags = exports.fetchTags = exports.TagsActionType = void 0;
+var tslib_1 = require("tslib");
+var toolkit_1 = require("@reduxjs/toolkit");
+var types_1 = require("./types");
+var initialState = {
+    entities: [],
+    error: null,
+    loading: 'idle',
+    selectedTags: [],
+    showTagsModal: false
+};
+var TagsActionType;
+(function (TagsActionType) {
+    TagsActionType["FetchTags"] = "tags/fetchTags";
+})(TagsActionType || (exports.TagsActionType = TagsActionType = {}));
+exports.fetchTags = (0, toolkit_1.createAsyncThunk)(TagsActionType.FetchTags, function (_1, _a) { return tslib_1.__awaiter(void 0, [_1, _a], void 0, function (_, _b) {
+    var api, data, 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.getTags()];
+            case 1:
+                data = _c.sent();
+                return [2 /*return*/, data];
+            case 2:
+                err_1 = _c.sent();
+                return [2 /*return*/, rejectWithValue(err_1)];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); });
+var tagsSlice = (0, toolkit_1.createSlice)({
+    name: types_1.ReducerType.Tags,
+    initialState: initialState,
+    reducers: {
+        resetTags: function () { return initialState; },
+        setSelectedTags: function (state, action) {
+            state.selectedTags = action.payload;
+        },
+        toggleTagsModal: function (state, action) {
+            state.showTagsModal = action.payload;
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(exports.fetchTags.fulfilled, function (state, action) {
+            state.entities = action.payload;
+            state.loading = 'idle';
+            state.error = null;
+        })
+            .addCase(exports.fetchTags.pending, function (state) {
+            state.loading = 'pending';
+        })
+            .addCase(exports.fetchTags.rejected, function (state, action) {
+            state.error = action.payload;
+            state.loading = 'idle';
+        });
+    }
+});
+exports.resetTags = (_a = tagsSlice.actions, _a.resetTags), exports.setSelectedTags = _a.setSelectedTags, exports.toggleTagsModal = _a.toggleTagsModal;
+var selectTags = function (state) { return state.tags; };
+exports.selectTags = selectTags;
+var selectSelectedTags = function (state) { return state.tags.selectedTags; };
+exports.selectSelectedTags = selectSelectedTags;
+var selectShowTagsModal = function (state) { return state.tags.showTagsModal; };
+exports.selectShowTagsModal = selectShowTagsModal;
+exports.selectSelectedTagNames = (0, toolkit_1.createSelector)(function (state) {
+    var _a = state.tags, tags = _a.entities, selectedTags = _a.selectedTags;
+    return { tags: tags, selectedTags: selectedTags };
+}, function (_a) {
+    var tags = _a.tags, selectedTags = _a.selectedTags;
+    if (!selectedTags)
+        return [];
+    var selected = selectedTags.map(function (i) {
+        var _a;
+        var tag = tags.find(function (a) { return a.tag_id === i.tag_id; });
+        return tag ? (_a = tag.name) !== null && _a !== void 0 ? _a : '' : '';
+    });
+    return selected;
+});
+exports.tagsReducer = tagsSlice.reducer;

package/dist/cjs/slices/types.d.ts

@@ -27,5 +27,6 @@ export declare enum ReducerType {
     Sidebar = "sidebar",
     Surcharges = "surcharges",
     Taxes = "taxes",
-    Idle = "idle"
+    Idle = "idle",
+    Tags = "tags"
 }

package/dist/cjs/slices/types.js

@@ -32,4 +32,5 @@ var ReducerType;
     ReducerType["Surcharges"] = "surcharges";
     ReducerType["Taxes"] = "taxes";
     ReducerType["Idle"] = "idle";
+    ReducerType["Tags"] = "tags";
 })(ReducerType || (exports.ReducerType = ReducerType = {}));

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

@@ -28,5 +28,6 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     surcharges: import("..").SurchargesState;
     taxes: import("..").TaxesState;
     idle: import("..").IdleState;
+    tags: import("..").TagsState;
 }, undefined, import("redux").UnknownAction> & import("redux").Dispatch<import("redux").Action>;
 export declare const useAppSelector: TypedUseSelectorHook<RootState>;

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

@@ -27,6 +27,7 @@ export declare const appReducer: import("redux").Reducer<{
     surcharges: import("../slices").SurchargesState;
     taxes: import("../slices").TaxesState;
     idle: import("../slices").IdleState;
+    tags: import("../slices").TagsState;
 }, import("redux").UnknownAction, Partial<{
     alerts: import("@open-tender/types").Alerts | undefined;
     arrivals: import("../slices").ArrivalsState | undefined;
@@ -55,6 +56,7 @@ export declare const appReducer: import("redux").Reducer<{
     surcharges: import("../slices").SurchargesState | undefined;
     taxes: import("../slices").TaxesState | undefined;
     idle: import("../slices").IdleState | undefined;
+    tags: import("../slices").TagsState | undefined;
 }>>;
 export type AppState = ReturnType<typeof appReducer>;
 declare const store: import("@reduxjs/toolkit").EnhancedStore<{
@@ -85,6 +87,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     surcharges: import("../slices").SurchargesState;
     taxes: import("../slices").TaxesState;
     idle: import("../slices").IdleState;
+    tags: import("../slices").TagsState;
 }, Action, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
     dispatch: import("redux-thunk").ThunkDispatch<{
         alerts: import("@open-tender/types").Alerts;
@@ -114,6 +117,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
         surcharges: import("../slices").SurchargesState;
         taxes: import("../slices").TaxesState;
         idle: import("../slices").IdleState;
+        tags: import("../slices").TagsState;
     }, undefined, import("redux").UnknownAction>;
 }>, import("redux").StoreEnhancer]>>;
 export type AppDispatch = typeof store.dispatch;

package/dist/esm/app/store.js

@@ -1,5 +1,5 @@
 import { combineReducers, configureStore } from '@reduxjs/toolkit';
-import { alertsReducer, arrivalsReducer, cartSummaryReducer, checkoutReducer, configReducer, customerReducer, customerIdentifyReducer, dealsReducer, discountsReducer, errorAlertsReducer, kdsReducer, kioskReducer, menuReducer, menuPagesReducer, modalReducer, notificationsReducer, offlineAuthsReducer, orderReducer, posReducer, punchesReducer, refundReducer, sendReceiptReducer, settingsReducer, sidebarReducer, surchargesReducer, taxesReducer, idleReducer } from '../slices';
+import { alertsReducer, arrivalsReducer, cartSummaryReducer, checkoutReducer, configReducer, customerReducer, customerIdentifyReducer, dealsReducer, discountsReducer, errorAlertsReducer, kdsReducer, kioskReducer, menuReducer, menuPagesReducer, modalReducer, notificationsReducer, offlineAuthsReducer, orderReducer, posReducer, punchesReducer, refundReducer, sendReceiptReducer, settingsReducer, sidebarReducer, surchargesReducer, taxesReducer, idleReducer, tagsReducer } from '../slices';
 export var appReducer = combineReducers({
     alerts: alertsReducer,
     arrivals: arrivalsReducer,
@@ -27,7 +27,8 @@ export var appReducer = combineReducers({
     sidebar: sidebarReducer,
     surcharges: surchargesReducer,
     taxes: taxesReducer,
-    idle: idleReducer
+    idle: idleReducer,
+    tags: tagsReducer
 });
 var rootReducer = function (state, action) {
     if (action.type === 'clearState') {

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

@@ -1,9 +1,11 @@
 import { MenuCategory } from '@open-tender/types';
 import { CategoryNavItemProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryNavItem: ({ category, children, navigate }: {
+declare const CategoryNavItem: ({ index, category, children, navigate, scrollToIndex }: {
+    index?: number;
     category: MenuCategory;
     navigate: (route: string) => void;
     children: (props: CategoryNavItemProps) => ReactNode;
+    scrollToIndex?: (index: number) => void;
 }) => ReactNode;
 export default CategoryNavItem;

package/dist/esm/components/CategoryNavItem.js

@@ -2,7 +2,7 @@ import { makeImageUrl } from '@open-tender/ui';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCurrentCategory, selectKioskApi, selectKioskConfig, setCurrentCategory } from '../slices';
 var CategoryNavItem = function (_a) {
-    var category = _a.category, children = _a.children, navigate = _a.navigate;
+    var index = _a.index, category = _a.category, children = _a.children, navigate = _a.navigate, scrollToIndex = _a.scrollToIndex;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var current = useAppSelector(selectCurrentCategory);
@@ -13,7 +13,12 @@ var CategoryNavItem = function (_a) {
     var imageUrl = makeImageUrl(category);
     var browse = function () {
         dispatch(setCurrentCategory(category));
-        navigate('/menu/category');
+        if (scrollToIndex && index) {
+            scrollToIndex(index);
+        }
+        else {
+            navigate('/menu/category');
+        }
     };
     var handlers = { browse: browse };
     if (!config)

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

@@ -1,9 +1,9 @@
 import { Order } from '@open-tender/types';
 import { ErrorMessageProps, OrderCardProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const OrderCard: ({ order, goToCheckout, children, ErrorMessageView }: {
+declare const OrderCard: ({ order, navigate, children, ErrorMessageView }: {
     order: Order;
-    goToCheckout: () => void;
+    navigate: (route: string) => void;
     children: (props: OrderCardProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
 }) => React.ReactNode;

package/dist/esm/components/OrderCard.js

@@ -1,11 +1,10 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { v4 as uuidv4 } from 'uuid';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { useOrder } from '../hooks';
-import { selectKioskConfig, selectOrder, reorder as reorderPastOrder, openModal, selectKioskApi, setOrderId } from '../slices';
+import { selectKioskConfig, selectOrder, reorder as reorderPastOrder, openModal, selectKioskApi } from '../slices';
 import { default as ErrorMessageContainer } from './ErrorMessage';
 var OrderCard = function (_a) {
-    var order = _a.order, goToCheckout = _a.goToCheckout, children = _a.children, ErrorMessageView = _a.ErrorMessageView;
+    var order = _a.order, navigate = _a.navigate, children = _a.children, ErrorMessageView = _a.ErrorMessageView;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var _b = useState(null), errMsg = _b[0], setErrMsg = _b[1];
@@ -15,7 +14,7 @@ var OrderCard = function (_a) {
     var isLoading = loading === 'pending';
     var _e = useOrder(order), itemImages = _e.itemImages, itemNames = _e.itemNames, orderNo = _e.orderNo, title = _e.title, subtitle = _e.subtitle;
     var view = function () {
-        dispatch(openModal({ type: 'ORDER_DETAILS', args: { order: order, goToCheckout: goToCheckout } }));
+        dispatch(openModal({ type: 'ORDER_DETAILS', args: { order: order } }));
     };
     var reorder = function () {
         setErrMsg(null);
@@ -30,11 +29,10 @@ var OrderCard = function (_a) {
                 setErrMsg(error.detail);
             }
             else {
-                dispatch(setOrderId(uuidv4()));
-                goToCheckout();
+                navigate('/checkout/details');
             }
         }
-    }, [dispatch, isLoading, isReordering, error, goToCheckout]);
+    }, [isLoading, isReordering, error, navigate]);
     var renderErrorMessage = useCallback(function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
     if (!config)
         return null;

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

@@ -1,10 +1,9 @@
 import { Order } from '@open-tender/types';
 import { CheckTotalsProps, OrderDetailsItemProps, OrderDetailsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const OrderDetails: ({ order, close, goToCheckout, children, CheckTotalsView, OrderDetailsItemView }: {
+declare const OrderDetails: ({ order, close, children, CheckTotalsView, OrderDetailsItemView }: {
     order: Order;
     close: () => void;
-    goToCheckout: () => void;
     children: (props: OrderDetailsProps) => ReactNode;
     CheckTotalsView: (props: CheckTotalsProps) => ReactNode;
     OrderDetailsItemView: (props: OrderDetailsItemProps) => ReactNode;

package/dist/esm/components/OrderDetails.js

@@ -1,20 +1,17 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { v4 as uuidv4 } from 'uuid';
+import React, { useCallback, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { useOrder } from '../hooks';
-import { selectKioskConfig, reorder as reorderPastOrder, selectKioskApi, selectOrder, setOrderId } from '../slices';
+import { selectKioskConfig, reorder as reorderPastOrder, selectKioskApi } from '../slices';
 import { default as CheckTotalsContainer } from './CheckTotals';
 import { default as OrderDetailsItemContainer } from './OrderDetailsItem';
 var OrderDetails = function (_a) {
-    var order = _a.order, close = _a.close, goToCheckout = _a.goToCheckout, children = _a.children, CheckTotalsView = _a.CheckTotalsView, OrderDetailsItemView = _a.OrderDetailsItemView;
+    var order = _a.order, close = _a.close, children = _a.children, CheckTotalsView = _a.CheckTotalsView, OrderDetailsItemView = _a.OrderDetailsItemView;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var _b = useState(null), errMsg = _b[0], setErrMsg = _b[1];
     var _c = useState(false), isReordering = _c[0], setIsReordering = _c[1];
     var _d = useOrder(order), subtitle = _d.title, title = _d.orderNo, requestedAt = _d.requestedAt;
-    var _e = useAppSelector(selectOrder), loading = _e.loading, error = _e.error;
-    var isLoading = loading === 'pending';
-    var _f = useAppSelector(selectKioskConfig), config = _f.orderDetails, modalContentConfig = _f.modalContent;
+    var _e = useAppSelector(selectKioskConfig), config = _e.orderDetails, modalContentConfig = _e.modalContent;
     var reorder = function () {
         setErrMsg(null);
         setIsReordering(true);
@@ -22,19 +19,6 @@ var OrderDetails = function (_a) {
     };
     var renderCheckTotals = useCallback(function () { return React.createElement(CheckTotalsContainer, { check: order, children: CheckTotalsView }); }, [order, CheckTotalsView]);
     var renderOrderDetailsItem = useCallback(function (orderItem) { return (React.createElement(OrderDetailsItemContainer, { key: orderItem.id, orderItem: orderItem, children: OrderDetailsItemView })); }, [OrderDetailsItemView]);
-    useEffect(function () {
-        if (isReordering && !isLoading) {
-            setIsReordering(false);
-            if (error) {
-                setErrMsg(error.detail);
-            }
-            else {
-                dispatch(setOrderId(uuidv4()));
-                goToCheckout();
-                close();
-            }
-        }
-    }, [dispatch, isLoading, isReordering, error, goToCheckout, close]);
     if (!config)
         return null;
     return children({

package/dist/esm/components/SignInPhone.js

@@ -23,7 +23,6 @@ var SignInPhone = function (_a) {
     };
     var retry = function () {
         setShowSignUp(false);
-        setErrMsg(null);
     };
     var handlers = { submit: submit, retry: retry, close: close };
     useEffect(function () {

package/dist/esm/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/esm/components/Switch.js

@@ -0,0 +1,21 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../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 = useAppSelector(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
+    });
+};
+export default Switch;

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

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

package/dist/esm/components/TagsButton.js

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectSelectedTags, selectShowTagsModal, toggleTagsModal } from '../slices';
+var TagsButton = function (_a) {
+    var children = _a.children;
+    var config = useAppSelector(selectKioskConfig).tagsButton;
+    var isTagsModalShown = useAppSelector(selectShowTagsModal);
+    var selectedTags = useAppSelector(selectSelectedTags);
+    var dispatch = useAppDispatch();
+    var onClick = useCallback(function () {
+        dispatch(toggleTagsModal(!isTagsModalShown));
+    }, [dispatch, isTagsModalShown]);
+    var handlers = { onClick: onClick };
+    return children({ config: config, handlers: handlers, isSelected: selectedTags.length > 0 });
+};
+export default TagsButton;

package/dist/esm/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/esm/components/TagsFilter.js

@@ -0,0 +1,50 @@
+import { __spreadArray } from "tslib";
+import { capitalize } from '@open-tender/utils';
+import React, { useCallback, useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectTags, setSelectedTags, toggleTagsModal } from '../slices';
+import { default as SwitchContainer } from './Switch';
+var TagsFilter = function (_a) {
+    var children = _a.children, SwitchView = _a.SwitchView;
+    var config = useAppSelector(selectKioskConfig).tags;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(selectTags), tags = _b.entities, selectedTags = _b.selectedTags, loading = _b.loading, error = _b.error, showTagsModal = _b.showTagsModal;
+    var _c = useState([]), localSelectedTags = _c[0], setLocalSelectedTags = _c[1];
+    var isLoading = loading === 'pending';
+    useEffect(function () {
+        setLocalSelectedTags(selectedTags.map(function (tag) { return tag.tag_id; }));
+    }, [selectedTags]);
+    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 __spreadArray(__spreadArray([], prevSelectedTags, true), [tag.tag_id], false);
+            }
+        });
+    };
+    var handleSubmit = function () {
+        var newSelectedTags = tags.filter(function (tag) {
+            return localSelectedTags.includes(tag.tag_id);
+        });
+        dispatch(setSelectedTags(newSelectedTags));
+        toggleTagsFilterModal();
+    };
+    var toggleTagsFilterModal = function () {
+        dispatch(toggleTagsModal(!showTagsModal));
+    };
+    var handlers = { onTagSwitch: onTagSwitch, handleSubmit: handleSubmit, toggleTagsFilterModal: toggleTagsFilterModal };
+    var renderSwitch = useCallback(function (tag) {
+        return (React.createElement(SwitchContainer, { key: tag.tag_id, id: tag.tag_id, children: SwitchView, label: capitalize(tag.name), on: localSelectedTags.includes(tag.tag_id), onChange: function () { return onTagSwitch(tag); }, disabled: false, isRequired: true }));
+    }, [SwitchView, localSelectedTags]);
+    return children({
+        config: config,
+        handlers: handlers,
+        isLoading: isLoading,
+        renderSwitch: renderSwitch,
+        tags: tags,
+        error: error === null || error === void 0 ? void 0 : error.detail
+    });
+};
+export default TagsFilter;

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

@@ -63,8 +63,11 @@ 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 };
+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 };

package/dist/esm/components/index.js

@@ -63,8 +63,11 @@ 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 };
+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 };

package/dist/esm/hooks/useOrderValidate.js

@@ -9,12 +9,12 @@ var useOrderValidate = function () {
     var checkout = useAppSelector(selectPosCheckout);
     var order = useAppSelector(selectOrder);
     var preparedOrder = prepareOrder(order, checkout);
-    var orderCheckout = __rest(preparedOrder || {}, []);
-    var prevOrderCheckout = usePrevious(orderCheckout);
+    var ordeCheckout = __rest(preparedOrder || {}, []);
+    var prevOrderCheckout = usePrevious(ordeCheckout);
     useEffect(function () {
-        if (preparedOrder && !isEqual(prevOrderCheckout, orderCheckout)) {
+        if (preparedOrder && !isEqual(prevOrderCheckout, ordeCheckout)) {
             dispatch(validatePosOrder());
         }
-    }, [dispatch, preparedOrder, prevOrderCheckout, orderCheckout]);
+    }, [dispatch, preparedOrder, prevOrderCheckout, ordeCheckout]);
 };
 export default useOrderValidate;

package/dist/esm/services/api.d.ts

@@ -1,4 +1,4 @@
-import { Arrivals, CheckoutTender, CustomerEndpoints, CustomerIdentifier, CustomerIdentify, Discount, Discounts, ItemTypes, Menu, Order, Orders, OrderCreatePos, OrderTender, OrderUpdate, OrderType, RequestedAt, RevenueCenter, SelectOptions, ServiceType, TicketUpdate, TicketsUpdate, TicketStatusUpdate, EntityType, KioskConfig, Store, Settings, InternalSettings, GiftCardCredit, GiftCardBalance, Employee, Punch, Employees, CashEvent, CashSummary, ErrorAlerts, ErrorAlert, OfflineAuths, OfflineAuthsResult, MenuColors, MenuPages, Surcharges, Taxes, CheckoutTenderPos, Refund, DeviceRead, OrderCreateSendReceipt } from '@open-tender/types';
+import { Arrivals, CheckoutTender, CustomerEndpoints, CustomerIdentifier, CustomerIdentify, Discount, Discounts, ItemTypes, Menu, Order, Orders, OrderCreatePos, OrderTender, OrderUpdate, OrderType, RequestedAt, RevenueCenter, SelectOptions, ServiceType, TicketUpdate, TicketsUpdate, TicketStatusUpdate, EntityType, KioskConfig, Store, Settings, InternalSettings, GiftCardCredit, GiftCardBalance, Employee, Punch, Employees, CashEvent, CashSummary, ErrorAlerts, ErrorAlert, OfflineAuths, OfflineAuthsResult, MenuColors, MenuPages, Surcharges, Taxes, CheckoutTenderPos, Refund, DeviceRead, OrderCreateSendReceipt, Tags } from '@open-tender/types';
 import { OrdersParams } from '../slices';
 export interface InitAPI {
     apiUrl: string;
@@ -79,5 +79,6 @@ declare class PosAPI {
     postAcknowledgeArrival(orderId: string): Promise<Order>;
     postRefundValidate(orderId: string, refund: Refund): Promise<Order>;
     postRefund(orderId: string, refund: Refund): Promise<Order>;
+    getTags(): Promise<Tags>;
 }
 export default PosAPI;

package/dist/esm/services/api.js

@@ -370,6 +370,9 @@ var PosAPI = /** @class */ (function () {
     PosAPI.prototype.postRefund = function (orderId, refund) {
         return this.request("/orders/".concat(orderId, "/refund"), 'POST', refund);
     };
+    PosAPI.prototype.getTags = function () {
+        return this.request("/tags");
+    };
     return PosAPI;
 }());
 export default PosAPI;

package/dist/esm/slices/customer.d.ts

@@ -63,6 +63,7 @@ export declare const selectCustomerLoyalty: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => LoyaltyProgramSummary | null) & {
     clearCache: () => void;
     resultsCount: () => number;

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

@@ -25,3 +25,4 @@ export * from './sidebar';
 export * from './surcharges';
 export * from './taxes';
 export * from './idle';
+export * from './tags';

package/dist/esm/slices/index.js

@@ -25,3 +25,4 @@ export * from './sidebar';
 export * from './surcharges';
 export * from './taxes';
 export * from './idle';
+export * from './tags';

package/dist/esm/slices/kiosk.d.ts

@@ -70,6 +70,7 @@ export declare const selectStoreSettings: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => Store) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -119,6 +120,7 @@ export declare const selectKioskTerminal: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => import("@open-tender/types").PosTerminal | null) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -168,6 +170,7 @@ export declare const selectKioskHasPrinter: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -217,6 +220,7 @@ export declare const selectKioskHasScanner: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -266,6 +270,7 @@ export declare const selectKioskApi: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => string) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -315,6 +320,7 @@ export declare const selectKioskConfig: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => AppConfig) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -364,6 +370,7 @@ export declare const selectKioskConfigScreen: (screen: string) => ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => import("@open-tender/ui").ScreenConfig | null) & {
     clearCache: () => void;
     resultsCount: () => number;

package/dist/esm/slices/menuPages.d.ts

@@ -48,6 +48,7 @@ export declare const selectMenuPagesFiltered: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => {
     order_type: import("@open-tender/types").FullOrderType;
     name: string;

package/dist/esm/slices/order.d.ts

@@ -91,6 +91,7 @@ export declare const selectCartIds: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => number[]) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -140,6 +141,7 @@ export declare const selectCartQuantity: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => number) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -189,6 +191,7 @@ export declare const selectCartTotal: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => number) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -238,6 +241,7 @@ export declare const selectCartTotals: ((state: {
     surcharges: import("./surcharges").SurchargesState;
     taxes: import("./taxes").TaxesState;
     idle: import("./idle").IdleState;
+    tags: import("./tags").TagsState;
 }) => {
     count: number;
     total: number;