@open-tender/store 1.1.6 → 1.1.8

package/dist/cjs/components/ItemOption.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 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, _b = _a.children, children = _b === void 0 ? ui_1.ItemOption : _b;
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.itemOption, cardConfig = _c.card;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.itemOption, cardConfig = _b.card;
     var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
     var allergenAlerts = [];
     var modifier = (0, utils_1.useModifier)(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);
@@ -25,7 +24,8 @@ var ItemOption = function (_a) {
         handlers: { showNested: showNested },
         group: group,
         option: modifier,
-        cardConfig: cardConfig
+        cardConfig: cardConfig,
+        apiUrl: apiUrl
     });
 };
 exports.default = ItemOption;

package/dist/cjs/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;
+    children: (props: ItemSelectionsProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default ItemSelections;

package/dist/cjs/components/ItemSelections.js

@@ -8,10 +8,10 @@ var slices_1 = require("../slices");
 var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
 var ItemOption_1 = tslib_1.__importDefault(require("./ItemOption"));
 var ItemSelections = function (_a) {
-    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, _b = _a.children, children = _b === void 0 ? ui_1.ItemSelections : _b;
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children, apiUrl = _a.apiUrl;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemSelections;
     var renderErrorMessage = function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ui_1.ErrorMessage })); };
-    var renderItemOption = function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { levels: levels, handlers: handlers, group: group, option: option, children: ui_1.ItemOption })); };
+    var renderItemOption = function (group, option) { return (react_1.default.createElement(ItemOption_1.default, { levels: levels, handlers: handlers, group: group, option: option, children: ui_1.ItemOption, apiUrl: apiUrl })); };
     return children({
         config: config,
         groups: groups,

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

@@ -5,6 +5,6 @@ declare const Label: ({ content, label, isRequired, style, children }: {
     label?: string;
     isRequired?: boolean;
     style?: Styles;
-    children?: (props: LabelProps) => ReactNode;
+    children: (props: LabelProps) => ReactNode;
 }) => ReactNode;
 export default Label;

package/dist/cjs/components/Label.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Label = function (_a) {
-    var content = _a.content, label = _a.label, isRequired = _a.isRequired, style = _a.style, _b = _a.children, children = _b === void 0 ? ui_1.Label : _b;
+    var content = _a.content, label = _a.label, isRequired = _a.isRequired, style = _a.style, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).label;
     return children({ config: config, label: label, isRequired: isRequired, style: style, children: content });
 };

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

@@ -3,6 +3,6 @@ import { ReactNode } from 'react';
 declare const Loader: ({ text, style, children }: {
     text?: string;
     style?: Styles;
-    children?: (props: LoaderProps) => ReactNode;
+    children: (props: LoaderProps) => ReactNode;
 }) => ReactNode;
 export default Loader;

package/dist/cjs/components/Loader.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Loader = function (_a) {
-    var text = _a.text, style = _a.style, _b = _a.children, children = _b === void 0 ? ui_1.Loader : _b;
+    var text = _a.text, style = _a.style, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).loader;
     return children({ config: config, text: text, style: style });
 };

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

@@ -9,6 +9,6 @@ declare const MadeForNotes: ({ subtitle, hasMadeFor, madeFor, setMadeFor, hasNot
     notes: string | null;
     setNotes: (notes: string) => void;
     close: () => void;
-    children?: (props: MadeForNotesProps) => ReactNode;
+    children: (props: MadeForNotesProps) => ReactNode;
 }) => React.ReactNode;
 export default MadeForNotes;

package/dist/cjs/components/MadeForNotes.js

