@open-tender/store 1.1.199 → 1.1.201

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

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

package/dist/cjs/components/CategoryNavItem.js

@@ -4,24 +4,21 @@ 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 category = _a.category, isScrollable = _a.isScrollable, isActive = _a.isActive, children = _a.children, navigate = _a.navigate;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var display_category_nav_page = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings).display_category_nav_page;
     var current = (0, hooks_1.useAppSelector)(slices_1.selectCurrentCategory);
-    var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
+    var isCurrent = isActive || (current === null || current === void 0 ? void 0 : current.id) === category.id;
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
     var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
     var name = category.name;
     var imageUrl = (0, ui_1.makeImageUrl)(category);
     var browse = function () {
         dispatch((0, slices_1.setCurrentCategory)(category));
-        if (scrollToIndex && index !== undefined) {
-            scrollToIndex(index);
-        }
-        else {
+        !isScrollable &&
+            navigate &&
             navigate(display_category_nav_page ? '/menu/category' : '/menu');
-        }
     };
     var handlers = { browse: browse };
     if (!config)
@@ -31,7 +28,8 @@ var CategoryNavItem = function (_a) {
         handlers: handlers,
         title: name,
         imageUrl: imageUrl,
-        apiUrl: apiUrl
+        apiUrl: apiUrl,
+        disabled: isScrollable
     });
 };
 exports.default = CategoryNavItem;

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

@@ -8,6 +8,6 @@ declare const Header: ({ to, backText, backAction, pathname, navigate, children,
     navigate: (route: string) => void;
     children: (props: HeaderProps) => ReactNode;
     SignInButtonView: (props: SignInButtonProps) => ReactNode;
-    TagsButtonView: (props: TagsButtonProps) => ReactNode;
+    TagsButtonView?: (props: TagsButtonProps) => ReactNode;
 }) => React.ReactNode;
 export default Header;

package/dist/cjs/components/Header.js

@@ -29,7 +29,9 @@ var Header = function (_a) {
     };
     var handlers = { back: back, open: open, startOver: startOver };
     var renderSignInButton = (0, react_1.useCallback)(function () { return (react_1.default.createElement(SignInButton_1.default, { pathname: pathname, navigate: navigate, children: SignInButtonView })); }, [pathname, navigate, SignInButtonView]);
-    var renderTagsButton = (0, react_1.useCallback)(function () { return react_1.default.createElement(TagsButton_1.default, { children: TagsButtonView }); }, [TagsButtonView]);
+    var renderTagsButton = (0, react_1.useCallback)(function () {
+        return TagsButtonView ? react_1.default.createElement(TagsButton_1.default, { children: TagsButtonView }) : null;
+    }, [TagsButtonView]);
     if (!config)
         return null;
     return children({
@@ -38,7 +40,7 @@ var Header = function (_a) {
         showButtons: showButtons,
         backText: backText,
         renderSignInButton: display_sign_in ? renderSignInButton : undefined,
-        renderTagsButton: renderTagsButton
+        renderTagsButton: TagsButtonView ? renderTagsButton : undefined
     });
 };
 exports.default = Header;

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

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

package/dist/esm/components/CategoryNavItem.js

@@ -2,24 +2,21 @@ import { makeImageUrl } from '@open-tender/ui';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCurrentCategory, selectKioskApi, selectKioskConfig, selectStoreSettings, setCurrentCategory } from '../slices';
 var CategoryNavItem = function (_a) {
-    var index = _a.index, category = _a.category, children = _a.children, navigate = _a.navigate, scrollToIndex = _a.scrollToIndex;
+    var category = _a.category, isScrollable = _a.isScrollable, isActive = _a.isActive, children = _a.children, navigate = _a.navigate;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var display_category_nav_page = useAppSelector(selectStoreSettings).display_category_nav_page;
     var current = useAppSelector(selectCurrentCategory);
-    var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
+    var isCurrent = isActive || (current === null || current === void 0 ? void 0 : current.id) === category.id;
     var _b = useAppSelector(selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
     var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
     var name = category.name;
     var imageUrl = makeImageUrl(category);
     var browse = function () {
         dispatch(setCurrentCategory(category));
-        if (scrollToIndex && index !== undefined) {
-            scrollToIndex(index);
-        }
-        else {
+        !isScrollable &&
+            navigate &&
             navigate(display_category_nav_page ? '/menu/category' : '/menu');
-        }
     };
     var handlers = { browse: browse };
     if (!config)
@@ -29,7 +26,8 @@ var CategoryNavItem = function (_a) {
         handlers: handlers,
         title: name,
         imageUrl: imageUrl,
-        apiUrl: apiUrl
+        apiUrl: apiUrl,
+        disabled: isScrollable
     });
 };
 export default CategoryNavItem;

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

@@ -8,6 +8,6 @@ declare const Header: ({ to, backText, backAction, pathname, navigate, children,
     navigate: (route: string) => void;
     children: (props: HeaderProps) => ReactNode;
     SignInButtonView: (props: SignInButtonProps) => ReactNode;
-    TagsButtonView: (props: TagsButtonProps) => ReactNode;
+    TagsButtonView?: (props: TagsButtonProps) => ReactNode;
 }) => React.ReactNode;
 export default Header;

package/dist/esm/components/Header.js

@@ -26,7 +26,9 @@ var Header = function (_a) {
     };
     var handlers = { back: back, open: open, startOver: startOver };
     var renderSignInButton = useCallback(function () { return (React.createElement(SignInButtonContainer, { pathname: pathname, navigate: navigate, children: SignInButtonView })); }, [pathname, navigate, SignInButtonView]);
-    var renderTagsButton = useCallback(function () { return React.createElement(TagsButtonContainer, { children: TagsButtonView }); }, [TagsButtonView]);
+    var renderTagsButton = useCallback(function () {
+        return TagsButtonView ? React.createElement(TagsButtonContainer, { children: TagsButtonView }) : null;
+    }, [TagsButtonView]);
     if (!config)
         return null;
     return children({
@@ -35,7 +37,7 @@ var Header = function (_a) {
         showButtons: showButtons,
         backText: backText,
         renderSignInButton: display_sign_in ? renderSignInButton : undefined,
-        renderTagsButton: renderTagsButton
+        renderTagsButton: TagsButtonView ? renderTagsButton : undefined
     });
 };
 export default Header;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.199",
+  "version": "1.1.201",
   "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",
@@ -61,8 +61,8 @@
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
-    "@open-tender/types": "^0.4.82",
-    "@open-tender/ui": "^0.4.15",
+    "@open-tender/types": "^0.4.83",
+    "@open-tender/ui": "^0.4.17",
     "@open-tender/utils": "^0.4.61",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",