@open-tender/store 1.1.7 → 1.1.9

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

@@ -1,10 +1,11 @@
 import { Discounts } from '@open-tender/types';
 import { RewardsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Rewards: ({ title, subtitle, rewards, children }: {
+declare const Rewards: ({ title, subtitle, rewards, children, apiUrl }: {
     title: string;
     subtitle?: string;
     rewards: Discounts;
     children: (props: RewardsProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default Rewards;

package/dist/cjs/components/Rewards.js

@@ -7,9 +7,9 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Reward_1 = tslib_1.__importDefault(require("./Reward"));
 var Rewards = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, rewards = _a.rewards, children = _a.children;
+    var title = _a.title, subtitle = _a.subtitle, rewards = _a.rewards, children = _a.children, apiUrl = _a.apiUrl;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).rewards;
-    var renderReward = function (reward, isLast) { return (react_1.default.createElement(Reward_1.default, { reward: reward, isLast: isLast, children: ui_1.Reward })); };
+    var renderReward = function (reward, isLast) { return (react_1.default.createElement(Reward_1.default, { apiUrl: apiUrl, reward: reward, isLast: isLast, children: ui_1.Reward })); };
     return children({ config: config, title: title, subtitle: subtitle, rewards: rewards, renderReward: renderReward });
 };
 exports.default = Rewards;

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

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

package/dist/cjs/components/UpsellItem.js

@@ -4,7 +4,7 @@ var utils_1 = require("@open-tender/utils");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var UpsellItem = function (_a) {
-    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.upsellItem, cardConfig = _b.card;
     var builtItem = (0, utils_1.useBuilder)(item).item;
@@ -19,6 +19,6 @@ var UpsellItem = function (_a) {
         }
     };
     var handlers = { add: add };
-    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig });
+    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig, apiUrl: apiUrl });
 };
 exports.default = UpsellItem;

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

