@open-tender/store 0.3.71 → 0.3.73

package/dist/cjs/types/api/menu.d.ts

@@ -39,6 +39,7 @@ export interface MenuItemGroup {
     min_options: number;
     name: string;
     option_items: Array<OptionItem>;
+    pos_display_color: string | null;
     short_name: string;
     slug: string;
     small_image_url: string | null;

package/dist/cjs/types/theme.d.ts

@@ -4,11 +4,14 @@ export declare type Layout = {
     margin: string;
     headerHeight: string;
     footerHeight: string;
-    asideWidth: string;
     sidebarWidth: string;
     gutter: string;
     paddingLessGutter: string;
     marginLessGutter: string;
+    aside: {
+        width: string;
+        buttonHeight: string;
+    };
     bigButton: {
         width: string;
         height: string;

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

@@ -1,5 +1,6 @@
-import { MenuCategories, MenuSections } from '../types';
+import { MenuCategories, MenuItemGroups, MenuSections } from '../types';
 export declare const flattenCategories: (categories: MenuCategories) => import("../types").MenuCategory[];
+export declare const makeOptionGroups: (groups: MenuItemGroups) => import("../types").MenuItemGroup[];
 export declare const flattenItems: (categories: MenuCategories) => import("../types").MenuItem[];
 export declare const makeMenuSections: (sections: MenuSections, categories: MenuCategories) => {
     items: import("../types").MenuItem[];

package/dist/cjs/utils/menu.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeMenuSections = exports.flattenItems = exports.flattenCategories = void 0;
+exports.makeMenuSections = exports.flattenItems = exports.makeOptionGroups = exports.flattenCategories = void 0;
 var tslib_1 = require("tslib");
 var flattenCategories = function (categories) {
     return categories.reduce(function (arr, i) {
@@ -9,9 +9,17 @@ var flattenCategories = function (categories) {
     }, []);
 };
 exports.flattenCategories = flattenCategories;
+var makeOptionGroups = function (groups) {
+    return groups.reduce(function (arr, i) {
+        var option_items = i.option_items.map(function (option) { return (tslib_1.__assign(tslib_1.__assign({}, option), { color: option.pos_display_color || i.pos_display_color })); });
+        var group = tslib_1.__assign(tslib_1.__assign({}, i), { option_items: option_items });
+        return tslib_1.__spreadArray(tslib_1.__spreadArray([], arr, true), [group], false);
+    }, []);
+};
+exports.makeOptionGroups = makeOptionGroups;
 var flattenItems = function (categories) {
     return categories.reduce(function (arr, i) {
-        var items = i.items.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { color: item.pos_display_color || i.pos_display_color })); });
+        var items = i.items.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { color: item.pos_display_color || i.pos_display_color, option_groups: (0, exports.makeOptionGroups)(item.option_groups) })); });
         return tslib_1.__spreadArray(tslib_1.__spreadArray([], arr, true), items, true);
     }, []);
 };

package/dist/cjs/utils/pos.js

@@ -4,7 +4,7 @@ exports.makeAsideWidth = void 0;
 var helpers_1 = require("./helpers");
 var makeAsideWidth = function (deviceWidth, layout) {
     var padding = (0, helpers_1.pixelsToInt)(layout.padding);
-    var asideWidth = (0, helpers_1.pixelsToInt)(layout.asideWidth);
+    var asideWidth = (0, helpers_1.pixelsToInt)(layout.aside.width);
     var buttonWidth = (0, helpers_1.pixelsToInt)(layout.bigButton.width);
     var remaining = deviceWidth - padding * 2 - asideWidth;
     var count = Math.floor(remaining / buttonWidth);

package/dist/esm/types/api/menu.d.ts

@@ -39,6 +39,7 @@ export interface MenuItemGroup {
     min_options: number;
     name: string;
     option_items: Array<OptionItem>;
+    pos_display_color: string | null;
     short_name: string;
     slug: string;
     small_image_url: string | null;

package/dist/esm/types/theme.d.ts

@@ -4,11 +4,14 @@ export declare type Layout = {
     margin: string;
     headerHeight: string;
     footerHeight: string;
-    asideWidth: string;
     sidebarWidth: string;
     gutter: string;
     paddingLessGutter: string;
     marginLessGutter: string;
+    aside: {
+        width: string;
+        buttonHeight: string;
+    };
     bigButton: {
         width: string;
         height: string;

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

@@ -1,5 +1,6 @@
-import { MenuCategories, MenuSections } from '../types';
+import { MenuCategories, MenuItemGroups, MenuSections } from '../types';
 export declare const flattenCategories: (categories: MenuCategories) => import("../types").MenuCategory[];
+export declare const makeOptionGroups: (groups: MenuItemGroups) => import("../types").MenuItemGroup[];
 export declare const flattenItems: (categories: MenuCategories) => import("../types").MenuItem[];
 export declare const makeMenuSections: (sections: MenuSections, categories: MenuCategories) => {
     items: import("../types").MenuItem[];

package/dist/esm/utils/menu.js

@@ -5,9 +5,16 @@ export var flattenCategories = function (categories) {
         return __spreadArray(__spreadArray([], arr, true), cats, true);
     }, []);
 };
+export var makeOptionGroups = function (groups) {
+    return groups.reduce(function (arr, i) {
+        var option_items = i.option_items.map(function (option) { return (__assign(__assign({}, option), { color: option.pos_display_color || i.pos_display_color })); });
+        var group = __assign(__assign({}, i), { option_items: option_items });
+        return __spreadArray(__spreadArray([], arr, true), [group], false);
+    }, []);
+};
 export var flattenItems = function (categories) {
     return categories.reduce(function (arr, i) {
-        var items = i.items.map(function (item) { return (__assign(__assign({}, item), { color: item.pos_display_color || i.pos_display_color })); });
+        var items = i.items.map(function (item) { return (__assign(__assign({}, item), { color: item.pos_display_color || i.pos_display_color, option_groups: makeOptionGroups(item.option_groups) })); });
         return __spreadArray(__spreadArray([], arr, true), items, true);
     }, []);
 };

package/dist/esm/utils/pos.js

@@ -1,7 +1,7 @@
 import { pixelsToInt } from './helpers';
 export var makeAsideWidth = function (deviceWidth, layout) {
     var padding = pixelsToInt(layout.padding);
-    var asideWidth = pixelsToInt(layout.asideWidth);
+    var asideWidth = pixelsToInt(layout.aside.width);
     var buttonWidth = pixelsToInt(layout.bigButton.width);
     var remaining = deviceWidth - padding * 2 - asideWidth;
     var count = Math.floor(remaining / buttonWidth);

package/package.json

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