@open-tender/store 1.1.168 → 1.1.170

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

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

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, children = _a.children, navigate = _a.navigate, scrollTo = _a.scrollTo, index = _a.index;
+    var category = _a.category, children = _a.children, navigate = _a.navigate;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var current = (0, hooks_1.useAppSelector)(slices_1.selectCurrentCategory);
@@ -15,12 +15,7 @@ var CategoryNavItem = function (_a) {
     var imageUrl = (0, ui_1.makeImageUrl)(category);
     var browse = function () {
         dispatch((0, slices_1.setCurrentCategory)(category));
-        if (scrollTo && index) {
-            scrollTo(index);
-        }
-        else {
-            navigate && navigate('/menu/category');
-        }
+        navigate('/menu/category');
     };
     var handlers = { browse: browse };
     if (!config)

package/dist/cjs/components/Keypad.js

@@ -9,10 +9,21 @@ var Keypad = function (_a) {
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), keypad = _b.keypad, numpad = _b.numpad;
     var isDollar = type === 'dollar';
     var config = type === 'numeric' || isDollar ? numpad : keypad;
-    var handleOnKeyPress = (0, react_1.useCallback)(function (key) { return handlers.change((0, utils_1.getKeyboardValue)(key, value, maxLength)); }, [handlers, value, maxLength]);
+    var _c = (0, react_1.useState)(false), isShiftOn = _c[0], setIsShiftOn = _c[1];
+    var handleOnKeyPress = (0, react_1.useCallback)(function (key) {
+        setIsShiftOn(function (prev) { return (key === '\u21E7' ? !prev : prev); });
+        handlers.change((0, utils_1.getKeyboardValue)(key, value, maxLength, isShiftOn));
+    }, [handlers, value, maxLength, isShiftOn]);
     var viewHandlers = (0, react_1.useMemo)(function () { return ({ keyPress: handleOnKeyPress }); }, [handleOnKeyPress]);
     if (!config)
         return null;
-    return children({ config: config, handlers: viewHandlers, value: value, type: type, isEmail: isEmail });
+    return children({
+        config: config,
+        handlers: viewHandlers,
+        value: value,
+        type: type,
+        isEmail: isEmail,
+        isShiftOn: isShiftOn
+    });
 };
 exports.default = Keypad;

package/dist/cjs/utils/keyboard.d.ts

@@ -1 +1 @@
-export declare const getKeyboardValue: (key: string, value: string, maxLength?: number) => string;
+export declare const getKeyboardValue: (key: string, value: string, maxLength?: number, isShiftOn?: boolean) => string;

package/dist/cjs/utils/keyboard.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getKeyboardValue = void 0;
-var getKeyboardValue = function (key, value, maxLength) {
+var getKeyboardValue = function (key, value, maxLength, isShiftOn) {
     if (key === 'Del')
         return value.slice(0, -1);
     else if (key === 'Clr')
         return '';
-    else if (maxLength && value.length >= maxLength)
+    else if ((maxLength && value.length >= maxLength) || key === '\u21E7')
         return value;
     else if (key === 'Space')
         return value + ' ';
     else
-        return value + key;
+        return value + (isShiftOn ? key.toUpperCase() : key);
 };
 exports.getKeyboardValue = getKeyboardValue;

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

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

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, setCurrentCategory } from '../slices';
 var CategoryNavItem = function (_a) {
-    var category = _a.category, children = _a.children, navigate = _a.navigate, scrollTo = _a.scrollTo, index = _a.index;
+    var category = _a.category, children = _a.children, navigate = _a.navigate;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
     var current = useAppSelector(selectCurrentCategory);
@@ -13,12 +13,7 @@ var CategoryNavItem = function (_a) {
     var imageUrl = makeImageUrl(category);
     var browse = function () {
         dispatch(setCurrentCategory(category));
-        if (scrollTo && index) {
-            scrollTo(index);
-        }
-        else {
-            navigate && navigate('/menu/category');
-        }
+        navigate('/menu/category');
     };
     var handlers = { browse: browse };
     if (!config)

package/dist/esm/components/Keypad.js

@@ -1,4 +1,4 @@
-import { useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 import { getKeyboardValue } from '../utils';
@@ -7,10 +7,21 @@ var Keypad = function (_a) {
     var _b = useAppSelector(selectKioskConfig), keypad = _b.keypad, numpad = _b.numpad;
     var isDollar = type === 'dollar';
     var config = type === 'numeric' || isDollar ? numpad : keypad;
-    var handleOnKeyPress = useCallback(function (key) { return handlers.change(getKeyboardValue(key, value, maxLength)); }, [handlers, value, maxLength]);
+    var _c = useState(false), isShiftOn = _c[0], setIsShiftOn = _c[1];
+    var handleOnKeyPress = useCallback(function (key) {
+        setIsShiftOn(function (prev) { return (key === '\u21E7' ? !prev : prev); });
+        handlers.change(getKeyboardValue(key, value, maxLength, isShiftOn));
+    }, [handlers, value, maxLength, isShiftOn]);
     var viewHandlers = useMemo(function () { return ({ keyPress: handleOnKeyPress }); }, [handleOnKeyPress]);
     if (!config)
         return null;
-    return children({ config: config, handlers: viewHandlers, value: value, type: type, isEmail: isEmail });
+    return children({
+        config: config,
+        handlers: viewHandlers,
+        value: value,
+        type: type,
+        isEmail: isEmail,
+        isShiftOn: isShiftOn
+    });
 };
 export default Keypad;

package/dist/esm/utils/keyboard.d.ts

@@ -1 +1 @@
-export declare const getKeyboardValue: (key: string, value: string, maxLength?: number) => string;
+export declare const getKeyboardValue: (key: string, value: string, maxLength?: number, isShiftOn?: boolean) => string;

package/dist/esm/utils/keyboard.js

@@ -1,12 +1,12 @@
-export var getKeyboardValue = function (key, value, maxLength) {
+export var getKeyboardValue = function (key, value, maxLength, isShiftOn) {
     if (key === 'Del')
         return value.slice(0, -1);
     else if (key === 'Clr')
         return '';
-    else if (maxLength && value.length >= maxLength)
+    else if ((maxLength && value.length >= maxLength) || key === '\u21E7')
         return value;
     else if (key === 'Space')
         return value + ' ';
     else
-        return value + key;
+        return value + (isShiftOn ? key.toUpperCase() : key);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.168",
+  "version": "1.1.170",
   "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.75",
-    "@open-tender/ui": "^0.4.2",
-    "@open-tender/utils": "^0.4.49",
+    "@open-tender/types": "^0.4.77",
+    "@open-tender/ui": "^0.4.4",
+    "@open-tender/utils": "^0.4.52",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",
     "date-fns-tz": "^2.0.0",