@open-tender/store 1.1.80 → 1.1.82

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/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,7 +7,8 @@ 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 apiUrl = (0, hooks_1.useAppSelector)(slices_1.selectKioskApi);
     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;

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

@@ -1,10 +1,11 @@
 import { Cart } from '@open-tender/types';
-import { CheckoutCartProps } from '@open-tender/ui';
+import { CartItemProps, CheckoutCartProps, QuantityProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CheckoutCart: ({ cart, apiUrl, navigate, children }: {
+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;
+    CartItemView: (props: CartItemProps) => React.ReactNode;
 }) => React.ReactNode;
 export default CheckoutCart;

package/dist/cjs/components/CheckoutCart.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var ui_1 = require("@open-tender/ui");
 var react_1 = tslib_1.__importStar(require("react"));
 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;
+    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: ui_1.Quantity, apiUrl: apiUrl, navigate: navigate, children: ui_1.CartItem, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false })); }, [apiUrl, navigate, 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/CheckoutTotals.d.ts

@@ -1,8 +1,9 @@
 import { Order } from '@open-tender/types';
-import { CheckoutTotalsProps } from '@open-tender/ui';
+import { CheckTotalsProps, CheckoutTotalsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CheckoutTotalsContainer: ({ check, children }: {
+declare const CheckoutTotalsContainer: ({ check, children, CheckTotalsView }: {
     check: Order;
     children: (props: CheckoutTotalsProps) => ReactNode;
+    CheckTotalsView: (props: CheckTotalsProps) => React.ReactNode;
 }) => React.ReactNode;
 export default CheckoutTotalsContainer;

package/dist/cjs/components/CheckoutTotals.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var ui_1 = require("@open-tender/ui");
 var react_1 = tslib_1.__importStar(require("react"));
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var CheckTotals_1 = tslib_1.__importDefault(require("./CheckTotals"));
 var CheckoutTotalsContainer = function (_a) {
-    var check = _a.check, children = _a.children;
+    var check = _a.check, children = _a.children, CheckTotalsView = _a.CheckTotalsView;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).checkoutTotals;
     var renderCheckTotals = (0, react_1.useCallback)(function () {
-        return react_1.default.createElement(CheckTotals_1.default, { children: ui_1.CheckTotals, check: check });
-    }, [check]);
+        return react_1.default.createElement(CheckTotals_1.default, { children: CheckTotalsView, check: check });
+    }, [check, CheckTotalsView]);
     return children({ config: config, renderCheckTotals: renderCheckTotals });
 };
 exports.default = CheckoutTotalsContainer;

package/dist/esm/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/esm/components/Cart.js

@@ -4,7 +4,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, 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 = useAppDispatch();
     var config = useAppSelector(selectKioskConfig).cart;
     var cart = useAppSelector(selectOrder).cart;
@@ -19,8 +19,8 @@ var Cart = function (_a) {
             return;
         dispatch(closeCartSummary());
     }, [dispatch, isOpen, isEmpty]);
