@open-tender/store 1.1.170 → 1.1.172

package/dist/cjs/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/cjs/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/cjs/app/store.js

@@ -30,7 +30,8 @@ exports.appReducer = (0, toolkit_1.combineReducers)({
     sidebar: slices_1.sidebarReducer,
     surcharges: slices_1.surchargesReducer,
     taxes: slices_1.taxesReducer,
-    idle: slices_1.idleReducer
+    idle: slices_1.idleReducer,
+    tags: slices_1.tagsReducer
 });
 var rootReducer = function (state, action) {
     if (action.type === 'clearState') {

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

@@ -0,0 +1,15 @@
+import { Tags } from '@open-tender/types';
+import { Handlers, ScreenConfig, SwitchProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const TagsFilter: ({ children, SwitchView }: {
+    children: (props: {
+        config: ScreenConfig;
+        tags: Tags;
+        renderSwitch: (props: SwitchProps) => ReactNode;
+        isLoading: boolean;
+        error?: string;
+        handlers: Handlers;
+    }) => ReactNode;
+    SwitchView: (props: SwitchProps) => ReactNode;
+}) => React.ReactNode;
+export default TagsFilter;

package/dist/cjs/components/TagsFilter.js

@@ -0,0 +1,47 @@
+"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 Switch_1 = tslib_1.__importDefault(require("./Switch"));
+var TagsFilter = function (_a) {
+    var children = _a.children, SwitchView = _a.SwitchView;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).tags;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectTags), tags = _b.entities, selectedTags = _b.selectedTags, loading = _b.loading, error = _b.error;
+    var _c = (0, react_1.useState)([]), localSelectedTags = _c[0], setLocalSelectedTags = _c[1];
+    var isLoading = loading === 'pending';
+    (0, react_1.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 tslib_1.__spreadArray(tslib_1.__spreadArray([], prevSelectedTags, true), [tag.tag_id], false);
+            }
+        });
+    };
+    var handleSubmit = function () {
+        var newSelectedTags = tags.filter(function (tag) {
+            return localSelectedTags.includes(tag.tag_id);
+        });
+        dispatch((0, slices_1.setSelectedTags)(newSelectedTags));
+    };
+    var handlers = { onTagSwitch: onTagSwitch, handleSubmit: handleSubmit };
+    var renderSwitch = (0, react_1.useCallback)(function (props) {
+        return (react_1.default.createElement(Switch_1.default, { key: props.id, id: props.id, children: SwitchView, label: props.label, on: props.value, onChange: props.onTagSwitch, disabled: false, isRequired: true }));
+    }, [SwitchView]);
+    return children({
+        config: config,
+        handlers: handlers,
+        isLoading: isLoading,
+        renderSwitch: renderSwitch,
+        tags: tags,
+        error: error === null || error === void 0 ? void 0 : error.detail
+    });
+};
+exports.default = TagsFilter;

package/dist/cjs/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/cjs/services/api.js

@@ -372,6 +372,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;
 }());
 exports.default = PosAPI;

package/dist/cjs/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/cjs/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/cjs/slices/index.js

@@ -28,3 +28,4 @@ tslib_1.__exportStar(require("./sidebar"), exports);
 tslib_1.__exportStar(require("./surcharges"), exports);
 tslib_1.__exportStar(require("./taxes"), exports);
 tslib_1.__exportStar(require("./idle"), exports);
+tslib_1.__exportStar(require("./tags"), exports);

package/dist/cjs/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/cjs/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/cjs/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;

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

