@open-tender/store 1.1.188 → 1.1.189

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,7 @@
1
1
  import { CategoryNavProps, CategoryNavOtherProps, CategoryNavItemProps } from '@open-tender/ui';
2
2
  import React, { ReactNode } from 'react';
3
- declare const CategoryNav: ({ children, navigate, CategoryNavOtherView, CategoryNavItemView }: {
3
+ declare const CategoryNav: ({ isVertical, children, navigate, CategoryNavOtherView, CategoryNavItemView }: {
4
+ isVertical?: boolean;
4
5
  children: (props: CategoryNavProps) => ReactNode;
5
6
  navigate: (route: string) => void;
6
7
  CategoryNavOtherView: (props: CategoryNavOtherProps) => ReactNode;
@@ -7,15 +7,15 @@ var slices_1 = require("../slices");
7
7
  var CategoryNavItem_1 = tslib_1.__importDefault(require("./CategoryNavItem"));
8
8
  var CategoryNavOther_1 = tslib_1.__importDefault(require("./CategoryNavOther"));
9
9
  var CategoryNav = function (_a) {
10
- var children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
11
- var _b = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings), display_featured = _b.display_featured, display_favorites = _b.display_favorites, display_recents = _b.display_recents;
10
+ var _b = _a.isVertical, isVertical = _b === void 0 ? false : _b, children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
11
+ var _c = (0, hooks_1.useAppSelector)(slices_1.selectStoreSettings), display_featured = _c.display_featured, display_favorites = _c.display_favorites, display_recents = _c.display_recents;
12
12
  var customer = ((0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentified) || {}).customer;
13
13
  var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryNav;
14
- var _c = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _c.categories, featured = _c.featured, rest = tslib_1.__rest(_c, ["categories", "featured"]);
14
+ var _d = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _d.categories, featured = _d.featured, rest = tslib_1.__rest(_d, ["categories", "featured"]);
15
15
  var favorites = customer && display_favorites ? rest.favorites : [];
16
16
  var recents = customer && display_recents ? rest.recents : [];
17
17
  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]);
18
- 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]);
18
+ 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]);
19
19
  if (!config)
20
20
  return null;