@@ -8,8 +8,8 @@ var slices_1 = require("../slices");
 var Input_1 = tslib_1.__importDefault(require("./Input"));
 var TextArea_1 = tslib_1.__importDefault(require("./TextArea"));
 var MadeForNotes = function (_a) {
-    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, hasNotes = _a.hasNotes, notes = _a.notes, setNotes = _a.setNotes, close = _a.close, _b = _a.children, children = _b === void 0 ? ui_1.MadeForNotes : _b;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.madeForNotes, modalContentConfig = _c.modalContent;
+    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, hasNotes = _a.hasNotes, notes = _a.notes, setNotes = _a.setNotes, close = _a.close, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.madeForNotes, modalContentConfig = _b.modalContent;
     var handlers = { submit: close };
     var renderInput = function (label, value, isRequired, style) { return (react_1.default.createElement(Input_1.default, { label: label, setValue: setMadeFor, value: value, isRequired: isRequired, style: style, children: ui_1.Input })); };
     var renderTextArea = function (label, value, isRequired, style) { return (react_1.default.createElement(TextArea_1.default, { label: label, setValue: setNotes, value: value, isRequired: isRequired, style: style, children: ui_1.Input })); };

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

@@ -4,6 +4,6 @@ import { ReactNode } from 'react';
 declare const MenuCategory: ({ category, navigate, children }: {
     category: MenuCategoryType;
     navigate: (route: string) => void;
-    children?: (props: MenuCategoryProps) => ReactNode;
+    children: (props: MenuCategoryProps) => ReactNode;
 }) => ReactNode;
 export default MenuCategory;

package/dist/cjs/components/MenuCategory.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var hooks_2 = require("../hooks");
 var slices_1 = require("../slices");
 var MenuCategory = function (_a) {
-    var category = _a.category, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? ui_1.MenuCategory : _b;
+    var category = _a.category, navigate = _a.navigate, children = _a.children;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
     var imageUrl = (0, hooks_2.useKioskImageUrl)(category);

package/dist/cjs/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;
+    children: (props: MenuOtherProps) => ReactNode;
+    apiUrl: string;
 }) => ReactNode;
 export default MenuOther;

package/dist/cjs/components/MenuOther.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var MenuOther = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, path = _a.path, item = _a.item, _b = _a.children, children = _b === void 0 ? ui_1.MenuOther : _b, 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 = (0, hooks_1.useAppDispatch)();
     var menuCategory = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
     var browse = function () {
@@ -12,6 +11,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
+    });
 };
 exports.default = MenuOther;

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

@@ -4,6 +4,6 @@ declare const Modal: ({ show, close, content, children }: {
     show: boolean;
     close: () => void;
     content: ReactNode;
-    children?: (props: ModalProps) => ReactNode;
+    children: (props: ModalProps) => ReactNode;
 }) => React.JSX.Element | null;
 export default Modal;

package/dist/cjs/components/Modal.js

