@open-tender/store 1.1.35 → 1.1.37

package/dist/cjs/components/ItemGroups.js

@@ -9,8 +9,8 @@ var ItemOption_1 = tslib_1.__importDefault(require("./ItemOption"));
 var ItemGroups = function (_a) {
     var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, children = _a.children, apiUrl = _a.apiUrl, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemGroups;
-    var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { apiUrl: apiUrl, levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [apiUrl, levels, handlers, ItemOptionView]);
-    var renderItemGroup = (0, react_1.useCallback)(function (group, content) { return (react_1.default.createElement(ItemGroup_1.default, { SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView, group: group, content: content, children: ItemGroupView })); }, [ItemGroupView, ErrorMessageView, SuccessMessageView]);
+    var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { key: "".concat(group.id, "-").concat(option.id), apiUrl: apiUrl, levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [apiUrl, levels, handlers, ItemOptionView]);
+    var renderItemGroup = (0, react_1.useCallback)(function (group, content) { return (react_1.default.createElement(ItemGroup_1.default, { key: group.id, SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView, group: group, content: content, children: ItemGroupView })); }, [ItemGroupView, ErrorMessageView, SuccessMessageView]);
     if (!config)
         return null;
     return children({

package/dist/cjs/config/guest.js

@@ -6,10 +6,7 @@ var utils_1 = require("../utils");
 var guest = {
     guest: {
         classes: 'hide-scrollbar',
-        props: {
-            src: 'https://s3.amazonaws.com/betterboh/u/img/staging/2/1708230146_burger-with-cheeses--1600x2403.jpg',
-            alt: 'Open Tender Landing'
-        },
+        props: {},
         style: {
             alignItems: 'stretch',
             flexBasis: 'auto',
@@ -178,7 +175,6 @@ var guest = {
         props: {},
         style: {
             alignItems: 'stretch',
-            // backgroundColor: 'green',
             flexDirection: 'row',
             justifyContent: 'flex-start',
             paddingBottom: utils_1.theme.spacing.padding.large,

package/dist/cjs/config/menu.js

@@ -31,6 +31,14 @@ var menu = {
             paddingRight: theme_1.theme.spacing.padding.medium
         }
     },
+    menu__headerContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            maxWidth: 720
+        }
+    },
     menu__title: {
         classes: '',
         props: {

package/dist/cjs/hooks/useKioskImageUrl.js

@@ -6,7 +6,7 @@ var slices_1 = require("../slices");
 var useKioskImageUrl = function (entity) {
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var app_image_url = entity.app_image_url, small_image_url = entity.small_image_url, large_image_url = entity.large_image_url;
-    var imageUrl = large_image_url || small_image_url || app_image_url;
+    var imageUrl = small_image_url || app_image_url || large_image_url;
     if (!imageUrl)
         return null;
     return imageUrl.startsWith('/cloud-files') ? apiUrl + imageUrl : imageUrl;

package/dist/esm/components/ItemGroups.js

@@ -6,8 +6,8 @@ import { default as ItemOptionContainer } from './ItemOption';
 var ItemGroups = function (_a) {
     var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, children = _a.children, apiUrl = _a.apiUrl, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
     var config = useAppSelector(selectKioskConfig).itemGroups;
-    var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionContainer, { apiUrl: apiUrl, levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [apiUrl, levels, handlers, ItemOptionView]);
-    var renderItemGroup = useCallback(function (group, content) { return (React.createElement(ItemGroupContainer, { SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView, group: group, content: content, children: ItemGroupView })); }, [ItemGroupView, ErrorMessageView, SuccessMessageView]);
+    var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionContainer, { key: "".concat(group.id, "-").concat(option.id), apiUrl: apiUrl, levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [apiUrl, levels, handlers, ItemOptionView]);
+    var renderItemGroup = useCallback(function (group, content) { return (React.createElement(ItemGroupContainer, { key: group.id, SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView, group: group, content: content, children: ItemGroupView })); }, [ItemGroupView, ErrorMessageView, SuccessMessageView]);
     if (!config)
         return null;
     return children({

package/dist/esm/config/guest.js

@@ -4,10 +4,7 @@ import { theme } from '../utils';
 var guest = {
     guest: {
         classes: 'hide-scrollbar',
-        props: {
-            src: 'https://s3.amazonaws.com/betterboh/u/img/staging/2/1708230146_burger-with-cheeses--1600x2403.jpg',
-            alt: 'Open Tender Landing'
-        },
+        props: {},
         style: {
             alignItems: 'stretch',
             flexBasis: 'auto',
@@ -176,7 +173,6 @@ var guest = {
         props: {},
         style: {
             alignItems: 'stretch',
-            // backgroundColor: 'green',
             flexDirection: 'row',
             justifyContent: 'flex-start',
             paddingBottom: theme.spacing.padding.large,

package/dist/esm/config/menu.js

@@ -29,6 +29,14 @@ var menu = {
             paddingRight: theme.spacing.padding.medium
         }
     },
+    menu__headerContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            maxWidth: 720
+        }
+    },
     menu__title: {
         classes: '',
         props: {

package/dist/esm/hooks/useKioskImageUrl.js

@@ -3,7 +3,7 @@ import { selectKioskApi } from '../slices';
 export var useKioskImageUrl = function (entity) {
     var apiUrl = useAppSelector(selectKioskApi);
     var app_image_url = entity.app_image_url, small_image_url = entity.small_image_url, large_image_url = entity.large_image_url;
-    var imageUrl = large_image_url || small_image_url || app_image_url;
+    var imageUrl = small_image_url || app_image_url || large_image_url;
     if (!imageUrl)
         return null;
     return imageUrl.startsWith('/cloud-files') ? apiUrl + imageUrl : imageUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.35",
+  "version": "1.1.37",
   "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,9 +61,9 @@
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
-    "@open-tender/types": "^0.4.56",
-    "@open-tender/ui": "^0.3.21",
-    "@open-tender/utils": "^0.4.30",
+    "@open-tender/types": "^0.4.57",
+    "@open-tender/ui": "^0.3.40",
+    "@open-tender/utils": "^0.4.31",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",
     "date-fns-tz": "^2.0.0",