@open-tender/store 1.0.36 → 1.1.0

package/dist/cjs/app/hooks.d.ts

@@ -1,7 +1,7 @@
 import { TypedUseSelectorHook } from 'react-redux';
 import type { RootState } from './store';
 export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("..").ArrivalsState;
     cartSummary: import("..").CartSummaryState;
     checkout: import("..").CheckoutState;
@@ -16,7 +16,7 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     menu: import("..").MenuState;
     menuPages: import("..").MenuPagesState;
     modal: import("..").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("..").OfflineAuthsState;
     order: import("..").OrderState;
     pos: import("..").PosState;

package/dist/cjs/app/store.d.ts

@@ -1,6 +1,6 @@
 import { Action, ThunkAction } from '@reduxjs/toolkit';
 export declare const appReducer: import("redux").Reducer<{
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("../slices").ArrivalsState;
     cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
@@ -15,7 +15,7 @@ export declare const appReducer: import("redux").Reducer<{
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
     pos: import("../slices").PosState;
@@ -26,7 +26,7 @@ export declare const appReducer: import("redux").Reducer<{
     surcharges: import("../slices").SurchargesState;
     taxes: import("../slices").TaxesState;
 }, import("redux").UnknownAction, Partial<{
-    alerts: import("..").Alerts | undefined;
+    alerts: import("../types").Alerts | undefined;
     arrivals: import("../slices").ArrivalsState | undefined;
     cartSummary: import("../slices").CartSummaryState | undefined;
     checkout: import("../slices").CheckoutState | undefined;
@@ -41,7 +41,7 @@ export declare const appReducer: import("redux").Reducer<{
     menu: import("../slices").MenuState | undefined;
     menuPages: import("../slices").MenuPagesState | undefined;
     modal: import("../slices").ModalState | undefined;
-    notifications: import("..").Notifications | undefined;
+    notifications: import("../types").Notifications | undefined;
     offlineAuths: import("../slices").OfflineAuthsState | undefined;
     order: import("../slices").OrderState | undefined;
     pos: import("../slices").PosState | undefined;
@@ -54,7 +54,7 @@ export declare const appReducer: import("redux").Reducer<{
 }>>;
 export type AppState = ReturnType<typeof appReducer>;
 declare const store: import("@reduxjs/toolkit").EnhancedStore<{
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("../slices").ArrivalsState;
     cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
@@ -69,7 +69,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
     pos: import("../slices").PosState;
@@ -81,7 +81,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     taxes: import("../slices").TaxesState;
 }, Action, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
     dispatch: import("redux-thunk").ThunkDispatch<{
-        alerts: import("..").Alerts;
+        alerts: import("../types").Alerts;
         arrivals: import("../slices").ArrivalsState;
         cartSummary: import("../slices").CartSummaryState;
         checkout: import("../slices").CheckoutState;
@@ -96,7 +96,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
         menu: import("../slices").MenuState;
         menuPages: import("../slices").MenuPagesState;
         modal: import("../slices").ModalState;
-        notifications: import("..").Notifications;
+        notifications: import("../types").Notifications;
         offlineAuths: import("../slices").OfflineAuthsState;
         order: import("../slices").OrderState;
         pos: import("../slices").PosState;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MenuCategory as MenuCategoryType } from '@open-tender/types';
+import { MenuCategoryProps } from '@open-tender/ui';
+declare const MenuCategory: ({ category, navigate, children }: {
+    category: MenuCategoryType;
+    navigate: (route: string) => void;
+    children: (props: MenuCategoryProps) => React.ReactNode;
+}) => import("react").ReactNode;
+export default MenuCategory;

package/dist/cjs/components/MenuCategory.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../hooks");
+var hooks_2 = require("../app/hooks");
+var slices_1 = require("../slices");
+var MenuCategory = function (_a) {
+    var category = _a.category, navigate = _a.navigate, children = _a.children;
+    var dispatch = (0, hooks_2.useAppDispatch)();
+    var config = (0, hooks_2.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
+    var imageUrl = (0, hooks_1.useKioskImageUrl)(category);
+    var browse = function () {
+        dispatch((0, slices_1.setCurrentCategory)(category));
+        navigate('/menu/category');
+    };
+    var handlers = { browse: browse };
+    return children({ config: config, handlers: handlers, category: category, imageUrl: imageUrl });
+};
+exports.default = MenuCategory;

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

@@ -0,0 +1,2 @@
+import MenuCategory from './MenuCategory';
+export { MenuCategory };

package/dist/cjs/components/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuCategory = void 0;
+var tslib_1 = require("tslib");
+var MenuCategory_1 = tslib_1.__importDefault(require("./MenuCategory"));
+exports.MenuCategory = MenuCategory_1.default;

package/dist/cjs/hooks/index.d.ts

@@ -3,7 +3,8 @@ import useBuilder from './useBuilder';
 import useCardSwipe from './useCardSwipe';
 import useEmployee from './useEmployee';
 import useGiftCardBalance from './useGiftCardBalance';
+import { useKioskImageUrl } from './useKioskImageUrl';
 import usePrevious from './usePrevious';
 import usePunch from './usePunch';
 import useRefund from './useRefund';
-export { useBarcode, useBuilder, useCardSwipe, useEmployee, useGiftCardBalance, usePrevious, usePunch, useRefund };
+export { useBarcode, useBuilder, useCardSwipe, useEmployee, useGiftCardBalance, useKioskImageUrl, usePrevious, usePunch, useRefund };

package/dist/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefund = exports.usePunch = exports.usePrevious = exports.useGiftCardBalance = exports.useEmployee = exports.useCardSwipe = exports.useBuilder = exports.useBarcode = void 0;
+exports.useRefund = exports.usePunch = exports.usePrevious = exports.useKioskImageUrl = exports.useGiftCardBalance = exports.useEmployee = exports.useCardSwipe = exports.useBuilder = exports.useBarcode = void 0;
 var tslib_1 = require("tslib");
 var useBarcode_1 = tslib_1.__importDefault(require("./useBarcode"));
 exports.useBarcode = useBarcode_1.default;
@@ -12,6 +12,8 @@ var useEmployee_1 = tslib_1.__importDefault(require("./useEmployee"));
 exports.useEmployee = useEmployee_1.default;
 var useGiftCardBalance_1 = tslib_1.__importDefault(require("./useGiftCardBalance"));
 exports.useGiftCardBalance = useGiftCardBalance_1.default;
+var useKioskImageUrl_1 = require("./useKioskImageUrl");
+Object.defineProperty(exports, "useKioskImageUrl", { enumerable: true, get: function () { return useKioskImageUrl_1.useKioskImageUrl; } });
 var usePrevious_1 = tslib_1.__importDefault(require("./usePrevious"));
 exports.usePrevious = usePrevious_1.default;
 var usePunch_1 = tslib_1.__importDefault(require("./usePunch"));

package/dist/cjs/hooks/useKioskImageUrl.d.ts

@@ -0,0 +1,2 @@
+import { MenuCategory, MenuItem } from '@open-tender/types';
+export declare const useKioskImageUrl: (entity: MenuItem | MenuCategory) => string | null;

package/dist/cjs/hooks/useKioskImageUrl.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKioskImageUrl = void 0;
+var hooks_1 = require("../app/hooks");
+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;
+    if (!imageUrl)
+        return null;
+    return imageUrl.startsWith('/cloud-files') ? apiUrl + imageUrl : imageUrl;
+};
+exports.useKioskImageUrl = useKioskImageUrl;

package/dist/cjs/index.d.ts

@@ -1,6 +1,6 @@
 import { appReducer } from './app/store';
+export * from './components';
 export * from './hooks';
 export * from './slices';
-export * from './types';
 export * from './utils';
 export { appReducer };

package/dist/cjs/index.js

@@ -4,7 +4,7 @@ exports.appReducer = void 0;
 var tslib_1 = require("tslib");
 var store_1 = require("./app/store");
 Object.defineProperty(exports, "appReducer", { enumerable: true, get: function () { return store_1.appReducer; } });
+tslib_1.__exportStar(require("./components"), exports);
 tslib_1.__exportStar(require("./hooks"), exports);
 tslib_1.__exportStar(require("./slices"), exports);
-tslib_1.__exportStar(require("./types"), exports);
 tslib_1.__exportStar(require("./utils"), exports);

package/dist/cjs/slices/kiosk.d.ts

@@ -40,8 +40,55 @@ export declare const selectKiosk: (state: AppState) => KioskState;
 export declare const selectKioskVersion: (state: AppState) => string | null | undefined;
 export declare const selectKioskStore: (state: AppState) => Store | null;
 export declare const selectKioskBrand: (state: AppState) => KioskBrand | null;
+export declare const selectKioskApi: ((state: {
+    alerts: import("../types").Alerts;
+    arrivals: import("./arrivals").ArrivalsState;
+    cartSummary: import("./cartSummary").CartSummaryState;
+    checkout: import("./checkout").CheckoutState;
+    config: import("./config").ConfigState;
+    customer: import("./customer").CustomerState;
+    customerIdentify: import("./customerIdentify").CustomerIdentifyState;
+    deals: import("./deals").DealsState;
+    discounts: import("./discounts").DiscountsState;
+    errorAlerts: import("./errorAlerts").ErrorAlertsState;
+    kds: import("./kds").KdsState;
+    kiosk: KioskState;
+    menu: import("./menu").MenuState;
+    menuPages: import("./menuPages").MenuPagesState;
+    modal: import("./modal").ModalState;
+    notifications: import("../types").Notifications;
+    offlineAuths: import("./offlineAuths").OfflineAuthsState;
+    order: import("./order").OrderState;
+    pos: import("./pos").PosState;
+    punches: import("./punches").PunchesState;
+    refund: import("./refund").RefundState;
+    settings: import("./settings").SettingsState;
+    sidebar: import("./sidebar").SidebarState;
+    surcharges: import("./surcharges").SurchargesState;
+    taxes: import("./taxes").TaxesState;
+}) => string) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: KioskApp | null) => string;
+    memoizedResultFunc: ((resultFuncArgs_0: KioskApp | null) => string) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string;
+    dependencies: [(state: AppState) => KioskApp | null];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};
 export declare const selectKioskConfig: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -56,7 +103,7 @@ export declare const selectKioskConfig: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: import("./order").OrderState;
     pos: import("./pos").PosState;
@@ -88,7 +135,7 @@ export declare const selectKioskConfig: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectKioskConfigScreen: (screen: string) => ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -103,7 +150,7 @@ export declare const selectKioskConfigScreen: (screen: string) => ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: import("./order").OrderState;
     pos: import("./pos").PosState;

package/dist/cjs/slices/kiosk.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.kioskReducer = exports.selectKioskRatio = exports.selectKioskStyles = exports.selectKioskConfigScreen = exports.selectKioskConfig = exports.selectKioskBrand = exports.selectKioskStore = exports.selectKioskVersion = exports.selectKiosk = exports.setKioskStyles = exports.setKioskConfig = exports.setKioskRatio = exports.setKioskVersion = exports.incrementKioskRetries = exports.resetKioskRetries = exports.resetKiosk = exports.fetchKioskConfig = exports.KioskActionType = void 0;
+exports.kioskReducer = exports.selectKioskRatio = exports.selectKioskStyles = exports.selectKioskConfigScreen = exports.selectKioskConfig = exports.selectKioskApi = exports.selectKioskBrand = exports.selectKioskStore = exports.selectKioskVersion = exports.selectKiosk = exports.setKioskStyles = exports.setKioskConfig = exports.setKioskRatio = exports.setKioskVersion = exports.incrementKioskRetries = exports.resetKioskRetries = exports.resetKiosk = exports.fetchKioskConfig = exports.KioskActionType = void 0;
 var tslib_1 = require("tslib");
 var toolkit_1 = require("@reduxjs/toolkit");
 var services_1 = require("../services");
@@ -141,7 +141,14 @@ var selectKioskStore = function (state) { return state.kiosk.store; };
 exports.selectKioskStore = selectKioskStore;
 var selectKioskBrand = function (state) { return state.kiosk.brand; };
 exports.selectKioskBrand = selectKioskBrand;
-// export const selectKioskConfig = (state: AppState) => state.kiosk.config || {}
+exports.selectKioskApi = (0, toolkit_1.createSelector)(function (state) {
+    var app = state.kiosk.app;
+    return app;
+}, function (app) {
+    if (!app)
+        return 'http://kiosk';
+    return app.apiUrl.replace('/pos-api', '');
+});
 exports.selectKioskConfig = (0, toolkit_1.createSelector)(function (state) {
     var config = state.kiosk.config;
     return config;

package/dist/cjs/slices/order.d.ts

@@ -64,7 +64,7 @@ export declare const selectCurrentOption: (state: AppState) => NestedOption | nu
 export declare const selectCurrentSection: (state: AppState) => string | null;
 export declare const selectCart: (state: AppState) => Cart;
 export declare const selectCartIds: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -79,7 +79,7 @@ export declare const selectCartIds: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: OrderState;
     pos: import("./pos").PosState;
@@ -111,7 +111,7 @@ export declare const selectCartIds: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectCartQuantity: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -126,7 +126,7 @@ export declare const selectCartQuantity: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: OrderState;
     pos: import("./pos").PosState;
@@ -158,7 +158,7 @@ export declare const selectCartQuantity: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectCartTotal: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -173,7 +173,7 @@ export declare const selectCartTotal: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: OrderState;
     pos: import("./pos").PosState;
@@ -205,7 +205,7 @@ export declare const selectCartTotal: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectCartTotals: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -220,7 +220,7 @@ export declare const selectCartTotals: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: OrderState;
     pos: import("./pos").PosState;

package/dist/esm/app/hooks.d.ts

@@ -1,7 +1,7 @@
 import { TypedUseSelectorHook } from 'react-redux';
 import type { RootState } from './store';
 export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("..").ArrivalsState;
     cartSummary: import("..").CartSummaryState;
     checkout: import("..").CheckoutState;
@@ -16,7 +16,7 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     menu: import("..").MenuState;
     menuPages: import("..").MenuPagesState;
     modal: import("..").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("..").OfflineAuthsState;
     order: import("..").OrderState;
     pos: import("..").PosState;

package/dist/esm/app/store.d.ts

@@ -1,6 +1,6 @@
 import { Action, ThunkAction } from '@reduxjs/toolkit';
 export declare const appReducer: import("redux").Reducer<{
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("../slices").ArrivalsState;
     cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
@@ -15,7 +15,7 @@ export declare const appReducer: import("redux").Reducer<{
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
     pos: import("../slices").PosState;
@@ -26,7 +26,7 @@ export declare const appReducer: import("redux").Reducer<{
     surcharges: import("../slices").SurchargesState;
     taxes: import("../slices").TaxesState;
 }, import("redux").UnknownAction, Partial<{
-    alerts: import("..").Alerts | undefined;
+    alerts: import("../types").Alerts | undefined;
     arrivals: import("../slices").ArrivalsState | undefined;
     cartSummary: import("../slices").CartSummaryState | undefined;
     checkout: import("../slices").CheckoutState | undefined;
@@ -41,7 +41,7 @@ export declare const appReducer: import("redux").Reducer<{
     menu: import("../slices").MenuState | undefined;
     menuPages: import("../slices").MenuPagesState | undefined;
     modal: import("../slices").ModalState | undefined;
-    notifications: import("..").Notifications | undefined;
+    notifications: import("../types").Notifications | undefined;
     offlineAuths: import("../slices").OfflineAuthsState | undefined;
     order: import("../slices").OrderState | undefined;
     pos: import("../slices").PosState | undefined;
@@ -54,7 +54,7 @@ export declare const appReducer: import("redux").Reducer<{
 }>>;
 export type AppState = ReturnType<typeof appReducer>;
 declare const store: import("@reduxjs/toolkit").EnhancedStore<{
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("../slices").ArrivalsState;
     cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
@@ -69,7 +69,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
     pos: import("../slices").PosState;
@@ -81,7 +81,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     taxes: import("../slices").TaxesState;
 }, Action, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
     dispatch: import("redux-thunk").ThunkDispatch<{
-        alerts: import("..").Alerts;
+        alerts: import("../types").Alerts;
         arrivals: import("../slices").ArrivalsState;
         cartSummary: import("../slices").CartSummaryState;
         checkout: import("../slices").CheckoutState;
@@ -96,7 +96,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
         menu: import("../slices").MenuState;
         menuPages: import("../slices").MenuPagesState;
         modal: import("../slices").ModalState;
-        notifications: import("..").Notifications;
+        notifications: import("../types").Notifications;
         offlineAuths: import("../slices").OfflineAuthsState;
         order: import("../slices").OrderState;
         pos: import("../slices").PosState;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MenuCategory as MenuCategoryType } from '@open-tender/types';
+import { MenuCategoryProps } from '@open-tender/ui';
+declare const MenuCategory: ({ category, navigate, children }: {
+    category: MenuCategoryType;
+    navigate: (route: string) => void;
+    children: (props: MenuCategoryProps) => React.ReactNode;
+}) => import("react").ReactNode;
+export default MenuCategory;

package/dist/esm/components/MenuCategory.js

@@ -0,0 +1,16 @@
+import { useKioskImageUrl } from '../hooks';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, setCurrentCategory } from '../slices';
+var MenuCategory = function (_a) {
+    var category = _a.category, navigate = _a.navigate, children = _a.children;
+    var dispatch = useAppDispatch();
+    var config = useAppSelector(selectKioskConfig).menuCategory;
+    var imageUrl = useKioskImageUrl(category);
+    var browse = function () {
+        dispatch(setCurrentCategory(category));
+        navigate('/menu/category');
+    };
+    var handlers = { browse: browse };
+    return children({ config: config, handlers: handlers, category: category, imageUrl: imageUrl });
+};
+export default MenuCategory;

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

@@ -0,0 +1,2 @@
+import MenuCategory from './MenuCategory';
+export { MenuCategory };

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+import MenuCategory from './MenuCategory';
+export { MenuCategory };

package/dist/esm/hooks/index.d.ts

@@ -3,7 +3,8 @@ import useBuilder from './useBuilder';
 import useCardSwipe from './useCardSwipe';
 import useEmployee from './useEmployee';
 import useGiftCardBalance from './useGiftCardBalance';
+import { useKioskImageUrl } from './useKioskImageUrl';
 import usePrevious from './usePrevious';
 import usePunch from './usePunch';
 import useRefund from './useRefund';
-export { useBarcode, useBuilder, useCardSwipe, useEmployee, useGiftCardBalance, usePrevious, usePunch, useRefund };
+export { useBarcode, useBuilder, useCardSwipe, useEmployee, useGiftCardBalance, useKioskImageUrl, usePrevious, usePunch, useRefund };

package/dist/esm/hooks/index.js

@@ -3,7 +3,8 @@ import useBuilder from './useBuilder';
 import useCardSwipe from './useCardSwipe';
 import useEmployee from './useEmployee';
 import useGiftCardBalance from './useGiftCardBalance';
+import { useKioskImageUrl } from './useKioskImageUrl';
 import usePrevious from './usePrevious';
 import usePunch from './usePunch';
 import useRefund from './useRefund';
-export { useBarcode, useBuilder, useCardSwipe, useEmployee, useGiftCardBalance, usePrevious, usePunch, useRefund };
+export { useBarcode, useBuilder, useCardSwipe, useEmployee, useGiftCardBalance, useKioskImageUrl, usePrevious, usePunch, useRefund };

package/dist/esm/hooks/useKioskImageUrl.d.ts

@@ -0,0 +1,2 @@
+import { MenuCategory, MenuItem } from '@open-tender/types';
+export declare const useKioskImageUrl: (entity: MenuItem | MenuCategory) => string | null;

package/dist/esm/hooks/useKioskImageUrl.js

@@ -0,0 +1,10 @@
+import { useAppSelector } from '../app/hooks';
+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;
+    if (!imageUrl)
+        return null;
+    return imageUrl.startsWith('/cloud-files') ? apiUrl + imageUrl : imageUrl;
+};

package/dist/esm/index.d.ts

@@ -1,6 +1,6 @@
 import { appReducer } from './app/store';
+export * from './components';
 export * from './hooks';
 export * from './slices';
-export * from './types';
 export * from './utils';
 export { appReducer };

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { appReducer } from './app/store';
+export * from './components';
 export * from './hooks';
 export * from './slices';
-export * from './types';
 export * from './utils';
 export { appReducer };

package/dist/esm/slices/kiosk.d.ts

@@ -40,8 +40,55 @@ export declare const selectKiosk: (state: AppState) => KioskState;
 export declare const selectKioskVersion: (state: AppState) => string | null | undefined;
 export declare const selectKioskStore: (state: AppState) => Store | null;
 export declare const selectKioskBrand: (state: AppState) => KioskBrand | null;
+export declare const selectKioskApi: ((state: {
+    alerts: import("../types").Alerts;
+    arrivals: import("./arrivals").ArrivalsState;
+    cartSummary: import("./cartSummary").CartSummaryState;
+    checkout: import("./checkout").CheckoutState;
+    config: import("./config").ConfigState;
+    customer: import("./customer").CustomerState;
+    customerIdentify: import("./customerIdentify").CustomerIdentifyState;
+    deals: import("./deals").DealsState;
+    discounts: import("./discounts").DiscountsState;
+    errorAlerts: import("./errorAlerts").ErrorAlertsState;
+    kds: import("./kds").KdsState;
+    kiosk: KioskState;
+    menu: import("./menu").MenuState;
+    menuPages: import("./menuPages").MenuPagesState;
+    modal: import("./modal").ModalState;
+    notifications: import("../types").Notifications;
+    offlineAuths: import("./offlineAuths").OfflineAuthsState;
+    order: import("./order").OrderState;
+    pos: import("./pos").PosState;
+    punches: import("./punches").PunchesState;
+    refund: import("./refund").RefundState;
+    settings: import("./settings").SettingsState;
+    sidebar: import("./sidebar").SidebarState;
+    surcharges: import("./surcharges").SurchargesState;
+    taxes: import("./taxes").TaxesState;
+}) => string) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: KioskApp | null) => string;
+    memoizedResultFunc: ((resultFuncArgs_0: KioskApp | null) => string) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string;
+    dependencies: [(state: AppState) => KioskApp | null];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};
 export declare const selectKioskConfig: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -56,7 +103,7 @@ export declare const selectKioskConfig: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: import("./order").OrderState;
     pos: import("./pos").PosState;
@@ -88,7 +135,7 @@ export declare const selectKioskConfig: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectKioskConfigScreen: (screen: string) => ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -103,7 +150,7 @@ export declare const selectKioskConfigScreen: (screen: string) => ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: import("./order").OrderState;
     pos: import("./pos").PosState;

package/dist/esm/slices/kiosk.js

@@ -134,7 +134,14 @@ export var selectKiosk = function (state) { return state.kiosk; };
 export var selectKioskVersion = function (state) { return state.kiosk.version; };
 export var selectKioskStore = function (state) { return state.kiosk.store; };
 export var selectKioskBrand = function (state) { return state.kiosk.brand; };
-// export const selectKioskConfig = (state: AppState) => state.kiosk.config || {}
+export var selectKioskApi = createSelector(function (state) {
+    var app = state.kiosk.app;
+    return app;
+}, function (app) {
+    if (!app)
+        return 'http://kiosk';
+    return app.apiUrl.replace('/pos-api', '');
+});
 export var selectKioskConfig = createSelector(function (state) {
     var config = state.kiosk.config;
     return config;

package/dist/esm/slices/order.d.ts

@@ -64,7 +64,7 @@ export declare const selectCurrentOption: (state: AppState) => NestedOption | nu
 export declare const selectCurrentSection: (state: AppState) => string | null;
 export declare const selectCart: (state: AppState) => Cart;
 export declare const selectCartIds: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -79,7 +79,7 @@ export declare const selectCartIds: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: OrderState;
     pos: import("./pos").PosState;
@@ -111,7 +111,7 @@ export declare const selectCartIds: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectCartQuantity: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -126,7 +126,7 @@ export declare const selectCartQuantity: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: OrderState;
     pos: import("./pos").PosState;
@@ -158,7 +158,7 @@ export declare const selectCartQuantity: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectCartTotal: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -173,7 +173,7 @@ export declare const selectCartTotal: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: OrderState;
     pos: import("./pos").PosState;
@@ -205,7 +205,7 @@ export declare const selectCartTotal: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectCartTotals: ((state: {
-    alerts: import("..").Alerts;
+    alerts: import("../types").Alerts;
     arrivals: import("./arrivals").ArrivalsState;
     cartSummary: import("./cartSummary").CartSummaryState;
     checkout: import("./checkout").CheckoutState;
@@ -220,7 +220,7 @@ export declare const selectCartTotals: ((state: {
     menu: import("./menu").MenuState;
     menuPages: import("./menuPages").MenuPagesState;
     modal: import("./modal").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("../types").Notifications;
     offlineAuths: import("./offlineAuths").OfflineAuthsState;
     order: OrderState;
     pos: import("./pos").PosState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.0.36",
+  "version": "1.1.0",
   "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",
@@ -58,8 +58,8 @@
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
-    "@open-tender/types": "^0.4.37",
-    "@open-tender/ui": "^0.1.23",
+    "@open-tender/types": "^0.4.38",
+    "@open-tender/ui": "^0.2.1",
     "@open-tender/utils": "^0.4.18",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",