@open-tender/store 1.1.187 → 1.1.189

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

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

package/dist/cjs/components/CategoryNav.js

@@ -7,15 +7,15 @@ var slices_1 = require("../slices");
 var CategoryNavItem_1 = tslib_1.__importDefault(require("./CategoryNavItem"));
 var CategoryNavOther_1 = tslib_1.__importDefault(require("./CategoryNavOther"));
 var CategoryNav = function (_a) {
-    var children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
-    var _b = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings), display_featured = _b.display_featured, display_favorites = _b.display_favorites, display_recents = _b.display_recents;
+    var _b = _a.isVertical, isVertical = _b === void 0 ? false : _b, children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings), display_featured = _c.display_featured, display_favorites = _c.display_favorites, display_recents = _c.display_recents;
     var customer = ((0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentified) || {}).customer;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryNav;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _c.categories, featured = _c.featured, rest = tslib_1.__rest(_c, ["categories", "featured"]);
+    var _d = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _d.categories, featured = _d.featured, rest = tslib_1.__rest(_d, ["categories", "featured"]);
     var favorites = customer && display_favorites ? rest.favorites : [];
     var recents = customer && display_recents ? rest.recents : [];
     var renderCategoryNavOther = (0, react_1.useCallback)(function (title, path) { return (react_1.default.createElement(CategoryNavOther_1.default, { navigate: navigate, title: title, path: path, children: CategoryNavOtherView })); }, [navigate, CategoryNavOtherView]);
-    var renderCategoryNavItem = (0, react_1.useCallback)(function (item) { return (react_1.default.createElement(CategoryNavItem_1.default, { key: item.id, navigate: navigate, category: item, children: CategoryNavItemView })); }, [navigate, CategoryNavItemView]);
+    var renderCategoryNavItem = (0, react_1.useCallback)(function (item) { return (react_1.default.createElement(CategoryNavItem_1.default, { key: item.id, isVertical: isVertical, navigate: navigate, category: item, children: CategoryNavItemView })); }, [isVertical, navigate, CategoryNavItemView]);
     if (!config)
         return null;
     return children({

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

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

package/dist/cjs/components/CategoryNavItem.js

@@ -4,12 +4,12 @@ var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CategoryNavItem = function (_a) {
-    var index = _a.index, category = _a.category, children = _a.children, navigate = _a.navigate, scrollToIndex = _a.scrollToIndex;
+    var index = _a.index, category = _a.category, _b = _a.isVertical, isVertical = _b === void 0 ? false : _b, children = _a.children, navigate = _a.navigate, scrollToIndex = _a.scrollToIndex;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var current = (0, hooks_1.useAppSelector)(slices_1.selectCurrentCategory);
     var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
-    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.categoryNavItemSelected;
     var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
     var name = category.name;
     var imageUrl = (0, ui_1.makeImageUrl)(category);
@@ -19,7 +19,7 @@ var CategoryNavItem = function (_a) {
             scrollToIndex(index);
         }
         else {
-            navigate('/menu/category');
+            !isVertical && navigate('/menu/category');
         }
     };
     var handlers = { browse: browse };

package/dist/cjs/components/TagsButton.js

@@ -13,6 +13,11 @@ var TagsButton = function (_a) {
         dispatch((0, slices_1.toggleTagsModal)(!isTagsModalShown));
     }, [dispatch, isTagsModalShown]);
     var handlers = { onClick: onClick };
-    return children({ config: config, handlers: handlers, isSelected: selectedTags.length > 0 });
+    return children({
+        config: config,
+        handlers: handlers,
+        isSelected: selectedTags.length > 0,
+        selectedTags: selectedTags.length
+    });
 };
 exports.default = TagsButton;

package/dist/cjs/slices/tags.js

