@open-tender/store 1.1.161 → 1.1.162

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

@@ -1,11 +1,12 @@
 import { CartItemGroups, CartLevels } from '@open-tender/types';
 import { Handlers, ItemGroupsProps, ItemOptionProps, ErrorMessageProps, SuccessMessageProps, ItemGroupProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemGroups: ({ handlers, groups, levels, excludeSize, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
+declare const ItemGroups: ({ handlers, groups, levels, excludeSize, className, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
     handlers: Handlers;
     groups: CartItemGroups;
     levels: CartLevels;
     excludeSize?: boolean;
+    className?: string;
     children: (props: ItemGroupsProps) => ReactNode;
     ItemOptionView: (props: ItemOptionProps) => ReactNode;
     ItemGroupView: (props: ItemGroupProps) => ReactNode;

package/dist/cjs/components/ItemGroups.js

@@ -7,9 +7,9 @@ var slices_1 = require("../slices");
 var ItemGroup_1 = tslib_1.__importDefault(require("./ItemGroup"));
 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, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, _c = _a.className, className = _c === void 0 ? 'itemOption' : _c, children = _a.children, 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, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [levels, handlers, ItemOptionView]);
+    var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView, className: className })); }, [levels, handlers, ItemOptionView, className]);
     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;

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

@@ -1,12 +1,13 @@
 import { CartItemGroup, CartItemOption, CartLevels } from '@open-tender/types';
 import { Handlers, ItemOptionProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const ItemOption: ({ handlers, group, option, levels, placeholder, children }: {
+declare const ItemOption: ({ handlers, group, option, levels, placeholder, children, className }: {
     handlers: Handlers;
     group: CartItemGroup;
     option: CartItemOption;
     levels: CartLevels;
     placeholder?: string;
     children: (props: ItemOptionProps) => ReactNode;
+    className?: string;
 }) => ReactNode;
 export default ItemOption;

package/dist/cjs/components/ItemOption.js

@@ -4,10 +4,10 @@ var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ItemOption = function (_a) {
-    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children, _b = _a.className, className = _b === void 0 ? 'itemOption' : _b;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
-    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemOption;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), _d = className, config = _c[_d];
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];
     var modifier = (0, utils_1.useModifier)(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);

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

@@ -1,11 +1,12 @@
 import { CartItemGroups, CartLevels } from '@open-tender/types';
 import { Handlers, ItemGroupsProps, ItemOptionProps, ErrorMessageProps, SuccessMessageProps, ItemGroupProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemGroups: ({ handlers, groups, levels, excludeSize, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
+declare const ItemGroups: ({ handlers, groups, levels, excludeSize, className, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
     handlers: Handlers;
     groups: CartItemGroups;
     levels: CartLevels;
     excludeSize?: boolean;
+    className?: string;
     children: (props: ItemGroupsProps) => ReactNode;
     ItemOptionView: (props: ItemOptionProps) => ReactNode;
     ItemGroupView: (props: ItemGroupProps) => ReactNode;

package/dist/esm/components/ItemGroups.js

@@ -4,9 +4,9 @@ import { selectKioskConfig } from '../slices';
 import { default as ItemGroupContainer } from './ItemGroup';
 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, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, _c = _a.className, className = _c === void 0 ? 'itemOption' : _c, children = _a.children, 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, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [levels, handlers, ItemOptionView]);
+    var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionContainer, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView, className: className })); }, [levels, handlers, ItemOptionView, className]);
     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;

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

@@ -1,12 +1,13 @@
 import { CartItemGroup, CartItemOption, CartLevels } from '@open-tender/types';
 import { Handlers, ItemOptionProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const ItemOption: ({ handlers, group, option, levels, placeholder, children }: {
+declare const ItemOption: ({ handlers, group, option, levels, placeholder, children, className }: {
     handlers: Handlers;
     group: CartItemGroup;
     option: CartItemOption;
     levels: CartLevels;
     placeholder?: string;
     children: (props: ItemOptionProps) => ReactNode;
+    className?: string;
 }) => ReactNode;
 export default ItemOption;

package/dist/esm/components/ItemOption.js

@@ -2,10 +2,10 @@ import { useModifier } from '@open-tender/utils';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectKioskApi, selectKioskConfig, setCurrentOption } from '../slices';
 var ItemOption = function (_a) {
-    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children, _b = _a.className, className = _b === void 0 ? 'itemOption' : _b;
     var dispatch = useAppDispatch();
     var apiUrl = useAppSelector(selectKioskApi);
-    var config = useAppSelector(selectKioskConfig).itemOption;
+    var _c = useAppSelector(selectKioskConfig), _d = className, config = _c[_d];
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];
     var modifier = useModifier(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.161",
+  "version": "1.1.162",
   "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",