@open-tender/store 1.1.4 → 1.1.6

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

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

package/dist/cjs/components/ItemGroup.js

@@ -0,0 +1,19 @@
+"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 ItemGroup = function (_a) {
+    var group = _a.group, content = _a.content, _b = _a.children, children = _b === void 0 ? ui_1.ItemGroup : _b;
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.itemGroup, errorMessageConfig = _c.errorMessage, successMessageConfig = _c.successMessage;
+    var modifierGroup = (0, utils_1.useModifierGroup)(group);
+    return children({
+        config: config,
+        group: modifierGroup,
+        children: content,
+        errorMessageConfig: errorMessageConfig,
+        successMessageConfig: successMessageConfig
+    });
+};
+exports.default = ItemGroup;

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

@@ -0,0 +1,11 @@
+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 }: {
+    handlers: Handlers;
+    groups: CartItemGroups;
+    levels: CartLevels;
+    excludeSize?: boolean;
+    children?: (props: ItemGroupsProps) => ReactNode;
+}) => React.ReactNode;
+export default ItemGroups;

package/dist/cjs/components/ItemGroups.js

@@ -0,0 +1,25 @@
+"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 hooks_1 = require("../app/hooks");
+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, _c = _a.children, children = _c === void 0 ? ui_1.ItemGroups : _c;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemGroups;
+    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 renderItemGroup = function (group, content) { return (react_1.default.createElement(ItemGroup_1.default, { group: group, content: content, children: ui_1.ItemGroup })); };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        groups: groups,
+        excludeSize: excludeSize,
+        renderItemOption: renderItemOption,
+        renderItemGroup: renderItemGroup
+    });
+};
+exports.default = ItemGroups;

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

@@ -0,0 +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 }: {
+    handlers: Handlers;
+    group: CartItemGroup;
+    option: CartItemOption;
+    levels: CartLevels;
+    children?: (props: ItemOptionProps) => ReactNode;
+}) => ReactNode;
+export default ItemOption;

package/dist/cjs/components/ItemOption.js

@@ -0,0 +1,31 @@
+"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 dispatch = (0, hooks_1.useAppDispatch)();
+    var _c = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _c.itemOption, cardConfig = _c.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);
+    var showNested = function () {
+        // dispatch(setCurrentOption(modifier))
+        var currentOption = {
+            groupId: group.id,
+            optionId: option.id,
+            levels: modifier.updatedLevels
+        };
+        dispatch((0, slices_1.setCurrentOption)(currentOption));
+    };
+    return children({
+        config: config,
+        handlers: { showNested: showNested },
+        group: group,
+        option: modifier,
+        cardConfig: cardConfig
+    });
+};
+exports.default = ItemOption;

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

@@ -0,0 +1,11 @@
+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 }: {
+    handlers: Handlers;
+    groups: CartItemGroups;
+    levels: CartLevels;
+    isIncomplete: boolean;
+    children?: (props: ItemSelectionsProps) => ReactNode;
+}) => React.ReactNode;
+export default ItemSelections;

package/dist/cjs/components/ItemSelections.js

@@ -0,0 +1,23 @@
+"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 hooks_1 = require("../app/hooks");
+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 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 })); };
+    return children({
+        config: config,
+        groups: groups,
+        isIncomplete: isIncomplete,
+        renderErrorMessage: renderErrorMessage,
+        renderItemOption: renderItemOption
+    });
+};
+exports.default = ItemSelections;

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

@@ -0,0 +1,10 @@
+import { LabelProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Label: ({ content, label, isRequired, style, children }: {
+    content: ReactNode;
+    label?: string;
+    isRequired?: boolean;
+    style?: Styles;
+    children?: (props: LabelProps) => ReactNode;
+}) => ReactNode;
+export default Label;

package/dist/cjs/components/Label.js

@@ -0,0 +1,11 @@
+"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 config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).label;
+    return children({ config: config, label: label, isRequired: isRequired, style: style, children: content });
+};
+exports.default = Label;

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

@@ -0,0 +1,8 @@
+import { LoaderProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Loader: ({ text, style, children }: {
+    text?: string;
+    style?: Styles;
+    children?: (props: LoaderProps) => ReactNode;
+}) => ReactNode;
+export default Loader;

package/dist/cjs/components/Loader.js

@@ -0,0 +1,11 @@
+"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 config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).loader;
+    return children({ config: config, text: text, style: style });
+};
+exports.default = Loader;

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