@@ -0,0 +1,84 @@
+import { Tags, RequestError, RequestStatus } from '@open-tender/types';
+import { AppState } from '../app';
+export interface TagsState {
+    entities: Tags;
+    error: RequestError;
+    loading: RequestStatus;
+    selectedTags: Tags;
+}
+export declare enum TagsActionType {
+    FetchTags = "tags/fetchTags"
+}
+export declare const fetchTags: import("@reduxjs/toolkit").AsyncThunk<Tags, void, {
+    state: AppState;
+    rejectValue: RequestError;
+    dispatch?: import("redux").Dispatch<import("redux").UnknownAction> | undefined;
+    extra?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export declare const resetTags: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"tags/resetTags">, setSelectedTags: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "tags/setSelectedTags">;
+export declare const selectTags: (state: AppState) => TagsState;
+export declare const selectSelectedTags: (state: AppState) => Tags;
+export declare const selectSelectedTagNames: ((state: {
+    alerts: import("@open-tender/types").Alerts;
+    arrivals: import("./arrivals").ArrivalsState;
+    cartSummary: import("./cartSummary").CartSummaryState;
+    checkout: import("./checkout").CheckoutState;
+    config: import("./config").ConfigState;
+    customer: import("./customer").CustomerState;
+    customerIdentify: import("./customerIdentify").CustomerIdentifyState;
+    deals: import("./deals").DealsState;
+    discounts: import("./discounts").DiscountsState;
+    errorAlerts: import("./errorAlerts").ErrorAlertsState;
+    kds: import("./kds").KdsState;
+    kiosk: import("./kiosk").KioskState;
+    menu: import("./menu").MenuState;
+    menuPages: import("./menuPages").MenuPagesState;
+    modal: import("./modal").ModalState;
+    notifications: import("@open-tender/types").Notifications;
+    offlineAuths: import("./offlineAuths").OfflineAuthsState;
+    order: import("./order").OrderState;
+    pos: import("./pos").PosState;
+    punches: import("./punches").PunchesState;
+    refund: import("./refund").RefundState;
+    sendReceipt: import("./sendReceipt").SendReceiptState;
+    settings: import("./settings").SettingsState;
+    sidebar: import("./sidebar").SidebarState;
+    surcharges: import("./surcharges").SurchargesState;
+    taxes: import("./taxes").TaxesState;
+    idle: import("./idle").IdleState;
+    tags: TagsState;
+}) => string[]) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: {
+        tags: Tags;
+        selectedTags: Tags;
+    }) => string[];
+    memoizedResultFunc: ((resultFuncArgs_0: {
+        tags: Tags;
+        selectedTags: Tags;
+    }) => string[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string[];
+    dependencies: [(state: AppState) => {
+        tags: Tags;
+        selectedTags: Tags;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const tagsReducer: import("redux").Reducer<TagsState>;

package/dist/cjs/slices/tags.js

@@ -0,0 +1,81 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tagsReducer = exports.selectSelectedTagNames = exports.selectSelectedTags = exports.selectTags = 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: []
+};
+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;
+        }
+    },
+    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;
+var selectTags = function (state) { return state.tags; };
+exports.selectTags = selectTags;
+var selectSelectedTags = function (state) { return state.tags.selectedTags; };
+exports.selectSelectedTags = selectSelectedTags;
+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/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/TagsFilter.d.ts

@@ -0,0 +1,15 @@
+import { Tags } from '@open-tender/types';
+import { Handlers, ScreenConfig, SwitchProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const TagsFilter: ({ children, SwitchView }: {
+    children: (props: {
+        config: ScreenConfig;
+        tags: Tags;
+        renderSwitch: (props: SwitchProps) => ReactNode;
+        isLoading: boolean;
+        error?: string;
+        handlers: Handlers;
+    }) => ReactNode;
+    SwitchView: (props: SwitchProps) => ReactNode;
+}) => React.ReactNode;
+export default TagsFilter;

package/dist/esm/components/TagsFilter.js

@@ -0,0 +1,45 @@
+import { __spreadArray } from "tslib";
+import React, { useCallback, useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectTags, setSelectedTags } 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;
+    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));
+    };
+    var handlers = { onTagSwitch: onTagSwitch, handleSubmit: handleSubmit };
+    var renderSwitch = useCallback(function (props) {
+        return (React.createElement(SwitchContainer, { key: props.id, id: props.id, children: SwitchView, label: props.label, on: props.value, onChange: props.onTagSwitch, disabled: false, isRequired: true }));
+    }, [SwitchView]);
+    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/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;

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

