@open-tender/store 1.1.207 → 1.1.209

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: ({ displayImage, children, navigate, CategoryNavOtherView, CategoryNavItemView }: {
+    displayImage?: 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 displayImage = _a.displayImage, 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, navigation_page = _b.navigation_page;
     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 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 renderCategoryNavOther = (0, react_1.useCallback)(function (title, path) { return (react_1.default.createElement(CategoryNavOther_1.default, { navigate: navigate, title: title, path: path, children: CategoryNavOtherView, displayImage: displayImage })); }, [navigate, CategoryNavOtherView, displayImage]);
+    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, displayImage: displayImage })); }, [navigate, CategoryNavItemView, displayImage]);
     if (!config)
         return null;
     return children({
@@ -25,6 +25,7 @@ var CategoryNav = function (_a) {
         favorites: favorites,
         recents: recents,
         navigationType: navigation_page,
+        displayImage: displayImage,
         renderCategoryNavOther: renderCategoryNavOther,
         renderCategoryNavItem: renderCategoryNavItem
     });

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

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

package/dist/cjs/components/CategoryNavItem.js

@@ -4,7 +4,7 @@ var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CategoryNavItem = function (_a) {
-    var category = _a.category, isScrollable = _a.isScrollable, isActive = _a.isActive, children = _a.children, navigate = _a.navigate;
+    var category = _a.category, isScrollable = _a.isScrollable, isActive = _a.isActive, displayImage = _a.displayImage, 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;
@@ -29,7 +29,8 @@ var CategoryNavItem = function (_a) {
         title: name,
         imageUrl: imageUrl,
         apiUrl: apiUrl,
-        disabled: isScrollable
+        disabled: isScrollable,
+        displayImage: displayImage
     });
 };
 exports.default = CategoryNavItem;

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