-    var renderCartItem = useCallback(function (item, isLast) { return (React.createElement(CartItemContainer, { key: item.id, navigate: navigate, item: item, isLast: isLast, apiUrl: apiUrl, children: CartItemView, QuantityView: QuantityView })); }, [navigate, apiUrl, CartItemView, QuantityView]);
-    var renderCartUpsells = useCallback(function () { return (React.createElement(CartUpsellsContainer, { CartUpsellItemView: CartUpsellItemView, apiUrl: apiUrl, children: CartUpsellsView })); }, [apiUrl, CartUpsellsView, CartUpsellItemView]);
+    var renderCartItem = useCallback(function (item, isLast) { return (React.createElement(CartItemContainer, { key: item.id, navigate: navigate, item: item, isLast: isLast, children: CartItemView, QuantityView: QuantityView })); }, [navigate, CartItemView, QuantityView]);
+    var renderCartUpsells = useCallback(function () { return (React.createElement(CartUpsellsContainer, { CartUpsellItemView: CartUpsellItemView, children: CartUpsellsView })); }, [CartUpsellsView, CartUpsellItemView]);
     if (!config)
         return null;
     return children({

package/dist/esm/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/esm/components/CartItem.js

@@ -1,10 +1,11 @@
 import React, { useCallback } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
-import { decrementItemInCart, incrementItemInCart, removeItemFromCart, selectKioskConfig, setCurrentItem } from '../slices';
+import { decrementItemInCart, incrementItemInCart, removeItemFromCart, selectKioskApi, 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, 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 = useAppDispatch();
+    var apiUrl = useAppSelector(selectKioskApi);
     var config = useAppSelector(selectKioskConfig).cartItem;
     var increment = useCallback(function () { return dispatch(incrementItemInCart(item)); }, [item, dispatch]);
     var decrement = useCallback(function () { return dispatch(decrementItemInCart(item)); }, [dispatch, item]);

package/dist/esm/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/esm/components/CartUpsells.js

@@ -1,10 +1,11 @@
 import { makeUpsellItemsForCart } from '@open-tender/utils';
 import React, { useCallback, useMemo } from 'react';
 import { useAppSelector } from '../app/hooks';
-import { selectCartIds, selectKioskConfig, selectMenu } from '../slices';
+import { selectCartIds, selectKioskApi, selectKioskConfig, selectMenu } from '../slices';
 import { default as CartUpsellItemContainer } from './CartUpsellItem';
 var CartUpsells = function (_a) {
-    var children = _a.children, apiUrl = _a.apiUrl, CartUpsellItemView = _a.CartUpsellItemView;
+    var children = _a.children, CartUpsellItemView = _a.CartUpsellItemView;
+    var apiUrl = useAppSelector(selectKioskApi);
     var config = useAppSelector(selectKioskConfig).cartUpsells;
     var cartIds = useAppSelector(selectCartIds);
     var _b = useAppSelector(selectMenu), categories = _b.categories, soldOut = _b.soldOut;

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

@@ -1,10 +1,11 @@
 import { Cart } from '@open-tender/types';
-import { CheckoutCartProps } from '@open-tender/ui';
+import { CartItemProps, CheckoutCartProps, QuantityProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CheckoutCart: ({ cart, apiUrl, navigate, children }: {
+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;
+    CartItemView: (props: CartItemProps) => React.ReactNode;
 }) => React.ReactNode;
 export default CheckoutCart;

package/dist/esm/components/CheckoutCart.js

@@ -1,12 +1,11 @@
-import { CartItem, Quantity } from '@open-tender/ui';
 import React, { useCallback } from 'react';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 import { default as CartItemContainer } from './CartItem';
 var CheckoutCart = function (_a) {
-    var cart = _a.cart, apiUrl = _a.apiUrl, navigate = _a.navigate, children = _a.children;
+    var cart = _a.cart, navigate = _a.navigate, children = _a.children, QuantityView = _a.QuantityView, CartItemView = _a.CartItemView;
     var config = useAppSelector(selectKioskConfig).checkoutCart;
-    var renderCartItem = useCallback(function (item, index) { return (React.createElement(CartItemContainer, { QuantityView: Quantity, apiUrl: apiUrl, navigate: navigate, children: CartItem, key: "".concat(item.id, "-").concat(index), item: item, isLast: index + 1 === cart.length, isEditable: false })); }, [apiUrl, navigate, cart.length]);
+    var renderCartItem = useCallback(function (item, index) { return (React.createElement(CartItemContainer, { 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 });
 };
 export default CheckoutCart;

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

@@ -1,8 +1,9 @@
 import { Order } from '@open-tender/types';
-import { CheckoutTotalsProps } from '@open-tender/ui';
+import { CheckTotalsProps, CheckoutTotalsProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const CheckoutTotalsContainer: ({ check, children }: {
+declare const CheckoutTotalsContainer: ({ check, children, CheckTotalsView }: {
     check: Order;
     children: (props: CheckoutTotalsProps) => ReactNode;
+    CheckTotalsView: (props: CheckTotalsProps) => React.ReactNode;
 }) => React.ReactNode;
 export default CheckoutTotalsContainer;

package/dist/esm/components/CheckoutTotals.js

@@ -1,14 +1,13 @@
-import { CheckTotals } from '@open-tender/ui';
 import React, { useCallback } from 'react';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 import { default as CheckTotalsContainer } from './CheckTotals';
 var CheckoutTotalsContainer = function (_a) {
-    var check = _a.check, children = _a.children;
+    var check = _a.check, children = _a.children, CheckTotalsView = _a.CheckTotalsView;
     var config = useAppSelector(selectKioskConfig).checkoutTotals;
     var renderCheckTotals = useCallback(function () {
-        return React.createElement(CheckTotalsContainer, { children: CheckTotals, check: check });
-    }, [check]);
+        return React.createElement(CheckTotalsContainer, { children: CheckTotalsView, check: check });
+    }, [check, CheckTotalsView]);
     return children({ config: config, renderCheckTotals: renderCheckTotals });
 };
 export default CheckoutTotalsContainer;

package/package.json

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