@open-tender/store 1.1.81 → 1.1.83

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: Alerts;
+    alerts: import("@open-tender/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: Notifications;
+    notifications: import("@open-tender/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: Alerts;
+    alerts: import("@open-tender/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: Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
     pos: import("../slices").PosState;
@@ -27,7 +27,7 @@ export declare const appReducer: import("redux").Reducer<{
     surcharges: import("../slices").SurchargesState;
     taxes: import("../slices").TaxesState;
 }, import("redux").UnknownAction, Partial<{
-    alerts: any;
+    alerts: import("@open-tender/types").Alerts | undefined;
     arrivals: import("../slices").ArrivalsState | undefined;
     cartSummary: import("../slices").CartSummaryState | undefined;
     checkout: import("../slices").CheckoutState | undefined;
@@ -42,7 +42,7 @@ export declare const appReducer: import("redux").Reducer<{
     menu: import("../slices").MenuState | undefined;
     menuPages: import("../slices").MenuPagesState | undefined;
     modal: import("../slices").ModalState | undefined;
-    notifications: any;
+    notifications: import("@open-tender/types").Notifications | undefined;
     offlineAuths: import("../slices").OfflineAuthsState | undefined;
     order: import("../slices").OrderState | undefined;
     pos: import("../slices").PosState | undefined;
@@ -56,7 +56,7 @@ export declare const appReducer: import("redux").Reducer<{
 }>>;
 export type AppState = ReturnType<typeof appReducer>;
 declare const store: import("@reduxjs/toolkit").EnhancedStore<{
-    alerts: Alerts;
+    alerts: import("@open-tender/types").Alerts;
     arrivals: import("../slices").ArrivalsState;
     cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
@@ -71,7 +71,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
     pos: import("../slices").PosState;
@@ -84,7 +84,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: Alerts;
+        alerts: import("@open-tender/types").Alerts;
         arrivals: import("../slices").ArrivalsState;
         cartSummary: import("../slices").CartSummaryState;
         checkout: import("../slices").CheckoutState;
@@ -99,7 +99,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
         menu: import("../slices").MenuState;
         menuPages: import("../slices").MenuPagesState;
         modal: import("../slices").ModalState;
-        notifications: Notifications;
+        notifications: import("@open-tender/types").Notifications;
         offlineAuths: import("../slices").OfflineAuthsState;
         order: import("../slices").OrderState;
         pos: import("../slices").PosState;

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

@@ -1,9 +1,8 @@
 import { CartProps, CartUpsellsProps, CartItemProps, QuantityProps, CartUpsellItemProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Cart: ({ navigate, children, apiUrl, CartUpsellsView, CartItemView, QuantityView, CartUpsellItemView }: {
+declare const Cart: ({ navigate, children, CartUpsellsView, CartItemView, QuantityView, CartUpsellItemView }: {
     navigate: (route: string) => void;
     children: (props: CartProps) => ReactNode;
-    apiUrl: string;
     CartUpsellsView: (props: CartUpsellsProps) => ReactNode;
     CartItemView: (props: CartItemProps) => ReactNode;
     QuantityView: (props: QuantityProps) => ReactNode;

package/dist/cjs/components/Cart.js

@@ -7,7 +7,7 @@ var slices_1 = require("../slices");
 var CartItem_1 = tslib_1.__importDefault(require("./CartItem"));
 var CartUpsells_1 = tslib_1.__importDefault(require("./CartUpsells"));
 var Cart = function (_a) {
-    var navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl, CartUpsellsView = _a.CartUpsellsView, CartItemView = _a.CartItemView, QuantityView = _a.QuantityView, CartUpsellItemView = _a.CartUpsellItemView;
+    var navigate = _a.navigate, children = _a.children, CartUpsellsView = _a.CartUpsellsView, CartItemView = _a.CartItemView, QuantityView = _a.QuantityView, CartUpsellItemView = _a.CartUpsellItemView;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cart;
     var cart = (0, hooks_1.useAppSelector)(slices_1.selectOrder).cart;
@@ -22,8 +22,8 @@ var Cart = function (_a) {
             return;
         dispatch((0, slices_1.closeCartSummary)());
     }, [dispatch, isOpen, isEmpty]);
-    var renderCartItem = (0, react_1.useCallback)(function (item, isLast) { return (react_1.default.createElement(CartItem_1.default, { key: item.id, navigate: navigate, item: item, isLast: isLast, apiUrl: apiUrl, children: CartItemView, QuantityView: QuantityView })); }, [navigate, apiUrl, CartItemView, QuantityView]);
-    var renderCartUpsells = (0, react_1.useCallback)(function () { return (react_1.default.createElement(CartUpsells_1.default, { CartUpsellItemView: CartUpsellItemView, apiUrl: apiUrl, children: CartUpsellsView })); }, [apiUrl, CartUpsellsView, CartUpsellItemView]);
+    var renderCartItem = (0, react_1.useCallback)(function (item, isLast) { return (react_1.default.createElement(CartItem_1.default, { key: item.id, navigate: navigate, item: item, isLast: isLast, children: CartItemView, QuantityView: QuantityView })); }, [navigate, CartItemView, QuantityView]);
+    var renderCartUpsells = (0, react_1.useCallback)(function () { return (react_1.default.createElement(CartUpsells_1.default, { CartUpsellItemView: CartUpsellItemView, children: CartUpsellsView })); }, [CartUpsellsView, CartUpsellItemView]);
     if (!config)
         return null;
     return children({

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

@@ -1,13 +1,12 @@
 import { CartItem as CartItemType } from '@open-tender/types';
 import { CartItemProps, QuantityProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CartItem: ({ item, isLast, isEditable, navigate, children, apiUrl, QuantityView }: {
+declare const CartItem: ({ item, isLast, isEditable, navigate, children, QuantityView }: {
     item: CartItemType;
     isLast?: boolean;
     isEditable?: boolean;
     navigate: (route: string) => void;
     children: (props: CartItemProps) => ReactNode;
-    apiUrl: string;
     QuantityView: (props: QuantityProps) => ReactNode;
 }) => React.ReactNode;
 export default CartItem;

package/dist/cjs/components/CartItem.js

@@ -6,8 +6,9 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Quantity_1 = tslib_1.__importDefault(require("./Quantity"));
 var CartItem = function (_a) {
-    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl, QuantityView = _a.QuantityView;
+    var item = _a.item, _b = _a.isLast, isLast = _b === void 0 ? false : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartItem;
     var increment = (0, react_1.useCallback)(function () { return dispatch((0, slices_1.incrementItemInCart)(item)); }, [item, dispatch]);
     var decrement = (0, react_1.useCallback)(function () { return dispatch((0, slices_1.decrementItemInCart)(item)); }, [dispatch, item]);

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

@@ -1,11 +1,10 @@
 import { CartItem } from '@open-tender/types';
 import { CartUpsellItemProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CartUpsellItem: ({ item, callback, isLast, children, apiUrl }: {
+declare const CartUpsellItem: ({ item, callback, isLast, children }: {
     item: CartItem;
     callback?: () => void;
     isLast?: boolean;
     children: (props: CartUpsellItemProps) => ReactNode;
-    apiUrl: string;
 }) => ReactNode;
 export default CartUpsellItem;

package/dist/cjs/components/CartUpsellItem.js

@@ -4,8 +4,9 @@ var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CartUpsellItem = function (_a) {
-    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children, apiUrl = _a.apiUrl;
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.cartUpsellItem, cardConfig = _b.card;
     var builtItem = (0, utils_1.useBuilder)(item).item;
     var quantity = builtItem.quantity, groups = builtItem.groups;

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

@@ -1,8 +1,7 @@
 import { CartUpsellItemProps, CartUpsellsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CartUpsells: ({ children, apiUrl, CartUpsellItemView }: {
+declare const CartUpsells: ({ children, CartUpsellItemView }: {
     children: (props: CartUpsellsProps) => ReactNode;
-    apiUrl: string;
     CartUpsellItemView: (props: CartUpsellItemProps) => ReactNode;
 }) => React.ReactNode;
 export default CartUpsells;

package/dist/cjs/components/CartUpsells.js

@@ -7,12 +7,12 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CartUpsellItem_1 = tslib_1.__importDefault(require("./CartUpsellItem"));
 var CartUpsells = function (_a) {
-    var children = _a.children, apiUrl = _a.apiUrl, CartUpsellItemView = _a.CartUpsellItemView;
+    var children = _a.children, CartUpsellItemView = _a.CartUpsellItemView;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).cartUpsells;
     var cartIds = (0, hooks_1.useAppSelector)(slices_1.selectCartIds);
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _b.categories, soldOut = _b.soldOut;
     var upsellItems = (0, react_1.useMemo)(function () { return (0, utils_1.makeUpsellItemsForCart)(categories, cartIds, soldOut); }, [categories, cartIds, soldOut]);
-    var renderCartUpsellItem = (0, react_1.useCallback)(function (item, isLast) { return (react_1.default.createElement(CartUpsellItem_1.default, { key: item.id, item: item, isLast: isLast, apiUrl: apiUrl, children: CartUpsellItemView })); }, [apiUrl, CartUpsellItemView]);
+    var renderCartUpsellItem = (0, react_1.useCallback)(function (item, isLast) { return (react_1.default.createElement(CartUpsellItem_1.default, { key: item.id, item: item, isLast: isLast, children: CartUpsellItemView })); }, [CartUpsellItemView]);
     if (!upsellItems.length)
         return null;
     return children({

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

@@ -1,12 +1,11 @@
 import { MenuItem, MenuItemFavorite } from '@open-tender/types';
 import { CategoryItemProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryItem: ({ item, favorite, allergenAlerts, navigate, children, apiUrl }: {
+declare const CategoryItem: ({ item, favorite, allergenAlerts, navigate, children }: {
     item: MenuItem;
     favorite?: MenuItemFavorite;
     allergenAlerts?: string[];
     navigate: (route: string) => void;
     children: (props: CategoryItemProps) => ReactNode;
-    apiUrl: string;
 }) => ReactNode;
 export default CategoryItem;

package/dist/cjs/components/CategoryItem.js

@@ -5,8 +5,9 @@ var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CategoryItem = function (_a) {
-    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl;
+    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var categoryItem = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryItem;
     var soldOut = (0, hooks_1.useAppSelector)(slices_1.selectMenu).soldOut;
     var cartCounts = (0, hooks_1.useAppSelector)(slices_1.selectCartCounts);

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

@@ -1,9 +1,8 @@
 import { CategoryNavProps, CategoryNavOtherProps, CategoryNavItemProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CategoryNav: ({ children, navigate, apiUrl, CategoryNavOtherView, CategoryNavItemView }: {
+declare const CategoryNav: ({ children, navigate, CategoryNavOtherView, CategoryNavItemView }: {
     children: (props: CategoryNavProps) => ReactNode;
     navigate: (route: string) => void;
-    apiUrl: string;
     CategoryNavOtherView: (props: CategoryNavOtherProps) => ReactNode;
     CategoryNavItemView: (props: CategoryNavItemProps) => ReactNode;
 }) => React.ReactNode;

package/dist/cjs/components/CategoryNav.js

@@ -7,14 +7,14 @@ var slices_1 = require("../slices");
 var CategoryNavItem_1 = tslib_1.__importDefault(require("./CategoryNavItem"));
 var CategoryNavOther_1 = tslib_1.__importDefault(require("./CategoryNavOther"));
 var CategoryNav = function (_a) {
-    var children = _a.children, navigate = _a.navigate, apiUrl = _a.apiUrl, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
+    var children = _a.children, navigate = _a.navigate, CategoryNavOtherView = _a.CategoryNavOtherView, CategoryNavItemView = _a.CategoryNavItemView;
     var customer = ((0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentified) || {}).customer;
     var categoryNav = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).categoryNav;
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectMenu), categories = _b.categories, featured = _b.featured, rest = tslib_1.__rest(_b, ["categories", "featured"]);
     var favorites = customer ? rest.favorites : [];
     var recents = customer ? rest.recents : [];
-    var renderCategoryNavOther = (0, react_1.useCallback)(function (title, path) { return (react_1.default.createElement(CategoryNavOther_1.default, { apiUrl: apiUrl, navigate: navigate, title: title, path: path, children: CategoryNavOtherView })); }, [apiUrl, navigate, CategoryNavOtherView]);
-    var renderCategoryNavItem = (0, react_1.useCallback)(function (item) { return (react_1.default.createElement(CategoryNavItem_1.default, { key: item.id, apiUrl: apiUrl, navigate: navigate, category: item, children: CategoryNavItemView })); }, [apiUrl, navigate, CategoryNavItemView]);
+    var renderCategoryNavOther = (0, react_1.useCallback)(function (title, path) { return (react_1.default.createElement(CategoryNavOther_1.default, { navigate: navigate, title: title, path: path, children: CategoryNavOtherView })); }, [navigate, CategoryNavOtherView]);
+    var renderCategoryNavItem = (0, react_1.useCallback)(function (item) { return (react_1.default.createElement(CategoryNavItem_1.default, { key: item.id, navigate: navigate, category: item, children: CategoryNavItemView })); }, [navigate, CategoryNavItemView]);
     return children({
         config: categoryNav,
         categories: categories,

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

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

package/dist/cjs/components/CategoryNavItem.js

@@ -4,8 +4,9 @@ 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, apiUrl = _a.apiUrl;
+    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);
     var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;

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

@@ -1,10 +1,9 @@
 import { CategoryNavOtherProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const CategoryNavOther: ({ title, path, navigate, children, apiUrl }: {
+declare const CategoryNavOther: ({ title, path, navigate, children }: {
     title: string;
     path: string;
     navigate: (route: string) => void;
     children: (props: CategoryNavOtherProps) => ReactNode;
-    apiUrl: string;
 }) => ReactNode;
 export default CategoryNavOther;

package/dist/cjs/components/CategoryNavOther.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CategoryNavOther = function (_a) {
-    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl;
+    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
     var currentSection = (0, hooks_1.useAppSelector)(slices_1.selectCurrentSection);
     var isCurrent = path === currentSection;

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

@@ -1,9 +1,8 @@
 import { Cart } from '@open-tender/types';
 import { CartItemProps, CheckoutCartProps, QuantityProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CheckoutCart: ({ cart, apiUrl, navigate, children, QuantityView, CartItemView }: {
+declare const CheckoutCart: ({ cart, navigate, children, QuantityView, CartItemView }: {
     cart: Cart;
-    apiUrl: string;
     navigate: (route: string) => void;
     children: (props: CheckoutCartProps) => ReactNode;
     QuantityView: (props: QuantityProps) => React.ReactNode;

package/dist/cjs/components/CheckoutCart.js

@@ -6,9 +6,9 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CartItem_1 = tslib_1.__importDefault(require("./CartItem"));
 var CheckoutCart = function (_a) {
-    var cart = _a.cart, apiUrl = _a.apiUrl, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView, CartItemView = _a.CartItemView;
+    var cart = _a.cart, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView, CartItemView = _a.CartItemView;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutCart;
-    var renderCartItem = (0, react_1.useCallback)(function (item, index) { return (react_1.default.createElement(CartItem_1.default, { QuantityView: QuantityView, apiUrl: apiUrl, navigate: navigate, children: CartItemView, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false })); }, [QuantityView, apiUrl, navigate, CartItemView, cart.length]);
+    var renderCartItem = (0, react_1.useCallback)(function (item, index) { return (react_1.default.createElement(CartItem_1.default, { QuantityView: QuantityView, navigate: navigate, children: CartItemView, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false })); }, [QuantityView, navigate, CartItemView, cart.length]);
     return children({ config: config, cart: cart, renderCartItem: renderCartItem });
 };
 exports.default = CheckoutCart;

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

@@ -1,9 +1,8 @@
 import { Discount as DiscountType } from '@open-tender/types';
 import { DiscountProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const Discount: ({ discount, children, apiUrl }: {
+declare const Discount: ({ discount, children }: {
     discount: DiscountType;
     children: (props: DiscountProps) => ReactNode;
-    apiUrl: string;
 }) => ReactNode;
 export default Discount;

package/dist/cjs/components/Discount.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Discount = function (_a) {
-    var discount = _a.discount, children = _a.children, apiUrl = _a.apiUrl;
+    var discount = _a.discount, children = _a.children;
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.discount, cardConfig = _b.card;
     if (!config)
         return null;

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

@@ -1,12 +1,11 @@
 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, apiUrl, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
+declare const ItemGroups: ({ handlers, groups, levels, excludeSize, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
     handlers: Handlers;
     groups: CartItemGroups;
     levels: CartLevels;
     excludeSize?: boolean;
-    apiUrl: 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, apiUrl = _a.apiUrl, 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, 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), apiUrl: apiUrl, levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [apiUrl, 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 })); }, [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;

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

@@ -1,12 +1,11 @@
 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, children, apiUrl }: {
+declare const ItemOption: ({ handlers, group, option, levels, children }: {
     handlers: Handlers;
     group: CartItemGroup;
     option: CartItemOption;
     levels: CartLevels;
     children: (props: ItemOptionProps) => ReactNode;
-    apiUrl: string;
 }) => ReactNode;
 export default ItemOption;

package/dist/cjs/components/ItemOption.js

@@ -4,8 +4,9 @@ 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, children = _a.children, apiUrl = _a.apiUrl;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children;
     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 toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];

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

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

package/dist/cjs/components/ItemOptionSelected.js

@@ -4,8 +4,9 @@ var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ItemOptionSelected = function (_a) {
-    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children, apiUrl = _a.apiUrl;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemOptionSelected;
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];

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

@@ -1,12 +1,11 @@
 import { CartItemGroups, CartLevels } from '@open-tender/types';
 import { Handlers, ItemSelectionsProps, ItemOptionProps, ErrorMessageProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemSelections: ({ handlers, groups, levels, isIncomplete, children, apiUrl, ItemOptionView, ErrorMessageView }: {
+declare const ItemSelections: ({ handlers, groups, levels, isIncomplete, children, ItemOptionView, ErrorMessageView }: {
     handlers: Handlers;
     groups: CartItemGroups;
     levels: CartLevels;
     isIncomplete: boolean;
-    apiUrl: string;
     children: (props: ItemSelectionsProps) => ReactNode;
     ItemOptionView: (props: ItemOptionProps) => ReactNode;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;

package/dist/cjs/components/ItemSelections.js

@@ -7,10 +7,10 @@ var slices_1 = require("../slices");
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 var ItemOptionSelected_1 = tslib_1.__importDefault(require("./ItemOptionSelected"));
 var ItemSelections = function (_a) {
-    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children, apiUrl = _a.apiUrl, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView;
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemSelections;
     var renderErrorMessage = (0, react_1.useCallback)(function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
-    var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOptionSelected_1.default, { levels: levels, handlers: handlers, group: group, option: option, apiUrl: apiUrl, children: ItemOptionView })); }, [levels, handlers, apiUrl, ItemOptionView]);
+    var renderItemOption = (0, react_1.useCallback)(function (group, option) { return (react_1.default.createElement(ItemOptionSelected_1.default, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [levels, handlers, ItemOptionView]);
     return children({
         config: config,
         groups: groups,

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

@@ -1,7 +1,7 @@
 import { MenuItem } from '@open-tender/types';
 import { MenuOtherProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const MenuOther: ({ title, subtitle, showSubtitle, path, item, children, navigate, apiUrl }: {
+declare const MenuOther: ({ title, subtitle, showSubtitle, path, item, children, navigate }: {
     title: string;
     subtitle?: string | null;
     showSubtitle?: boolean;
@@ -9,6 +9,5 @@ declare const MenuOther: ({ title, subtitle, showSubtitle, path, item, children,
     item: MenuItem;
     navigate: (route: string) => void;
     children: (props: MenuOtherProps) => ReactNode;
-    apiUrl: string;
 }) => ReactNode;
 export default MenuOther;

package/dist/cjs/components/MenuOther.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var MenuOther = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, _b = _a.showSubtitle, showSubtitle = _b === void 0 ? true : _b, path = _a.path, item = _a.item, children = _a.children, navigate = _a.navigate, apiUrl = _a.apiUrl;
+    var title = _a.title, subtitle = _a.subtitle, _b = _a.showSubtitle, showSubtitle = _b === void 0 ? true : _b, path = _a.path, item = _a.item, children = _a.children, navigate = _a.navigate;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var menuCategory = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
     var browse = function () {
         dispatch((0, slices_1.setCurrentCategory)(null));

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

@@ -1,13 +1,12 @@
 import { CartItemOption, CartLevels } from '@open-tender/types';
 import { Handlers, OptionProps, ItemGroupsProps, ItemGroupProps, ItemOptionProps, SuccessMessageProps, ErrorMessageProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Option: ({ option, levels, handlers, close, children, apiUrl, ItemGroupsView, ItemGroupView, ItemOptionView, SuccessMessageView, ErrorMessageView }: {
+declare const Option: ({ option, levels, handlers, close, children, ItemGroupsView, ItemGroupView, ItemOptionView, SuccessMessageView, ErrorMessageView }: {
     option: CartItemOption | null;
     levels: CartLevels | null;
     handlers: Handlers;
     close: () => void;
     children: (props: OptionProps) => ReactNode;
-    apiUrl: string;
     ItemGroupsView: (props: ItemGroupsProps) => ReactNode;
     ItemGroupView: (props: ItemGroupProps) => ReactNode;
     ItemOptionView: (props: ItemOptionProps) => ReactNode;

package/dist/cjs/components/Option.js

@@ -6,13 +6,13 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ItemGroups_1 = tslib_1.__importDefault(require("./ItemGroups"));
 var Option = function (_a) {
-    var option = _a.option, levels = _a.levels, handlers = _a.handlers, close = _a.close, children = _a.children, apiUrl = _a.apiUrl, ItemGroupsView = _a.ItemGroupsView, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, SuccessMessageView = _a.SuccessMessageView, ErrorMessageView = _a.ErrorMessageView;
+    var option = _a.option, levels = _a.levels, handlers = _a.handlers, close = _a.close, children = _a.children, ItemGroupsView = _a.ItemGroupsView, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, SuccessMessageView = _a.SuccessMessageView, ErrorMessageView = _a.ErrorMessageView;
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.option, modalContentConfig = _b.modalContent;
     var handlersOption = (0, react_1.useMemo)(function () { return (tslib_1.__assign(tslib_1.__assign({}, handlers), { close: close })); }, [handlers, close]);
     var renderItemGroups = (0, react_1.useCallback)(function (excludeSize) {
         if (!option || !levels)
             return react_1.default.createElement(react_1.default.Fragment, null);
-        return (react_1.default.createElement(ItemGroups_1.default, { levels: levels, handlers: handlersOption, groups: option.groups, excludeSize: excludeSize, apiUrl: apiUrl, children: ItemGroupsView, ItemGroupView: ItemGroupView, ItemOptionView: ItemOptionView, SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView }));
+        return (react_1.default.createElement(ItemGroups_1.default, { levels: levels, handlers: handlersOption, groups: option.groups, excludeSize: excludeSize, children: ItemGroupsView, ItemGroupView: ItemGroupView, ItemOptionView: ItemOptionView, SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView }));
     }, [
         levels,
         option,
@@ -21,8 +21,7 @@ var Option = function (_a) {
         ItemGroupView,
         ItemOptionView,
         SuccessMessageView,
-        ErrorMessageView,
-        apiUrl
+        ErrorMessageView
     ]);
     if (!config || !option || !levels)
         return null;

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

@@ -1,11 +1,10 @@
 import { Order } from '@open-tender/types';
 import { ErrorMessageProps, OrderCardProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const OrderCard: ({ order, navigate, children, apiUrl, ErrorMessageView }: {
+declare const OrderCard: ({ order, navigate, children, ErrorMessageView }: {
     order: Order;
     navigate: (route: string) => void;
     children: (props: OrderCardProps) => ReactNode;
-    apiUrl: string;
     ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
 }) => React.ReactNode;
 export default OrderCard;

package/dist/cjs/components/OrderCard.js

@@ -7,8 +7,9 @@ var hooks_2 = require("../hooks");
 var slices_1 = require("../slices");
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 var OrderCard = function (_a) {
-    var order = _a.order, navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl, ErrorMessageView = _a.ErrorMessageView;
+    var order = _a.order, navigate = _a.navigate, children = _a.children, ErrorMessageView = _a.ErrorMessageView;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var _b = (0, react_1.useState)(null), errMsg = _b[0], setErrMsg = _b[1];
     var _c = (0, react_1.useState)(false), isReordering = _c[0], setIsReordering = _c[1];
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).orderCard;

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

@@ -1,8 +1,7 @@
 import { Order } from '@open-tender/types';
 import { CheckTotalsProps, OrderDetailsItemProps, OrderDetailsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const OrderDetails: ({ apiUrl, order, close, children, CheckTotalsView, OrderDetailsItemView }: {
-    apiUrl: string;
+declare const OrderDetails: ({ order, close, children, CheckTotalsView, OrderDetailsItemView }: {
     order: Order;
     close: () => void;
     children: (props: OrderDetailsProps) => ReactNode;

package/dist/cjs/components/OrderDetails.js

@@ -8,8 +8,9 @@ var slices_1 = require("../slices");
 var CheckTotals_1 = tslib_1.__importDefault(require("./CheckTotals"));
 var OrderDetailsItem_1 = tslib_1.__importDefault(require("./OrderDetailsItem"));
 var OrderDetails = function (_a) {
-    var apiUrl = _a.apiUrl, order = _a.order, close = _a.close, children = _a.children, CheckTotalsView = _a.CheckTotalsView, OrderDetailsItemView = _a.OrderDetailsItemView;
+    var order = _a.order, close = _a.close, children = _a.children, CheckTotalsView = _a.CheckTotalsView, OrderDetailsItemView = _a.OrderDetailsItemView;
     var dispatch = (0, hooks_1.useAppDispatch)();
+    var apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     var _b = (0, react_1.useState)(null), errMsg = _b[0], setErrMsg = _b[1];
     var _c = (0, react_1.useState)(false), isReordering = _c[0], setIsReordering = _c[1];
     var _d = (0, hooks_2.useOrder)(order), subtitle = _d.title, title = _d.orderNo, requestedAt = _d.requestedAt;
@@ -20,7 +21,7 @@ var OrderDetails = function (_a) {
         dispatch((0, slices_1.reorder)(order.cart));
     };
     var renderCheckTotals = (0, react_1.useCallback)(function () { return react_1.default.createElement(CheckTotals_1.default, { check: order, children: CheckTotalsView }); }, [order, CheckTotalsView]);
-    var renderOrderDetailsItem = (0, react_1.useCallback)(function (orderItem) { return (react_1.default.createElement(OrderDetailsItem_1.default, { key: orderItem.id, apiUrl: apiUrl, orderItem: orderItem, children: OrderDetailsItemView })); }, [apiUrl, OrderDetailsItemView]);
+    var renderOrderDetailsItem = (0, react_1.useCallback)(function (orderItem) { return (react_1.default.createElement(OrderDetailsItem_1.default, { key: orderItem.id, orderItem: orderItem, children: OrderDetailsItemView })); }, [OrderDetailsItemView]);
     if (!config)
         return react_1.default.createElement(react_1.default.Fragment, null);
     return children({