@@ -1,8 +1,9 @@
 import { UpsellsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Upsells: ({ itemIds, close, children }: {
+declare const Upsells: ({ itemIds, close, children, apiUrl }: {
     itemIds: number[];
     close: () => void;
     children: (props: UpsellsProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default Upsells;

package/dist/cjs/components/Upsells.js

@@ -8,13 +8,13 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var UpsellItem_1 = tslib_1.__importDefault(require("./UpsellItem"));
 var Upsells = function (_a) {
-    var itemIds = _a.itemIds, close = _a.close, children = _a.children;
+    var itemIds = _a.itemIds, close = _a.close, children = _a.children, apiUrl = _a.apiUrl;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).upsells;
     var categories = (0, hooks_1.useAppSelector)(slices_1.selectMenu).categories;
     var itemLookup = (0, react_1.useMemo)(function () { return (0, utils_1.makeMenuItemLookup)(categories); }, [categories]);
     var items = (0, utils_1.makeUpsellItems)(itemIds, itemLookup);
     var handlers = { close: close };
-    var renderUpsellItem = function (item, isLast) { return (react_1.default.createElement(UpsellItem_1.default, { item: item, isLast: isLast, children: ui_1.UpsellItem })); };
+    var renderUpsellItem = function (item, isLast) { return (react_1.default.createElement(UpsellItem_1.default, { apiUrl: apiUrl, item: item, isLast: isLast, children: ui_1.UpsellItem })); };
     return children({
         config: config,
         handlers: handlers,

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

@@ -1,7 +1,8 @@
 import { CartProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Cart: ({ navigate, children }: {
+declare const Cart: ({ navigate, children, apiUrl }: {
     navigate: (route: string) => void;
     children: (props: CartProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default Cart;

package/dist/esm/components/Cart.js

@@ -5,7 +5,7 @@ import { closeCartSummary, selectCartSummary, selectCartTotals, selectKioskConfi
 import { default as CartItemContainer } from './CartItem';
 import { default as CartUpsellsContainer } from './CartUpsells';
 var Cart = function (_a) {
-    var navigate = _a.navigate, children = _a.children;
+    var navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
     var config = useAppSelector(selectKioskConfig).cart;
     var cart = useAppSelector(selectOrder).cart;
@@ -20,8 +20,8 @@ var Cart = function (_a) {
             return;
         dispatch(closeCartSummary());
     }, [dispatch, isOpen, isEmpty]);
-    var renderCartItem = function (item, isLast) { return (React.createElement(CartItemContainer, { navigate: navigate, item: item, isLast: isLast, children: CartItem })); };
-    var renderCartUpsells = function () { return (React.createElement(CartUpsellsContainer, { children: CartUpsells })); };
+    var renderCartItem = function (item, isLast) { return (React.createElement(CartItemContainer, { navigate: navigate, item: item, isLast: isLast, children: CartItem, apiUrl: apiUrl })); };
+    var renderCartUpsells = function () { return (React.createElement(CartUpsellsContainer, { apiUrl: apiUrl, children: CartUpsells })); };
     if (!config)
         return null;
     return children({

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

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

package/dist/esm/components/CartItem.js

@@ -4,7 +4,7 @@ import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { decrementItemInCart, incrementItemInCart, removeItemFromCart, selectKioskConfig, setCurrentItem } from '../slices';
 import { default as QuantityContainer } from './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;
+    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;
     var dispatch = useAppDispatch();
     var config = useAppSelector(selectKioskConfig).cartItem;
     var increment = function () { return dispatch(incrementItemInCart(item)); };
@@ -22,7 +22,8 @@ var CartItem = function (_a) {
         handlers: handlers,
         isLast: isLast,
         isEditable: isEditable,
-        renderQuantity: renderQuantity
+        renderQuantity: renderQuantity,
+        apiUrl: apiUrl
     });
 };
 export default CartItem;

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

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

package/dist/esm/components/CartUpsellItem.js

@@ -2,7 +2,7 @@ import { hasGroupsBelowMin, useBuilder } from '@open-tender/utils';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { addItemToCart, selectKioskConfig } from '../slices';
 var CartUpsellItem = function (_a) {
-    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(selectKioskConfig), config = _b.cartUpsellItem, cardConfig = _b.card;
     var builtItem = useBuilder(item).item;
@@ -17,6 +17,6 @@ var CartUpsellItem = function (_a) {
         }
     };
     var handlers = { add: add };
-    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig });
+    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig, apiUrl: apiUrl });
 };
 export default CartUpsellItem;

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

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

package/dist/esm/components/CartUpsells.js

@@ -5,12 +5,12 @@ import { useAppSelector } from '../app/hooks';
 import { selectCartIds, selectKioskConfig, selectMenu } from '../slices';
 import { default as CartUpsellItemContainer } from './CartUpsellItem';
 var CartUpsells = function (_a) {
-    var children = _a.children;
+    var children = _a.children, apiUrl = _a.apiUrl;
     var config = useAppSelector(selectKioskConfig).cartUpsells;
     var cartIds = useAppSelector(selectCartIds);
     var _b = useAppSelector(selectMenu), categories = _b.categories, soldOut = _b.soldOut;
     var upsellItems = useMemo(function () { return makeUpsellItemsForCart(categories, cartIds, soldOut); }, [categories, cartIds, soldOut]);
-    var renderCartUpsellItem = function (item, isLast) { return (React.createElement(CartUpsellItemContainer, { item: item, isLast: isLast, children: CartUpsellItem })); };
+    var renderCartUpsellItem = function (item, isLast) { return (React.createElement(CartUpsellItemContainer, { item: item, isLast: isLast, children: CartUpsellItem, apiUrl: apiUrl })); };
     if (!upsellItems.length)
         return null;
     return children({

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

@@ -1,11 +1,12 @@
 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 }: {
+declare const CategoryItem: ({ item, favorite, allergenAlerts, navigate, children, apiUrl }: {
     item: MenuItem;
     favorite?: MenuItemFavorite;
     allergenAlerts?: string[];
     navigate: (route: string) => void;
     children: (props: CategoryItemProps) => ReactNode;
+    apiUrl: string;
 }) => ReactNode;
 export default CategoryItem;

package/dist/esm/components/CategoryItem.js

@@ -3,7 +3,7 @@ import { makeOrderItem, rehydrateOrderItem, useOrderItem } from '@open-tender/ut
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCartCounts, selectKioskConfig, selectMenu, setCurrentItem } from '../slices';
 var CategoryItem = function (_a) {
-    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, children = _a.children;
+    var item = _a.item, favorite = _a.favorite, allergenAlerts = _a.allergenAlerts, navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
     var categoryItem = useAppSelector(selectKioskConfig).categoryItem;
     var soldOut = useAppSelector(selectMenu).soldOut;
@@ -20,6 +20,6 @@ var CategoryItem = function (_a) {
         navigate('/menu/item');
     };
     var handlers = { browse: browse };
-    return children({ item: cartItem, config: categoryItem, handlers: handlers });
+    return children({ item: cartItem, config: categoryItem, handlers: handlers, apiUrl: apiUrl });
 };
 export default CategoryItem;

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

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

package/dist/esm/components/CategoryNav.js

@@ -5,11 +5,11 @@ import { selectKioskConfig, selectMenu } from '../slices';
 import { default as CategoryNavItemContainer } from './CategoryNavItem';
 import { default as CategoryNavOtherContainer } from './CategoryNavOther';
 var CategoryNav = function (_a) {
-    var children = _a.children, navigate = _a.navigate;
+    var children = _a.children, navigate = _a.navigate, apiUrl = _a.apiUrl;
     var categoryNav = useAppSelector(selectKioskConfig).categoryNav;
     var _b = useAppSelector(selectMenu), categories = _b.categories, featured = _b.featured, favorites = _b.favorites, recents = _b.recents;
-    var renderCategoryNavOther = function (title, path) { return (React.createElement(CategoryNavOtherContainer, { navigate: navigate, title: title, path: path, children: CategoryNavOther })); };
-    var renderCategoryNavItem = function (item) { return (React.createElement(CategoryNavItemContainer, { navigate: navigate, category: item, children: CategoryNavItem })); };
+    var renderCategoryNavOther = function (title, path) { return (React.createElement(CategoryNavOtherContainer, { apiUrl: apiUrl, navigate: navigate, title: title, path: path, children: CategoryNavOther })); };
+    var renderCategoryNavItem = function (item) { return (React.createElement(CategoryNavItemContainer, { apiUrl: apiUrl, navigate: navigate, category: item, children: CategoryNavItem })); };
     return children({
         config: categoryNav,
         categories: categories,

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

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

package/dist/esm/components/CategoryNavItem.js

@@ -2,7 +2,7 @@ import { makeImageUrl } from '@open-tender/ui';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCurrentCategory, selectKioskConfig, setCurrentCategory } from '../slices';
 var CategoryNavItem = function (_a) {
-    var category = _a.category, children = _a.children, navigate = _a.navigate;
+    var category = _a.category, children = _a.children, navigate = _a.navigate, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
     var current = useAppSelector(selectCurrentCategory);
     var isCurrent = (current === null || current === void 0 ? void 0 : current.id) === category.id;
@@ -19,7 +19,8 @@ var CategoryNavItem = function (_a) {
         config: config,
         handlers: handlers,
         title: name,
-        imageUrl: imageUrl
+        imageUrl: imageUrl,
+        apiUrl: apiUrl
     });
 };
 export default CategoryNavItem;

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

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

package/dist/esm/components/CategoryNavOther.js

@@ -1,7 +1,7 @@
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectCurrentSection, selectKioskConfig, setCurrentCategory } from '../slices';
 var CategoryNavOther = function (_a) {
-    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children;
+    var title = _a.title, path = _a.path, navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(selectKioskConfig), categoryNavItem = _b.categoryNavItem, categoryNavItemSelected = _b.categoryNavItemSelected;
     var currentSection = useAppSelector(selectCurrentSection);
@@ -12,6 +12,6 @@ var CategoryNavOther = function (_a) {
         navigate(path);
     };
     var handlers = { browse: browse };
-    return children({ config: config, handlers: handlers, title: title, imageUrl: null });
+    return children({ config: config, handlers: handlers, title: title, imageUrl: null, apiUrl: apiUrl });
 };
 export default CategoryNavOther;

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

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

package/dist/esm/components/Discount.js

@@ -1,10 +1,10 @@
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var Discount = function (_a) {
-    var discount = _a.discount, children = _a.children;
+    var discount = _a.discount, children = _a.children, apiUrl = _a.apiUrl;
     var _b = useAppSelector(selectKioskConfig), config = _b.discount, cardConfig = _b.card;
     if (!config)
         return null;
-    return children({ config: config, discount: discount, cardConfig: cardConfig });
+    return children({ config: config, discount: discount, cardConfig: cardConfig, apiUrl: apiUrl });
 };
 export default Discount;

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

@@ -1,9 +1,9 @@
 import { CartItemGroup } from '@open-tender/types';
 import { ItemGroupProps } from '@open-tender/ui';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 declare const ItemGroup: ({ group, content, children }: {
     group: CartItemGroup;
     content: ReactNode;
     children: (props: ItemGroupProps) => ReactNode;
-}) => ReactNode;
+}) => React.ReactNode;
 export default ItemGroup;

package/dist/esm/components/ItemGroup.js

@@ -1,16 +1,22 @@
+import { ErrorMessage, SuccessMessage } from '@open-tender/ui';
 import { useModifierGroup } from '@open-tender/utils';
+import React from 'react';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
+import { default as ErrorMessageContainer } from './ErrorMessage';
+import { default as SuccessMessageContainer } from './SuccessMessage';
 var ItemGroup = function (_a) {
     var group = _a.group, content = _a.content, children = _a.children;
-    var _b = useAppSelector(selectKioskConfig), config = _b.itemGroup, errorMessageConfig = _b.errorMessage, successMessageConfig = _b.successMessage;
+    var config = useAppSelector(selectKioskConfig).itemGroup;
     var modifierGroup = useModifierGroup(group);
+    var renderErrorMessage = function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessage })); };
+    var renderSuccessMessage = function (icon, children) { return (React.createElement(SuccessMessageContainer, { icon: icon, content: children, children: SuccessMessage })); };
     return children({
         config: config,
         group: modifierGroup,
         children: content,
-        errorMessageConfig: errorMessageConfig,
-        successMessageConfig: successMessageConfig
+        renderErrorMessage: renderErrorMessage,
+        renderSuccessMessage: renderSuccessMessage
     });
 };
 export default ItemGroup;

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

@@ -1,11 +1,12 @@
 import { CartItemGroups, CartLevels } from '@open-tender/types';
 import { Handlers, ItemGroupsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const ItemGroups: ({ handlers, groups, levels, excludeSize, children }: {
+declare const ItemGroups: ({ handlers, groups, levels, excludeSize, children, apiUrl }: {
     handlers: Handlers;
     groups: CartItemGroups;
     levels: CartLevels;
     excludeSize?: boolean;
     children: (props: ItemGroupsProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default ItemGroups;

package/dist/esm/components/ItemGroups.js

@@ -5,9 +5,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;
+    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;
     var config = useAppSelector(selectKioskConfig).itemGroups;
-    var renderItemOption = function (group, option) { return (React.createElement(ItemOptionContainer, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOption })); };
+    var renderItemOption = function (group, option) { return (React.createElement(ItemOptionContainer, { apiUrl: apiUrl, levels: levels, handlers: handlers, group: group, option: option, children: ItemOption })); };
     var renderItemGroup = function (group, content) { return (React.createElement(ItemGroupContainer, { group: group, content: content, children: ItemGroup })); };
     if (!config)
         return null;

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

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

package/dist/esm/components/ItemOption.js

@@ -2,7 +2,7 @@ import { useModifier } from '@open-tender/utils';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectKioskConfig, setCurrentOption } from '../slices';
 var ItemOption = function (_a) {
-    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(selectKioskConfig), config = _b.itemOption, cardConfig = _b.card;
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
@@ -22,7 +22,8 @@ var ItemOption = function (_a) {
         handlers: { showNested: showNested },
         group: group,
         option: modifier,
-        cardConfig: cardConfig
+        cardConfig: cardConfig,
+        apiUrl: apiUrl
     });
 };
 export default ItemOption;

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

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

package/dist/esm/components/ItemSelections.js

@@ -5,10 +5,10 @@ import { selectKioskConfig } from '../slices';
 import { default as ErrorMessageContainer } from './ErrorMessage';
 import { default as ItemOptionContainer } from './ItemOption';
 var ItemSelections = function (_a) {
-    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children;
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children, apiUrl = _a.apiUrl;
     var config = useAppSelector(selectKioskConfig).itemSelections;
     var renderErrorMessage = function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessage })); };
-    var renderItemOption = function (group, option) { return (React.createElement(ItemOptionContainer, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOption })); };
+    var renderItemOption = function (group, option) { return (React.createElement(ItemOptionContainer, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOption, apiUrl: apiUrl })); };
     return children({
         config: config,
         groups: groups,

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

@@ -1,12 +1,13 @@
 import { MenuItem } from '@open-tender/types';
 import { MenuOtherProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
-declare const MenuOther: ({ title, subtitle, path, item, children, navigate }: {
+declare const MenuOther: ({ title, subtitle, path, item, children, navigate, apiUrl }: {
     title: string;
     subtitle: string;
     path: string;
     item: MenuItem;
     navigate: (route: string) => void;
     children: (props: MenuOtherProps) => ReactNode;
+    apiUrl: string;
 }) => ReactNode;
 export default MenuOther;

package/dist/esm/components/MenuOther.js

@@ -1,7 +1,7 @@
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectKioskConfig, setCurrentCategory } from '../slices';
 var MenuOther = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, path = _a.path, item = _a.item, children = _a.children, navigate = _a.navigate;
+    var title = _a.title, subtitle = _a.subtitle, path = _a.path, item = _a.item, children = _a.children, navigate = _a.navigate, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
     var menuCategory = useAppSelector(selectKioskConfig).menuCategory;
     var browse = function () {
@@ -9,6 +9,13 @@ var MenuOther = function (_a) {
         navigate(path);
     };
     var handlers = { browse: browse };
-    return children({ config: menuCategory, handlers: handlers, title: title, subtitle: subtitle, item: item });
+    return children({
+        config: menuCategory,
+        handlers: handlers,
+        title: title,
+        subtitle: subtitle,
+        item: item,
+        apiUrl: apiUrl
+    });
 };
 export default MenuOther;

package/dist/esm/components/Modal.js

@@ -8,6 +8,6 @@ var Modal = function (_a) {
     var handlers = { close: close };
     if (!config)
         return null;
-    return (React.createElement(TransitionGroup, { component: null }, show ? (React.createElement(CSSTransition, { key: "modal", classNames: "md", timeout: { enter: 250, exit: 250 } }, children({ config: config, handlers: handlers, children: content }))) : null));
+    return (React.createElement(TransitionGroup, { component: null }, show && (React.createElement(CSSTransition, { key: "modal", classNames: "md", timeout: { enter: 250, exit: 250 } }, children({ config: config, handlers: handlers, children: content })))));
 };
 export default Modal;

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

@@ -1,11 +1,12 @@
 import { CartItemOption, CartLevels } from '@open-tender/types';
 import { Handlers, OptionProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Option: ({ option, levels, handlers, close, children }: {
+declare const Option: ({ option, levels, handlers, close, children, apiUrl }: {
     option: CartItemOption | null;
     levels: CartLevels | null;
     handlers: Handlers;
     close: () => void;
     children: (props: OptionProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default Option;

package/dist/esm/components/Option.js

@@ -5,12 +5,12 @@ import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 import { default as ItemGroupsContainer } from './ItemGroups';
 var Option = function (_a) {
-    var option = _a.option, levels = _a.levels, handlers = _a.handlers, close = _a.close, children = _a.children;
+    var option = _a.option, levels = _a.levels, handlers = _a.handlers, close = _a.close, children = _a.children, apiUrl = _a.apiUrl;
     var _b = useAppSelector(selectKioskConfig), config = _b.option, modalContentConfig = _b.modalContent;
     var handlersOption = __assign(__assign({}, handlers), { close: close });
     if (!config || !option || !levels)
         return null;
-    var renderItemGroups = function (excludeSize) { return (React.createElement(ItemGroupsContainer, { levels: levels, handlers: handlersOption, groups: option.groups, excludeSize: excludeSize, children: ItemGroups })); };
+    var renderItemGroups = function (excludeSize) { return (React.createElement(ItemGroupsContainer, { levels: levels, handlers: handlersOption, groups: option.groups, excludeSize: excludeSize, children: ItemGroups, apiUrl: apiUrl })); };
     return children({
         config: config,
         handlers: handlersOption,

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

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

package/dist/esm/components/OrderCard.js

@@ -5,7 +5,7 @@ import { useOrder } from '../hooks';
 import { selectKioskConfig, selectOrder, reorder as reorderPastOrder } from '../slices';
 import { default as ErrorMessageContainer } from './ErrorMessage';
 var OrderCard = function (_a) {
-    var order = _a.order, navigate = _a.navigate, children = _a.children;
+    var order = _a.order, navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = useAppDispatch();
     var _b = useState(null), errMsg = _b[0], setErrMsg = _b[1];
     var _c = useState(false), isReordering = _c[0], setIsReordering = _c[1];
@@ -47,7 +47,8 @@ var OrderCard = function (_a) {
         orderNo: orderNo,
         itemNames: itemNames,
         itemImages: itemImages,
-        renderErrorMessage: renderErrorMessage
+        renderErrorMessage: renderErrorMessage,
+        apiUrl: apiUrl
     });
 };
 export default OrderCard;

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

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