21
21
  return children({
@@ -1,9 +1,10 @@
1
1
  import { MenuCategory } from '@open-tender/types';
2
2
  import { CategoryNavItemProps } from '@open-tender/ui';
3
3
  import { ReactNode } from 'react';
4
- declare const CategoryNavItem: ({ index, category, children, navigate, scrollToIndex }: {
4
+ declare const CategoryNavItem: ({ index, category, isVertical, children, navigate, scrollToIndex }: {
5
5
  index?: number;
6
6
  category: MenuCategory;
7
+ isVertical?: boolean;
7
8
  navigate: (route: string) => void;
8
9
  children: (props: CategoryNavItemProps) => ReactNode;
9
10
  scrollToIndex?: (index: number) => void;
@@ -4,12 +4,12 @@ var ui_1 = require("@open-tender/ui");
4
4
  var hooks_1 = require("../app/hooks");
5
5
  var slices_1 = require("../slices");
6
6
  var CategoryNavItem = function (_a) {
7
- var index = _a.index, category = _a.category, children = _a.children, navigate = _a.navigate, scrollToIndex = _a.scrollToIndex;
7
+ 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;
8
8
  var dispatch = (0, hooks_1.useAppDispatch)();
9
9
  var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
10
10
  var current = (0, hooks_1.useAppSelector)(slices_1.selectCurrentCategory);
11
11
  var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
12
- var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
12
+ var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.categoryNavItemSelected;
13
13
  var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
14
14
  var name = category.name;
15
15
  var imageUrl = (0, ui_1.makeImageUrl)(category);
@@ -19,7 +19,7 @@ var CategoryNavItem = function (_a) {
19
19
  scrollToIndex(index);
20
20
  }
21
21
  else {
22
- navigate('/menu/category');
22
+ !isVertical && navigate('/menu/category');
23
23
  }
24
24
  };
25
25
  var handlers = { browse: browse };
@@ -1,6 +1,7 @@
1
1
  import { CategoryNavProps, CategoryNavOtherProps, CategoryNavItemProps } from '@open-tender/ui';
2
2
  import React, { ReactNode } from 'react';
3
- declare const CategoryNav: ({ children, navigate, CategoryNavOtherView, CategoryNavItemView }: {
3
+ declare const CategoryNav: ({ isVertical, children, navigate, CategoryNavOtherView, CategoryNavItemView }: {
4
+ isVertical?: boolean;
4
5
  children: (props: CategoryNavProps) => ReactNode;
5
6
  navigate: (route: string) => void;
6
7
  CategoryNavOtherView: (props: CategoryNavOtherProps) => ReactNode;
@@ -5,15 +5,15 @@ import { selectCustomerIdentified, selectKioskConfig, selectMenu, selectStoreSet
5
5
  import { default as CategoryNavItemContainer } from './CategoryNavItem';
6
6
  import { default as CategoryNavOtherContainer } from './CategoryNavOther';
7
7
  var CategoryNav = function (_a) {
8
- var children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
9
- var _b = useAppSelector(selectStoreSettings), display_featured = _b.display_featured, display_favorites = _b.display_favorites, display_recents = _b.display_recents;
8
+ var _b = _a.isVertical, isVertical = _b === void 0 ? false : _b, children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
9
+ var _c = useAppSelector(selectStoreSettings), display_featured = _c.display_featured, display_favorites = _c.display_favorites, display_recents = _c.display_recents;
10
10
  var customer = (useAppSelector(selectCustomerIdentified) || {}).customer;
11
11
  var config = useAppSelector(selectKioskConfig).categoryNav;
12
- var _c = useAppSelector(selectMenu), categories = _c.categories, featured = _c.featured, rest = __rest(_c, ["categories", "featured"]);
12
+ var _d = useAppSelector(selectMenu), categories = _d.categories, featured = _d.featured, rest = __rest(_d, ["categories", "featured"]);
13
13
  var favorites = customer && display_favorites ? rest.favorites : [];
14
14
  var recents = customer && display_recents ? rest.recents : [];
15
15
  var renderCategoryNavOther = useCallback(function (title, path) { return (React.createElement(CategoryNavOtherContainer, { navigate: navigate, title: title, path: path, children: CategoryNavOtherView })); }, [navigate, CategoryNavOtherView]);
16
- var renderCategoryNavItem = useCallback(function (item) { return (React.createElement(CategoryNavItemContainer, { key: item.id, navigate: navigate, category: item, children: CategoryNavItemView })); }, [navigate, CategoryNavItemView]);
16
+ var renderCategoryNavItem = useCallback(function (item) { return (React.createElement(CategoryNavItemContainer, { key: item.id, isVertical: isVertical, navigate: navigate, category: item, children: CategoryNavItemView })); }, [isVertical, navigate, CategoryNavItemView]);
17
17
  if (!config)
18
18
  return null;
19
19
  return children({
@@ -1,9 +1,10 @@
1
1
  import { MenuCategory } from '@open-tender/types';
2
2
  import { CategoryNavItemProps } from '@open-tender/ui';
3
3
  import { ReactNode } from 'react';
4
- declare const CategoryNavItem: ({ index, category, children, navigate, scrollToIndex }: {
4
+ declare const CategoryNavItem: ({ index, category, isVertical, children, navigate, scrollToIndex }: {
5
5
  index?: number;
6
6
  category: MenuCategory;
7
+ isVertical?: boolean;
7
8
  navigate: (route: string) => void;
8
9
  children: (props: CategoryNavItemProps) => ReactNode;
9
10
  scrollToIndex?: (index: number) => void;
@@ -2,12 +2,12 @@ import { makeImageUrl } from '@open-tender/ui';
2
2
  import { useAppDispatch, useAppSelector } from '../app/hooks';
3
3
  import { selectCurrentCategory, selectKioskApi, selectKioskConfig, setCurrentCategory } from '../slices';
4
4
  var CategoryNavItem = function (_a) {
5
- var index = _a.index, category = _a.category, children = _a.children, navigate = _a.navigate, scrollToIndex = _a.scrollToIndex;
5
+ 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;
6
6
  var dispatch = useAppDispatch();
7
7
  var apiUrl = useAppSelector(selectKioskApi);
8
8
  var current = useAppSelector(selectCurrentCategory);
9
9
  var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
10
- var _b = useAppSelector(selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
10
+ var _c = useAppSelector(selectKioskConfig), categoryNavItem = _c.categoryNavItem, categoryNavItemSelected = _c.categoryNavItemSelected;
11
11
  var config = isCurrent ? categoryNavItemSelected : categoryNavItem;
12
12
  var name = category.name;
13
13
  var imageUrl = makeImageUrl(category);
@@ -17,7 +17,7 @@ var CategoryNavItem = function (_a) {
17
17
  scrollToIndex(index);
18
18
  }
19
19
  else {
20
- navigate('/menu/category');
20
+ !isVertical && navigate('/menu/category');
21
21
  }
22
22
  };
23
23
  var handlers = { browse: browse };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@open-tender/store",
3
- "version": "1.1.188",
3
+ "version": "1.1.189",
4
4
  "description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",