@@ -0,0 +1,84 @@
+import { Tags, RequestError, RequestStatus } from '@open-tender/types';
+import { AppState } from '../app';
+export interface TagsState {
+    entities: Tags;
+    error: RequestError;
+    loading: RequestStatus;
+    selectedTags: Tags;
+}
+export declare enum TagsActionType {
+    FetchTags = "tags/fetchTags"
+}
+export declare const fetchTags: import("@reduxjs/toolkit").AsyncThunk<Tags, void, {
+    state: AppState;
+    rejectValue: RequestError;
+    dispatch?: import("redux").Dispatch<import("redux").UnknownAction> | undefined;
+    extra?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export declare const resetTags: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"tags/resetTags">, setSelectedTags: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "tags/setSelectedTags">;
+export declare const selectTags: (state: AppState) => TagsState;
+export declare const selectSelectedTags: (state: AppState) => Tags;
+export declare const selectSelectedTagNames: ((state: {
+    alerts: import("@open-tender/types").Alerts;
+    arrivals: import("./arrivals").ArrivalsState;
+    cartSummary: import("./cartSummary").CartSummaryState;
+    checkout: import("./checkout").CheckoutState;
+    config: import("./config").ConfigState;
+    customer: import("./customer").CustomerState;
+    customerIdentify: import("./customerIdentify").CustomerIdentifyState;
+    deals: import("./deals").DealsState;
+    discounts: import("./discounts").DiscountsState;
+    errorAlerts: import("./errorAlerts").ErrorAlertsState;
+    kds: import("./kds").KdsState;
+    kiosk: import("./kiosk").KioskState;
+    menu: import("./menu").MenuState;
+    menuPages: import("./menuPages").MenuPagesState;
+    modal: import("./modal").ModalState;
+    notifications: import("@open-tender/types").Notifications;
+    offlineAuths: import("./offlineAuths").OfflineAuthsState;
+    order: import("./order").OrderState;
+    pos: import("./pos").PosState;
+    punches: import("./punches").PunchesState;
+    refund: import("./refund").RefundState;
+    sendReceipt: import("./sendReceipt").SendReceiptState;
+    settings: import("./settings").SettingsState;
+    sidebar: import("./sidebar").SidebarState;
+    surcharges: import("./surcharges").SurchargesState;
+    taxes: import("./taxes").TaxesState;
+    idle: import("./idle").IdleState;
+    tags: TagsState;
+}) => string[]) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: {
+        tags: Tags;
+        selectedTags: Tags;
+    }) => string[];
+    memoizedResultFunc: ((resultFuncArgs_0: {
+        tags: Tags;
+        selectedTags: Tags;
+    }) => string[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string[];
+    dependencies: [(state: AppState) => {
+        tags: Tags;
+        selectedTags: Tags;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const tagsReducer: import("redux").Reducer<TagsState>;

package/dist/esm/slices/tags.js

@@ -0,0 +1,76 @@
+var _a;
+import { __awaiter, __generator } from "tslib";
+import { createAsyncThunk, createSelector, createSlice } from '@reduxjs/toolkit';
+import { ReducerType } from './types';
+var initialState = {
+    entities: [],
+    error: null,
+    loading: 'idle',
+    selectedTags: []
+};
+export var TagsActionType;
+(function (TagsActionType) {
+    TagsActionType["FetchTags"] = "tags/fetchTags";
+})(TagsActionType || (TagsActionType = {}));
+export var fetchTags = createAsyncThunk(TagsActionType.FetchTags, function (_1, _a) { return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
+    var api, data, err_1;
+    var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
+    return __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 = createSlice({
+    name: ReducerType.Tags,
+    initialState: initialState,
+    reducers: {
+        resetTags: function () { return initialState; },
+        setSelectedTags: function (state, action) {
+            state.selectedTags = action.payload;
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(fetchTags.fulfilled, function (state, action) {
+            state.entities = action.payload;
+            state.loading = 'idle';
+            state.error = null;
+        })
+            .addCase(fetchTags.pending, function (state) {
+            state.loading = 'pending';
+        })
+            .addCase(fetchTags.rejected, function (state, action) {
+            state.error = action.payload;
+            state.loading = 'idle';
+        });
+    }
+});
+export var resetTags = (_a = tagsSlice.actions, _a.resetTags), setSelectedTags = _a.setSelectedTags;
+export var selectTags = function (state) { return state.tags; };
+export var selectSelectedTags = function (state) { return state.tags.selectedTags; };
+export var selectSelectedTagNames = 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;
+});
+export var tagsReducer = tagsSlice.reducer;

package/dist/esm/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/esm/slices/types.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.170",
+  "version": "1.1.172",
   "description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -62,7 +62,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@open-tender/types": "^0.4.77",
-    "@open-tender/ui": "^0.4.4",
+    "@open-tender/ui": "^0.4.7",
     "@open-tender/utils": "^0.4.52",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",