@open-tender/store 1.1.3 → 1.1.5

package/dist/esm/components/Loader.js

@@ -0,0 +1,8 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Loader = function (_a) {
+    var text = _a.text, style = _a.style, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).loader;
+    return children({ config: config, text: text, style: style });
+};
+export default Loader;

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

@@ -0,0 +1,26 @@
+import { Input } from '@open-tender/ui';
+import React from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as InputContainer } from './Input';
+import { default as TextAreaContainer } from './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, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.madeForNotes, modalContentConfig = _b.modalContent;
+    var handlers = { submit: close };
+    var renderInput = function (label, value, isRequired, style) { return (React.createElement(InputContainer, { label: label, setValue: setMadeFor, value: value, isRequired: isRequired, style: style, children: Input })); };
+    var renderTextArea = function (label, value, isRequired, style) { return (React.createElement(TextAreaContainer, { label: label, setValue: setNotes, value: value, isRequired: isRequired, style: style, children: Input })); };
+    return children({
+        config: config,
+        handlers: handlers,
+        subtitle: subtitle,
+        hasMadeFor: hasMadeFor,
+        madeFor: madeFor,
+        hasNotes: hasNotes,
+        notes: notes,
+        modalContentConfig: modalContentConfig,
+        renderInput: renderInput,
+        renderTextArea: renderTextArea
+    });
+};
+export default MadeForNotes;

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

@@ -1,5 +1,5 @@
-import { useKioskImageUrl } from '../hooks';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { useKioskImageUrl } from '../hooks';
 import { selectKioskConfig, setCurrentCategory } from '../slices';
 var MenuCategory = function (_a) {
     var category = _a.category, navigate = _a.navigate, children = _a.children;

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CSSTransition, TransitionGroup } from 'react-transition-group';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Modal = function (_a) {
+    var show = _a.show, close = _a.close, content = _a.content, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).modal;
+    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));
+};
+export default Modal;

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

@@ -0,0 +1,18 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../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, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).modalContent;
+    return children({
+        config: config,
+        title: title,
+        subtitle: subtitle,
+        children: content,
+        submit: submit,
+        submitText: submitText,
+        cancel: cancel,
+        cancelText: cancelText,
+        style: style
+    });
+};
+export default ModalContent;

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

@@ -0,0 +1,8 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var ModalHeader = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).modalHeader;
+    return children({ config: config, title: title, subtitle: subtitle });
+};
+export default ModalHeader;

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

@@ -0,0 +1,16 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var NutritionalInfo = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, nutritionalInfo = _a.nutritionalInfo, close = _a.close, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.nutritionalInfo, modalContentConfig = _b.modalContent;
+    var handlers = { close: close };
+    return children({
+        config: config,
+        handlers: handlers,
+        title: title,
+        subtitle: subtitle,
+        nutritionalInfo: nutritionalInfo,
+        modalContentConfig: modalContentConfig
+    });
+};
+export default NutritionalInfo;

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

@@ -0,0 +1,22 @@
+import { __assign } from "tslib";
+import { ItemGroups } from '@open-tender/ui';
+import React from 'react';
+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 _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 })); };
+    return children({
+        config: config,
+        handlers: handlersOption,
+        option: option,
+        modalContentConfig: modalContentConfig,
+        renderItemGroups: renderItemGroups
+    });
+};
+export default Option;

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