@@ -0,0 +1,14 @@
+import { MadeForNotesProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const MadeForNotes: ({ subtitle, hasMadeFor, madeFor, setMadeFor, hasNotes, notes, setNotes, close, children }: {
+    subtitle: string;
+    hasMadeFor: boolean;
+    madeFor: string | null;
+    setMadeFor: (madeFor: string) => void;
+    hasNotes: boolean;
+    notes: string | null;
+    setNotes: (notes: string) => void;
+    close: () => void;
+    children?: (props: MadeForNotesProps) => ReactNode;
+}) => React.ReactNode;
+export default MadeForNotes;

package/dist/cjs/components/MadeForNotes.js

@@ -0,0 +1,29 @@
+"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 hooks_1 = require("../app/hooks");
+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 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 })); };
+    return children({
+        config: config,
+        handlers: handlers,
+        subtitle: subtitle,
+        hasMadeFor: hasMadeFor,
+        madeFor: madeFor,
+        hasNotes: hasNotes,
+        notes: notes,
+        modalContentConfig: modalContentConfig,
+        renderInput: renderInput,
+        renderTextArea: renderTextArea
+    });
+};
+exports.default = MadeForNotes;

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

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

package/dist/cjs/components/MenuCategory.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var hooks_1 = require("../hooks");
-var hooks_2 = require("../app/hooks");
+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, children = _a.children;
-    var dispatch = (0, hooks_2.useAppDispatch)();
-    var config = (0, hooks_2.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
-    var imageUrl = (0, hooks_1.useKioskImageUrl)(category);
+    var category = _a.category, navigate = _a.navigate, _b = _a.children, children = _b === void 0 ? ui_1.MenuCategory : _b;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
+    var imageUrl = (0, hooks_2.useKioskImageUrl)(category);
     var browse = function () {
         dispatch((0, slices_1.setCurrentCategory)(category));
         navigate('/menu/category');

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

@@ -0,0 +1,12 @@
+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 }: {
+    title: string;
+    subtitle: string;
+    path: string;
+    item: MenuItem;
+    navigate: (route: string) => void;
+    children?: (props: MenuOtherProps) => ReactNode;
+}) => ReactNode;
+export default MenuOther;

package/dist/cjs/components/MenuOther.js

@@ -0,0 +1,17 @@
+"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 dispatch = (0, hooks_1.useAppDispatch)();
+    var menuCategory = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).menuCategory;
+    var browse = function () {
+        dispatch((0, slices_1.setCurrentCategory)(null));
+        navigate(path);
+    };
+    var handlers = { browse: browse };
+    return children({ config: menuCategory, handlers: handlers, title: title, subtitle: subtitle, item: item });
+};
+exports.default = MenuOther;

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

@@ -0,0 +1,9 @@
+import { ModalProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const Modal: ({ show, close, content, children }: {
+    show: boolean;
+    close: () => void;
+    content: ReactNode;
+    children?: (props: ModalProps) => ReactNode;
+}) => React.JSX.Element | null;
+export default Modal;

package/dist/cjs/components/Modal.js

@@ -0,0 +1,17 @@
+"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 config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modal;
+    var handlers = { close: close };
+    if (!config)
+        return null;
+    return (react_1.default.createElement(react_transition_group_1.TransitionGroup, { component: null }, show ? (react_1.default.createElement(react_transition_group_1.CSSTransition, { key: "modal", classNames: "md", timeout: { enter: 250, exit: 250 } }, children({ config: config, handlers: handlers, children: content }))) : null));
+};
+exports.default = Modal;

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

@@ -0,0 +1,14 @@
+import { ModalContentProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const ModalContent: ({ title, subtitle, content, submit, submitText, cancel, cancelText, style, children }: {
+    title: string;
+    subtitle?: string | null;
+    content: ReactNode;
+    submit?: () => void;
+    submitText?: string;
+    cancel: () => void;
+    cancelText?: string;
+    style?: Styles;
+    children?: (props: ModalContentProps) => ReactNode;
+}) => ReactNode;
+export default ModalContent;

package/dist/cjs/components/ModalContent.js

@@ -0,0 +1,21 @@
+"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 config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modalContent;
+    return children({
+        config: config,
+        title: title,
+        subtitle: subtitle,
+        children: content,
+        submit: submit,
+        submitText: submitText,
+        cancel: cancel,
+        cancelText: cancelText,
+        style: style
+    });
+};
+exports.default = ModalContent;

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

@@ -0,0 +1,8 @@
+import { ModalHeaderProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const ModalHeader: ({ title, subtitle, children }: {
+    title: string;
+    subtitle?: string;
+    children?: (props: ModalHeaderProps) => ReactNode;
+}) => ReactNode;
+export default ModalHeader;

package/dist/cjs/components/ModalHeader.js

@@ -0,0 +1,11 @@
+"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 config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).modalHeader;
+    return children({ config: config, title: title, subtitle: subtitle });
+};
+exports.default = ModalHeader;

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

@@ -0,0 +1,11 @@
+import { NutritionalInfo as NutritionalInfoType } from '@open-tender/types';
+import { NutritionalInfoProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const NutritionalInfo: ({ title, subtitle, nutritionalInfo, close, children }: {
+    title: string;
+    subtitle?: string;
+    nutritionalInfo: NutritionalInfoType;
+    close: () => void;
+    children?: (props: NutritionalInfoProps) => ReactNode;
+}) => ReactNode;
+export default NutritionalInfo;

package/dist/cjs/components/NutritionalInfo.js

@@ -0,0 +1,19 @@
+"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 handlers = { close: close };
+    return children({
+        config: config,
+        handlers: handlers,
+        title: title,
+        subtitle: subtitle,
+        nutritionalInfo: nutritionalInfo,
+        modalContentConfig: modalContentConfig
+    });
+};
+exports.default = NutritionalInfo;

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