@@ -1,13 +1,12 @@
 "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.__importDefault(require("react"));
 var react_transition_group_1 = require("react-transition-group");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Modal = function (_a) {
-    var show = _a.show, close = _a.close, content = _a.content, _b = _a.children, children = _b === void 0 ? ui_1.Modal : _b;
+    var show = _a.show, close = _a.close, content = _a.content, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modal;
     var handlers = { close: close };
     if (!config)

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

@@ -9,6 +9,6 @@ declare const ModalContent: ({ title, subtitle, content, submit, submitText, can
     cancel: () => void;
     cancelText?: string;
     style?: Styles;
-    children?: (props: ModalContentProps) => ReactNode;
+    children: (props: ModalContentProps) => ReactNode;
 }) => ReactNode;
 export default ModalContent;

package/dist/cjs/components/ModalContent.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ModalContent = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, content = _a.content, submit = _a.submit, submitText = _a.submitText, cancel = _a.cancel, cancelText = _a.cancelText, style = _a.style, _b = _a.children, children = _b === void 0 ? ui_1.ModalContent : _b;
+    var title = _a.title, subtitle = _a.subtitle, content = _a.content, submit = _a.submit, submitText = _a.submitText, cancel = _a.cancel, cancelText = _a.cancelText, style = _a.style, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modalContent;
     return children({
         config: config,

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

@@ -3,6 +3,6 @@ import { ReactNode } from 'react';
 declare const ModalHeader: ({ title, subtitle, children }: {
     title: string;
     subtitle?: string;
-    children?: (props: ModalHeaderProps) => ReactNode;
+    children: (props: ModalHeaderProps) => ReactNode;
 }) => ReactNode;
 export default ModalHeader;

package/dist/cjs/components/ModalHeader.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var ModalHeader = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, _b = _a.children, children = _b === void 0 ? ui_1.ModalHeader : _b;
+    var title = _a.title, subtitle = _a.subtitle, children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modalHeader;
     return children({ config: config, title: title, subtitle: subtitle });
 };

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

@@ -6,6 +6,6 @@ declare const NutritionalInfo: ({ title, subtitle, nutritionalInfo, close, child
     subtitle?: string;
     nutritionalInfo: NutritionalInfoType;
     close: () => void;
-    children?: (props: NutritionalInfoProps) => ReactNode;
+    children: (props: NutritionalInfoProps) => ReactNode;
 }) => ReactNode;
 export default NutritionalInfo;

package/dist/cjs/components/NutritionalInfo.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var ui_1 = require("@open-tender/ui");
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var NutritionalInfo = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, nutritionalInfo = _a.nutritionalInfo, close = _a.close, _b = _a.children, children = _b === void 0 ? ui_1.NutritionalInfo : _b;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.nutritionalInfo, modalContentConfig = _c.modalContent;
+    var title = _a.title, subtitle = _a.subtitle, nutritionalInfo = _a.nutritionalInfo, close = _a.close, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.nutritionalInfo, modalContentConfig = _b.modalContent;
     var handlers = { close: close };
     return children({
         config: config,

package/dist/cjs/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;
+    children: (props: OptionProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default Option;

package/dist/cjs/components/Option.js

@@ -7,12 +7,12 @@ 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, _b = _a.children, children = _b === void 0 ? ui_1.Option : _b;
-    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.option, modalContentConfig = _c.modalContent;
+    var option = _a.option, levels = _a.levels, handlers = _a.handlers, close = _a.close, children = _a.children, apiUrl = _a.apiUrl;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.option, modalContentConfig = _b.modalContent;
     var handlersOption = tslib_1.__assign(tslib_1.__assign({}, handlers), { close: close });
     if (!config || !option || !levels)
         return null;
-    var renderItemGroups = function (excludeSize) { return (react_1.default.createElement(ItemGroups_1.default, { levels: levels, handlers: handlersOption, groups: option.groups, excludeSize: excludeSize, children: ui_1.ItemGroups })); };
+    var renderItemGroups = function (excludeSize) { return (react_1.default.createElement(ItemGroups_1.default, { levels: levels, handlers: handlersOption, groups: option.groups, excludeSize: excludeSize, children: ui_1.ItemGroups, apiUrl: apiUrl })); };
     return children({
         config: config,
         handlers: handlersOption,

package/dist/cjs/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;
+    children: (props: OrderCardProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default OrderCard;

package/dist/cjs/components/OrderCard.js

@@ -8,14 +8,14 @@ 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, _b = _a.children, children = _b === void 0 ? ui_1.OrderCard : _b;
+    var order = _a.order, navigate = _a.navigate, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _c = (0, react_1.useState)(null), errMsg = _c[0], setErrMsg = _c[1];
-    var _d = (0, react_1.useState)(false), isReordering = _d[0], setIsReordering = _d[1];
-    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _e.orderCard, cardConfig = _e.card;
-    var _f = (0, hooks_1.useAppSelector)(slices_1.selectOrder), loading = _f.loading, error = _f.error;
+    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_1.useAppSelector)(slices_1.selectKioskConfig), config = _d.orderCard, cardConfig = _d.card;
+    var _e = (0, hooks_1.useAppSelector)(slices_1.selectOrder), loading = _e.loading, error = _e.error;
     var isLoading = loading === 'pending';
-    var _g = (0, hooks_2.useOrder)(order), itemImages = _g.itemImages, itemNames = _g.itemNames, orderNo = _g.orderNo, title = _g.title, subtitle = _g.subtitle;
+    var _f = (0, hooks_2.useOrder)(order), itemImages = _f.itemImages, itemNames = _f.itemNames, orderNo = _f.orderNo, title = _f.title, subtitle = _f.subtitle;
     var view = function () {
         return;
     };
@@ -50,7 +50,8 @@ var OrderCard = function (_a) {
         orderNo: orderNo,
         itemNames: itemNames,
         itemImages: itemImages,
-        renderErrorMessage: renderErrorMessage
+        renderErrorMessage: renderErrorMessage,
+        apiUrl: apiUrl
     });
 };
 exports.default = OrderCard;

package/dist/cjs/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;
+    children: (props: PointsRewardProps) => ReactNode;
+    apiUrl: string;
 }) => React.ReactNode;
 export default PointsReward;

package/dist/cjs/components/PointsReward.js

@@ -9,14 +9,14 @@ var slices_1 = require("../slices");
 var Quantity_1 = tslib_1.__importDefault(require("./Quantity"));
 var PointsReward = function (_a) {
     var _b;
-    var item = _a.item, callback = _a.callback, _c = _a.children, children = _c === void 0 ? ui_1.PointsReward : _c;
+    var item = _a.item, callback = _a.callback, children = _a.children, apiUrl = _a.apiUrl;
     var dispatch = (0, hooks_1.useAppDispatch)();
-    var _d = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _d.pointsReward, successMessageConfig = _d.successMessage, cardConfig = _d.card;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.pointsReward, successMessageConfig = _c.successMessage, cardConfig = _c.card;
     var checkPoints = (0, hooks_1.useAppSelector)(slices_1.selectPosCheckout).points;
-    var _e = (0, hooks_2.useCustomerRewards)(), points = _e.points, pointsRemaining = _e.pointsRemaining;
+    var _d = (0, hooks_2.useCustomerRewards)(), points = _d.points, pointsRemaining = _d.pointsRemaining;
     if (!item.points || item.points.index === undefined || !points)
         return null;
-    var _f = item.points, index = _f.index, per = _f.per;
+    var _e = item.points, index = _e.index, per = _e.per;
     // const appliedIndices = checkPoints.map(i => i.index)
     // const isApplied = appliedIndices.includes(index)
     var itemPointsApplied = ((_b = checkPoints.find(function (i) { return i.index === index; })) === null || _b === void 0 ? void 0 : _b.points) || 0;
@@ -56,7 +56,8 @@ var PointsReward = function (_a) {
         pointsRemaining: pointsRemaining,
         successMessageConfig: successMessageConfig,
         cardConfig: cardConfig,
-        renderQuantity: renderQuantity
+        renderQuantity: renderQuantity,
+        apiUrl: apiUrl
     });
 };
 exports.default = PointsReward;

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

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

package/dist/cjs/components/PointsRewards.js

@@ -8,10 +8,10 @@ var hooks_2 = require("../hooks");
 var slices_1 = require("../slices");
 var PointsReward_1 = tslib_1.__importDefault(require("./PointsReward"));
 var PointsRewards = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? ui_1.PointsRewards : _b;
+    var children = _a.children, apiUrl = _a.apiUrl;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).pointsRewards;
-    var _c = (0, hooks_2.useCustomerRewards)(), items = _c.items, points = _c.points, pointsApplied = _c.pointsApplied, pointsRemaining = _c.pointsRemaining;
-    var renderPointReward = function (item) { return (react_1.default.createElement(PointsReward_1.default, { item: item, children: ui_1.PointsReward })); };
+    var _b = (0, hooks_2.useCustomerRewards)(), items = _b.items, points = _b.points, pointsApplied = _b.pointsApplied, pointsRemaining = _b.pointsRemaining;
+    var renderPointReward = function (item) { return (react_1.default.createElement(PointsReward_1.default, { apiUrl: apiUrl, item: item, children: ui_1.PointsReward })); };
     return children({
         config: config,
         items: items,

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

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

package/dist/cjs/components/Reward.js

@@ -7,7 +7,7 @@ var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
 var Applied_1 = tslib_1.__importDefault(require("./Applied"));
 var Reward = function (_a) {
-    var reward = _a.reward, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var reward = _a.reward, 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.reward, cardConfig = _b.card;
     var check = (0, hooks_1.useAppSelector)(slices_1.selectPosCheckout).check;
@@ -33,7 +33,8 @@ var Reward = function (_a) {
         isApplied: isApplied,
         isLast: isLast,
         cardConfig: cardConfig,
-        renderApplied: renderApplied
+        renderApplied: renderApplied,
+        apiUrl: apiUrl
     });
 };
 exports.default = Reward;

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/Allergen.d.ts

@@ -3,6 +3,6 @@ import { AllergenProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const Allergen: ({ allergen, children }: {
     allergen: AllergenType;
-    children?: (props: AllergenProps) => ReactNode;
+    children: (props: AllergenProps) => ReactNode;
 }) => ReactNode;
 export default Allergen;

package/dist/esm/components/Allergen.js

@@ -1,8 +1,7 @@
-import { Allergen as AllergenView } from '@open-tender/ui';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var Allergen = function (_a) {
-    var allergen = _a.allergen, _b = _a.children, children = _b === void 0 ? AllergenView : _b;
+    var allergen = _a.allergen, children = _a.children;
     var config = useAppSelector(selectKioskConfig).allergen;
     return children({ config: config, allergen: allergen });
 };

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

@@ -1,6 +1,6 @@
 import { AppliedProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const Applied: ({ children }: {
-    children?: (props: AppliedProps) => ReactNode;
+    children: (props: AppliedProps) => ReactNode;
 }) => ReactNode;
 export default Applied;

package/dist/esm/components/Applied.js

@@ -1,8 +1,7 @@
-import { Applied as AppliedView } from '@open-tender/ui';
 import { useAppSelector } from '../app/hooks';
 import { selectKioskConfig } from '../slices';
 var Applied = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? AppliedView : _b;
+    var children = _a.children;
     var config = useAppSelector(selectKioskConfig).applied;
     return children({ config: config });
 };

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

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 declare const ButtonLink: ({ onClick, label, children, style }: {
     onClick: () => void;
     label: string;
-    children?: (props: ButtonLinkProps) => ReactNode;
+    children: (props: ButtonLinkProps) => ReactNode;
     style?: Styles;
 }) => ReactNode;
 export default ButtonLink;