@@ -0,0 +1,53 @@
+import { ErrorMessage } from '@open-tender/ui';
+import React, { useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+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 dispatch = useAppDispatch();
+    var _b = useState(null), errMsg = _b[0], setErrMsg = _b[1];
+    var _c = useState(false), isReordering = _c[0], setIsReordering = _c[1];
+    var _d = useAppSelector(selectKioskConfig), config = _d.orderCard, cardConfig = _d.card;
+    var _e = useAppSelector(selectOrder), loading = _e.loading, error = _e.error;
+    var isLoading = loading === 'pending';
+    var _f = useOrder(order), itemImages = _f.itemImages, itemNames = _f.itemNames, orderNo = _f.orderNo, title = _f.title, subtitle = _f.subtitle;
+    var view = function () {
+        return;
+    };
+    var reorder = function () {
+        setErrMsg(null);
+        setIsReordering(true);
+        dispatch(reorderPastOrder(order.cart));
+    };
+    var handlers = { view: view, reorder: reorder };
+    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.createElement(ErrorMessageContainer, { content: errMsg, children: 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
+    });
+};
+export default OrderCard;

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

@@ -0,0 +1,60 @@
+import { __spreadArray } from "tslib";
+import { Quantity } from '@open-tender/ui';
+import React from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { useCustomerRewards } from '../hooks';
+import { selectKioskConfig, selectPosCheckout, setPoints } from '../slices';
+import { default as QuantityContainer } from './Quantity';
+var PointsReward = function (_a) {
+    var _b;
+    var item = _a.item, callback = _a.callback, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _c = useAppSelector(selectKioskConfig), config = _c.pointsReward, successMessageConfig = _c.successMessage, cardConfig = _c.card;
+    var checkPoints = useAppSelector(selectPosCheckout).points;
+    var _d = useCustomerRewards(), points = _d.points, pointsRemaining = _d.pointsRemaining;
+    if (!item.points || item.points.index === undefined || !points)
+        return null;
+    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;
+    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 = __spreadArray(__spreadArray([], otherItems, true), [updatedItem], false);
+        dispatch(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 ? __spreadArray(__spreadArray([], otherItems, true), [updatedItem], false) : otherItems;
+        dispatch(setPoints(updatedPoints));
+        // dispatch(validatePosOrder())
+        if (callback)
+            callback();
+    };
+    var renderQuantity = function (quantity, incrementDisabled) { return (React.createElement(QuantityContainer, { quantity: quantity, increment: apply, incrementDisabled: incrementDisabled, decrement: remove, fontSize: 24, iconSize: 28, children: Quantity })); };
+    return children({
+        config: config,
+        item: item,
+        itemPointsApplied: itemPointsApplied,
+        pointsRemaining: pointsRemaining,
+        successMessageConfig: successMessageConfig,
+        cardConfig: cardConfig,
+        renderQuantity: renderQuantity
+    });
+};
+export default PointsReward;

package/dist/esm/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;

package/dist/esm/components/PointsRewards.js

@@ -0,0 +1,21 @@
+import { PointsReward } from '@open-tender/ui';
+import React from 'react';
+import { useAppSelector } from '../app/hooks';
+import { useCustomerRewards } from '../hooks';
+import { selectKioskConfig } from '../slices';
+import { default as PointsRewardContainer } from './PointsReward';
+var PointsRewards = function (_a) {
+    var children = _a.children;
+    var config = useAppSelector(selectKioskConfig).pointsRewards;
+    var _b = useCustomerRewards(), items = _b.items, points = _b.points, pointsApplied = _b.pointsApplied, pointsRemaining = _b.pointsRemaining;
+    var renderPointReward = function (item) { return (React.createElement(PointsRewardContainer, { item: item, children: PointsReward })); };
+    return children({
+        config: config,
+        items: items,
+        points: points,
+        pointsApplied: pointsApplied,
+        pointsRemaining: pointsRemaining,
+        renderPointReward: renderPointReward
+    });
+};
+export default PointsRewards;

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