@@ -0,0 +1,11 @@
+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 }: {
+    option: CartItemOption | null;
+    levels: CartLevels | null;
+    handlers: Handlers;
+    close: () => void;
+    children?: (props: OptionProps) => ReactNode;
+}) => React.ReactNode;
+export default Option;

package/dist/cjs/components/Option.js

@@ -0,0 +1,24 @@
+"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 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 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 })); };
+    return children({
+        config: config,
+        handlers: handlersOption,
+        option: option,
+        modalContentConfig: modalContentConfig,
+        renderItemGroups: renderItemGroups
+    });
+};
+exports.default = Option;

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

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

package/dist/cjs/components/OrderCard.js

@@ -0,0 +1,56 @@
+"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 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 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 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 view = function () {
+        return;
+    };
+    var reorder = function () {
+        setErrMsg(null);
+        setIsReordering(true);
+        dispatch((0, slices_1.reorder)(order.cart));
+    };
+    var handlers = { view: view, reorder: reorder };
+    (0, react_1.useEffect)(function () {
+        if (isReordering && !isLoading) {
+            setIsReordering(false);
+            if (error) {
+                setErrMsg(error.detail);
+            }
+            else {
+                navigate('/checkout/details');
+            }
+        }
+    }, [isLoading, isReordering, error, navigate]);
+    var renderErrorMessage = function (errMsg) { return (react_1.default.createElement(ErrorMessage_1.default, { content: errMsg, children: ui_1.ErrorMessage })); };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        isReordering: isReordering,
+        errMsg: errMsg,
+        cardConfig: cardConfig,
+        subtitle: subtitle,
+        title: title,
+        orderNo: orderNo,
+        itemNames: itemNames,
+        itemImages: itemImages,
+        renderErrorMessage: renderErrorMessage
+    });
+};
+exports.default = OrderCard;

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

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

package/dist/cjs/components/PointsReward.js

@@ -0,0 +1,62 @@
+"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 hooks_1 = require("../app/hooks");
+var hooks_2 = require("../hooks");
+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 dispatch = (0, hooks_1.useAppDispatch)();
+    var _d = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _d.pointsReward, successMessageConfig = _d.successMessage, cardConfig = _d.card;
+    var checkPoints = (0, hooks_1.useAppSelector)(slices_1.selectPosCheckout).points;
+    var _e = (0, hooks_2.useCustomerRewards)(), points = _e.points, pointsRemaining = _e.pointsRemaining;
+    if (!item.points || item.points.index === undefined || !points)
+        return null;
+    var _f = item.points, index = _f.index, per = _f.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;
+    var apply = function () {
+        var currentItem = checkPoints.find(function (i) { return i.index === index; });
+        var currentPoints = currentItem ? currentItem.points : 0;
+        var updatedItem = {
+            index: index,
+            points: currentPoints + per
+        };
+        var otherItems = checkPoints.filter(function (i) { return i.index !== index; });
+        var updatedPoints = tslib_1.__spreadArray(tslib_1.__spreadArray([], otherItems, true), [updatedItem], false);
+        dispatch((0, slices_1.setPoints)(updatedPoints));
+        // dispatch(validatePosOrder())
+        if (callback)
+            callback();
+    };
+    var remove = function () {
+        var currentItem = checkPoints.find(function (i) { return i.index === index; });
+        var currentPoints = currentItem ? currentItem.points : 0;
+        var updatedItem = {
+            index: index,
+            points: currentPoints - per
+        };
+        var otherItems = checkPoints.filter(function (i) { return i.index !== index; });
+        var updatedPoints = updatedItem.points > 0 ? tslib_1.__spreadArray(tslib_1.__spreadArray([], otherItems, true), [updatedItem], false) : otherItems;
+        dispatch((0, slices_1.setPoints)(updatedPoints));
+        // dispatch(validatePosOrder())
+        if (callback)
+            callback();
+    };
+    var renderQuantity = function (quantity, incrementDisabled) { return (react_1.default.createElement(Quantity_1.default, { quantity: quantity, increment: apply, incrementDisabled: incrementDisabled, decrement: remove, fontSize: 24, iconSize: 28, children: ui_1.Quantity })); };
+    return children({
+        config: config,
+        item: item,
+        itemPointsApplied: itemPointsApplied,
+        pointsRemaining: pointsRemaining,
+        successMessageConfig: successMessageConfig,
+        cardConfig: cardConfig,
+        renderQuantity: renderQuantity
+    });
+};
+exports.default = PointsReward;

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

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