@@ -4,8 +4,8 @@ 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 menu_1 = require("./menu");
+var types_1 = require("./types");
 var initialState = {
     entities: [],
     error: null,

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

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

package/dist/esm/components/CategoryNav.js

@@ -5,15 +5,15 @@ import { selectCustomerIdentified, selectKioskConfig, selectMenu, selectStoreSet
 import { default as CategoryNavItemContainer } from './CategoryNavItem';
 import { default as CategoryNavOtherContainer } from './CategoryNavOther';
 var CategoryNav = function (_a) {
-    var children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
-    var _b = useAppSelector(selectStoreSettings), display_featured = _b.display_featured, display_favorites = _b.display_favorites, display_recents = _b.display_recents;
+    var _b = _a.isVertical, isVertical = _b === void 0 ? false : _b, children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
+    var _c = useAppSelector(selectStoreSettings), display_featured = _c.display_featured, display_favorites = _c.display_favorites, display_recents = _c.display_recents;
     var customer = (useAppSelector(selectCustomerIdentified) || {}).customer;
     var config = useAppSelector(selectKioskConfig).categoryNav;
-    var _c = useAppSelector(selectMenu), categories = _c.categories, featured = _c.featured, rest = __rest(_c, ["categories", "featured"]);
+    var _d = useAppSelector(selectMenu), categories = _d.categories, featured = _d.featured, rest = __rest(_d, ["categories", "featured"]);
     var favorites = customer && display_favorites ? rest.favorites : [];
     var recents = customer && display_recents ? rest.recents : [];
     var renderCategoryNavOther = useCallback(function (title, path) { return (React.createElement(CategoryNavOtherContainer, { navigate: navigate, title: title, path: path, children: CategoryNavOtherView })); }, [navigate, CategoryNavOtherView]);
-    var renderCategoryNavItem = useCallback(function (item) { return (React.createElement(CategoryNavItemContainer, { key: item.id, navigate: navigate, category: item, children: CategoryNavItemView })); }, [navigate, CategoryNavItemView]);
+    var renderCategoryNavItem = useCallback(function (item) { return (React.createElement(CategoryNavItemContainer, { key: item.id, isVertical: isVertical, navigate: navigate, category: item, children: CategoryNavItemView })); }, [isVertical, navigate, CategoryNavItemView]);
     if (!config)
         return null;
     return children({

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

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

package/dist/esm/components/CategoryNavItem.js

@@ -2,12 +2,12 @@ import { makeImageUrl } from '@open-tender/ui';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCurrentCategory, selectKioskApi, selectKioskConfig, setCurrentCategory } from '../slices';
 var CategoryNavItem = function (_a) {
-    var index = _a.index, category = _a.category, children = _a.children, navigate = _a.navigate, scrollToIndex = _a.scrollToIndex;
+    var index = _a.index, category = _a.category, _b = _a.isVertical, isVertical = _b === void 0 ? false : _b, children = _a.children, navigate = _a.navigate, scrollToIndex = _a.scrollToIndex;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var current = useAppSelector(selectCurrentCategory);
     var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
-    var _b = useAppSelector(selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
+    var _c = useAppSelector(selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.categoryNavItemSelected;
     var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
     var name = category.name;
     var imageUrl = makeImageUrl(category);
@@ -17,7 +17,7 @@ var CategoryNavItem = function (_a) {
             scrollToIndex(index);
         }
         else {
-            navigate('/menu/category');
+            !isVertical && navigate('/menu/category');
         }
     };
     var handlers = { browse: browse };

package/dist/esm/components/TagsButton.js

@@ -11,6 +11,11 @@ var TagsButton = function (_a) {
         dispatch(toggleTagsModal(!isTagsModalShown));
     }, [dispatch, isTagsModalShown]);
     var handlers = { onClick: onClick };
-    return children({ config: config, handlers: handlers, isSelected: selectedTags.length > 0 });
+    return children({
+        config: config,
+        handlers: handlers,
+        isSelected: selectedTags.length > 0,
+        selectedTags: selectedTags.length
+    });
 };
 export default TagsButton;

package/dist/esm/slices/tags.js

@@ -1,8 +1,8 @@
 var _a;
 import { __awaiter, __generator } from "tslib";
 import { createAsyncThunk, createSelector, createSlice } from '@reduxjs/toolkit';
-import { ReducerType } from './types';
 import { resetMenu } from './menu';
+import { ReducerType } from './types';
 var initialState = {
     entities: [],
     error: null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.187",
+  "version": "1.1.189",
   "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.78",
-    "@open-tender/ui": "^0.4.11",
+    "@open-tender/ui": "^0.4.12",
     "@open-tender/utils": "^0.4.61",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",