@@ -0,0 +1,7 @@
+import { PromoCodeProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const PromoCode: ({ close, children }: {
+    close: () => void;
+    children: (props: PromoCodeProps) => ReactNode;
+}) => React.ReactNode;
+export default PromoCode;

package/dist/esm/components/PromoCode.js

@@ -0,0 +1,49 @@
+import { ErrorMessage, Input } from '@open-tender/ui';
+import { handleRespError } from '@open-tender/utils';
+import React, { useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { addPromoCode, selectKioskConfig, selectOrder } from '../slices';
+import { default as ErrorMessageContainer } from './ErrorMessage';
+import { default as InputContainer } from './Input';
+var PromoCode = function (_a) {
+    var close = _a.close, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _b = useState(''), promoCode = _b[0], setPromoCode = _b[1];
+    var _c = useState(false), submitted = _c[0], setSubmitted = _c[1];
+    var _d = useState(null), errMsg = _d[0], setErrMsg = _d[1];
+    var _e = useAppSelector(selectKioskConfig), config = _e.promoCode, modalContentConfig = _e.modalContent;
+    var _f = useAppSelector(selectOrder), loading = _f.loading, error = _f.error;
+    var isLoading = loading === 'pending';
+    var update = function (value) {
+        setPromoCode(value);
+    };
+    var submit = function () {
+        setSubmitted(true);
+        dispatch(addPromoCode(promoCode));
+    };
+    var handlers = { submit: submit, close: close };
+    useEffect(function () {
+        if (submitted && !isLoading) {
+            setSubmitted(false);
+            if (error) {
+                var detail = handleRespError(error).detail;
+                setErrMsg(detail || 'Something went wrong');
+            }
+            else {
+                close();
+            }
+        }
+    }, [submitted, isLoading, error, close]);
+    var renderErrorMessage = function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessage })); };
+    var renderInput = function (value, isRequired, style) { return (React.createElement(InputContainer, { setValue: update, value: value, isRequired: isRequired, style: style, children: Input })); };
+    return children({
+        config: config,
+        handlers: handlers,
+        promoCode: promoCode,
+        errMsg: errMsg,
+        renderErrorMessage: renderErrorMessage,
+        modalContentConfig: modalContentConfig,
+        renderInput: renderInput
+    });
+};
+export default PromoCode;

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

@@ -0,0 +1,13 @@
+import { QuantityProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Quantity: ({ quantity, increment, incrementDisabled, decrement, decrementDisabled, fontSize, iconSize, children }: {
+    quantity: number;
+    increment: () => void;
+    incrementDisabled?: boolean;
+    decrement: () => void;
+    decrementDisabled?: boolean;
+    fontSize?: number;
+    iconSize?: number;
+    children: (props: QuantityProps) => ReactNode;
+}) => ReactNode;
+export default Quantity;

package/dist/esm/components/Quantity.js

@@ -0,0 +1,17 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Quantity = function (_a) {
+    var quantity = _a.quantity, increment = _a.increment, _b = _a.incrementDisabled, incrementDisabled = _b === void 0 ? false : _b, decrement = _a.decrement, _c = _a.decrementDisabled, decrementDisabled = _c === void 0 ? false : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 28 : _d, _e = _a.iconSize, iconSize = _e === void 0 ? 36 : _e, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).quantity;
+    var handlers = { increment: increment, decrement: decrement };
+    return children({
+        config: config,
+        handlers: handlers,
+        quantity: quantity,
+        incrementDisabled: incrementDisabled,
+        decrementDisabled: decrementDisabled,
+        fontSize: fontSize,
+        iconSize: iconSize
+    });
+};
+export default Quantity;

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

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

package/dist/esm/components/Reward.js