@@ -1,8 +1,9 @@
 import { CategoryNavOtherProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryNavOther: ({ title, path, navigate, children }: {
+declare const CategoryNavOther: ({ title, path, displayImage, navigate, children }: {
     title: string;
     path: string;
+    displayImage?: boolean;
     navigate: (route: string) => void;
     children: (props: CategoryNavOtherProps) => ReactNode;
 }) => ReactNode;

package/dist/cjs/components/CategoryNavOther.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CategoryNavOther = function (_a) {
-    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children;
+    var title = _a.title, path = _a.path, displayImage = _a.displayImage, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
@@ -17,6 +17,13 @@ var CategoryNavOther = function (_a) {
     var handlers = { browse: browse };
     if (!config)
         return null;
-    return children({ config: config, handlers: handlers, title: title, imageUrl: null, apiUrl: apiUrl });
+    return children({
+        config: config,
+        handlers: handlers,
+        title: title,
+        imageUrl: null,
+        apiUrl: apiUrl,
+        displayImage: displayImage
+    });
 };
 exports.default = CategoryNavOther;

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

@@ -1,9 +1,10 @@
 import { CartItemGroup } from '@open-tender/types';
 import { ErrorMessageProps, ItemGroupProps, SuccessMessageProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemGroup: ({ group, content, children, ErrorMessageView, SuccessMessageView }: {
+declare const ItemGroup: ({ group, content, flash, children, ErrorMessageView, SuccessMessageView }: {
     group: CartItemGroup;
     content: ReactNode;
+    flash?: boolean;
     children: (props: ItemGroupProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
     SuccessMessageView: (props: SuccessMessageProps) => ReactNode;

package/dist/cjs/components/ItemGroup.js

@@ -8,7 +8,7 @@ var slices_1 = require("../slices");
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 var SuccessMessage_1 = tslib_1.__importDefault(require("./SuccessMessage"));
 var ItemGroup = function (_a) {
-    var group = _a.group, content = _a.content, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
+    var group = _a.group, content = _a.content, flash = _a.flash, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemGroup;
     var modifierGroup = (0, utils_1.useModifierGroup)(group);
     var renderErrorMessage = (0, react_1.useCallback)(function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
@@ -19,6 +19,7 @@ var ItemGroup = function (_a) {
         config: config,
         group: modifierGroup,
         children: content,
+        flash: flash,
         renderErrorMessage: renderErrorMessage,
         renderSuccessMessage: renderSuccessMessage
     });

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: ({ displayImage, children, navigate, CategoryNavOtherView, CategoryNavItemView }: {
+    displayImage?: 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 displayImage = _a.displayImage, 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, navigation_page = _b.navigation_page;
     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 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 renderCategoryNavOther = useCallback(function (title, path) { return (React.createElement(CategoryNavOtherContainer, { navigate: navigate, title: title, path: path, children: CategoryNavOtherView, displayImage: displayImage })); }, [navigate, CategoryNavOtherView, displayImage]);
+    var renderCategoryNavItem = useCallback(function (item) { return (React.createElement(CategoryNavItemContainer, { key: item.id, navigate: navigate, category: item, children: CategoryNavItemView, displayImage: displayImage })); }, [navigate, CategoryNavItemView, displayImage]);
     if (!config)
         return null;
     return children({
@@ -23,6 +23,7 @@ var CategoryNav = function (_a) {
         favorites: favorites,
         recents: recents,
         navigationType: navigation_page,
+        displayImage: displayImage,
         renderCategoryNavOther: renderCategoryNavOther,
         renderCategoryNavItem: renderCategoryNavItem
     });

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

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

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, selectStoreSettings, setCurrentCategory } from '../slices';
 var CategoryNavItem = function (_a) {
-    var category = _a.category, isScrollable = _a.isScrollable, isActive = _a.isActive, children = _a.children, navigate = _a.navigate;
+    var category = _a.category, isScrollable = _a.isScrollable, isActive = _a.isActive, displayImage = _a.displayImage, children = _a.children, navigate = _a.navigate;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var display_category_nav_page = useAppSelector(selectStoreSettings).display_category_nav_page;
@@ -27,7 +27,8 @@ var CategoryNavItem = function (_a) {
         title: name,
         imageUrl: imageUrl,
         apiUrl: apiUrl,
-        disabled: isScrollable
+        disabled: isScrollable,
+        displayImage: displayImage
     });
 };
 export default CategoryNavItem;

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

@@ -1,8 +1,9 @@
 import { CategoryNavOtherProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryNavOther: ({ title, path, navigate, children }: {
+declare const CategoryNavOther: ({ title, path, displayImage, navigate, children }: {
     title: string;
     path: string;
+    displayImage?: boolean;
     navigate: (route: string) => void;
     children: (props: CategoryNavOtherProps) => ReactNode;
 }) => ReactNode;

package/dist/esm/components/CategoryNavOther.js

@@ -1,7 +1,7 @@
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCurrentSection, selectKioskApi, selectKioskConfig, setCurrentCategory } from '../slices';
 var CategoryNavOther = function (_a) {
-    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children;
+    var title = _a.title, path = _a.path, displayImage = _a.displayImage, navigate = _a.navigate, children = _a.children;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var _b = useAppSelector(selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
@@ -15,6 +15,13 @@ var CategoryNavOther = function (_a) {
     var handlers = { browse: browse };
     if (!config)
         return null;
-    return children({ config: config, handlers: handlers, title: title, imageUrl: null, apiUrl: apiUrl });
+    return children({
+        config: config,
+        handlers: handlers,
+        title: title,
+        imageUrl: null,
+        apiUrl: apiUrl,
+        displayImage: displayImage
+    });
 };
 export default CategoryNavOther;

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

@@ -1,9 +1,10 @@
 import { CartItemGroup } from '@open-tender/types';
 import { ErrorMessageProps, ItemGroupProps, SuccessMessageProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemGroup: ({ group, content, children, ErrorMessageView, SuccessMessageView }: {
+declare const ItemGroup: ({ group, content, flash, children, ErrorMessageView, SuccessMessageView }: {
     group: CartItemGroup;
     content: ReactNode;
+    flash?: boolean;
     children: (props: ItemGroupProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
     SuccessMessageView: (props: SuccessMessageProps) => ReactNode;

package/dist/esm/components/ItemGroup.js

@@ -5,7 +5,7 @@ import { selectKioskConfig } from '../slices';
 import { default as ErrorMessageContainer } from './ErrorMessage';
 import { default as SuccessMessageContainer } from './SuccessMessage';
 var ItemGroup = function (_a) {
-    var group = _a.group, content = _a.content, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
+    var group = _a.group, content = _a.content, flash = _a.flash, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
     var config = useAppSelector(selectKioskConfig).itemGroup;
     var modifierGroup = useModifierGroup(group);
     var renderErrorMessage = useCallback(function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
@@ -16,6 +16,7 @@ var ItemGroup = function (_a) {
         config: config,
         group: modifierGroup,
         children: content,
+        flash: flash,
         renderErrorMessage: renderErrorMessage,
         renderSuccessMessage: renderSuccessMessage
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.207",
+  "version": "1.1.209",
   "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.85",
-    "@open-tender/ui": "^0.4.20",
+    "@open-tender/ui": "^0.4.22",
     "@open-tender/utils": "^0.4.66",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",