@@ -0,0 +1,36 @@
+import { Applied } from '@open-tender/ui';
+import React from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { addDiscount, removeDiscount, selectKioskConfig, selectPosCheckout } from '../slices';
+import { default as AppliedContainer } from './Applied';
+var Reward = function (_a) {
+    var reward = _a.reward, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(selectKioskConfig), config = _b.reward, cardConfig = _b.card;
+    var check = useAppSelector(selectPosCheckout).check;
+    var discountIds = check === null || check === void 0 ? void 0 : check.discounts.map(function (i) { return i.id; });
+    var id = reward.discount_id;
+    var isApplied = !!(discountIds === null || discountIds === void 0 ? void 0 : discountIds.includes(id));
+    var apply = function () {
+        dispatch(addDiscount({ id: id }));
+        if (callback)
+            callback();
+    };
+    var remove = function () {
+        dispatch(removeDiscount({ id: id }));
+        if (callback)
+            callback();
+    };
+    var handlers = { apply: apply, remove: remove };
+    var renderApplied = function () { return React.createElement(AppliedContainer, { children: Applied }); };
+    return children({
+        config: config,
+        handlers: handlers,
+        reward: reward,
+        isApplied: isApplied,
+        isLast: isLast,
+        cardConfig: cardConfig,
+        renderApplied: renderApplied
+    });
+};
+export default Reward;

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

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

package/dist/esm/components/Rewards.js

@@ -0,0 +1,12 @@
+import { Reward } from '@open-tender/ui';
+import React from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as RewardContainer } from './Reward';
+var Rewards = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, rewards = _a.rewards, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).rewards;
+    var renderReward = function (reward, isLast) { return (React.createElement(RewardContainer, { reward: reward, isLast: isLast, children: Reward })); };
+    return children({ config: config, title: title, subtitle: subtitle, rewards: rewards, renderReward: renderReward });
+};
+export default Rewards;

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

@@ -0,0 +1,11 @@
+import { KioskSignInType } from '@open-tender/types';
+import { SignInProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const SignIn: ({ setSignInType, greeting, punctuation, navigate, children }: {
+    setSignInType: (signInType: KioskSignInType) => void;
+    greeting?: string;
+    punctuation?: string;
+    navigate: (route: string) => void;
+    children: (props: SignInProps) => ReactNode;
+}) => ReactNode;
+export default SignIn;

package/dist/esm/components/SignIn.js

@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { fetchCustomer, resetCustomer, resetCustomerIdentify, resetMenu, selectCustomerIdentified, selectKioskConfig } from '../slices';
+var endpoints = [
+    'ACCOUNT',
+    'DEALS',
+    'FAVORITES',
+    'ORDERS',
+    'GIFT_CARDS',
+    'LOYALTY',
+    'REWARDS'
+];
+var SignIn = function (_a) {
+    var setSignInType = _a.setSignInType, _b = _a.greeting, greeting = _b === void 0 ? 'Hi there' : _b, _c = _a.punctuation, punctuation = _c === void 0 ? '!' : _c, navigate = _a.navigate, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _d = useAppSelector(selectKioskConfig), config = _d.signIn, buttonLinkConfig = _d.buttonLink;
+    var customer = (useAppSelector(selectCustomerIdentified) || {}).customer;
+    var _e = customer || {}, customerId = _e.customer_id, first_name = _e.first_name;
+    var msg = customer ? "".concat(greeting, ", ").concat(first_name).concat(punctuation) : null;
+    var signOut = function () {
+        dispatch(resetCustomerIdentify());
+        dispatch(resetCustomer());
+        dispatch(resetMenu());
+        setSignInType(null);
+    };
+    var goToAccount = function () { return navigate('/account'); };
+    var handlers = { goToAccount: goToAccount, setSignInType: setSignInType, signOut: signOut };
+    useEffect(function () {
+        if (customerId) {
+            dispatch(fetchCustomer({ customerId: customerId, endpoints: endpoints }));
+        }
+    }, [dispatch, customerId]);
+    return children({ config: config, handlers: handlers, msg: msg, buttonLinkConfig: buttonLinkConfig });
+};
+export default SignIn;

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

@@ -0,0 +1,8 @@
+import { SignInButtonProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const SignInButton: ({ navigate, children, pathname }: {
+    pathname: string;
+    navigate: (route: string) => void;
+    children: (props: SignInButtonProps) => ReactNode;
+}) => ReactNode;
+export default SignInButton;