@open-tender/store 0.1.10 → 0.1.280

package/dist/esm/components/Header.js

@@ -0,0 +1,45 @@
+import React, { useCallback } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectStoreSettings, toggleSidebar } from '../slices';
+import { default as SignInButtonContainer } from './SignInButton';
+import { default as TagsButtonContainer } from './TagsButton';
+var Header = function (_a) {
+    var to = _a.to, _b = _a.backText, backText = _b === void 0 ? 'Back' : _b, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView, TagsButtonView = _a.TagsButtonView;
+    var dispatch = useAppDispatch();
+    var config = (useAppSelector(selectKioskConfig) || {}).header;
+    var showButtons = !!(backAction || to);
+    var _c = useAppSelector(selectStoreSettings), display_sign_in = _c.display_sign_in, display_allergens = _c.display_allergens, display_tags = _c.display_tags;
+    var back = function () {
+        if (backAction) {
+            backAction();
+        }
+        else if (to) {
+            navigate(to);
+        }
+        else {
+            navigate('/');
+        }
+    };
+    var startOver = function () { return navigate('/'); };
+    var open = function () {
+        dispatch(toggleSidebar());
+    };
+    var handlers = { back: back, open: open, startOver: startOver };
+    var renderSignInButton = useCallback(function () { return (React.createElement(SignInButtonContainer, { pathname: pathname, navigate: navigate, children: SignInButtonView })); }, [pathname, navigate, SignInButtonView]);
+    var renderTagsButton = useCallback(function () {
+        return TagsButtonView ? React.createElement(TagsButtonContainer, { children: TagsButtonView }) : null;
+    }, [TagsButtonView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        showButtons: showButtons,
+        backText: backText,
+        renderSignInButton: display_sign_in ? renderSignInButton : undefined,
+        renderTagsButton: TagsButtonView && (display_allergens || display_tags)
+            ? renderTagsButton
+            : undefined
+    });
+};
+export default Header;

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

@@ -0,0 +1,8 @@
+import { IdleModalProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const IdleModal: ({ close, reset, children }: {
+    close: () => void;
+    reset: () => void;
+    children: (props: IdleModalProps) => ReactNode;
+}) => ReactNode;
+export default IdleModal;

package/dist/esm/components/IdleModal.js

@@ -0,0 +1,17 @@
+import { useEffect, useMemo } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var WAITING_TIME_IN_SECONDS = 15;
+var IdleModal = function (_a) {
+    var close = _a.close, reset = _a.reset, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.idleModal, modalContentConfig = _b.modalContent;
+    var handlers = useMemo(function () { return ({ close: close, reset: reset }); }, [close, reset]);
+    useEffect(function () {
+        var timerId = setTimeout(reset, WAITING_TIME_IN_SECONDS * 1000);
+        return function () { return clearTimeout(timerId); };
+    }, [reset]);
+    if (!config)
+        return null;
+    return children({ config: config, modalContentConfig: modalContentConfig, handlers: handlers });
+};
+export default IdleModal;

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

@@ -0,0 +1,10 @@
+import { IngredientsProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Ingredients: ({ title, subtitle, ingredients, close, children }: {
+    title: string;
+    subtitle?: string;
+    ingredients: string;
+    close: () => void;
+    children: (props: IngredientsProps) => ReactNode;
+}) => ReactNode;
+export default Ingredients;

package/dist/esm/components/Ingredients.js

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

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

@@ -0,0 +1,11 @@
+import { InputProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Input: ({ label, value, setValue, isRequired, style, children }: {
+    label?: string;
+    value: string;
+    setValue: (value: string) => void;
+    isRequired?: boolean;
+    style?: Styles;
+    children: (props: InputProps) => ReactNode;
+}) => ReactNode;
+export default Input;

package/dist/esm/components/Input.js

@@ -0,0 +1,22 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Input = function (_a) {
+    var label = _a.label, value = _a.value, setValue = _a.setValue, isRequired = _a.isRequired, style = _a.style, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.input, labelConfig = _b.label;
+    var update = function (evt) {
+        setValue(evt.target.value);
+    };
+    var handlers = { update: update };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        label: label,
+        value: value,
+        isRequired: isRequired,
+        style: style,
+        labelConfig: labelConfig
+    });
+};
+export default Input;

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

@@ -0,0 +1,13 @@
+import { InputButtonProps, Styles } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const InputButton: ({ label, value, open, isRequired, style, labelStyle, showOptionalLabel, children }: {
+    label?: string;
+    value: string;
+    open: () => void;
+    isRequired?: boolean;
+    style?: Styles;
+    labelStyle?: Styles;
+    showOptionalLabel?: boolean;
+    children: (props: InputButtonProps) => ReactNode;
+}) => ReactNode;
+export default InputButton;

package/dist/esm/components/InputButton.js

@@ -0,0 +1,21 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var InputButton = function (_a) {
+    var label = _a.label, value = _a.value, open = _a.open, isRequired = _a.isRequired, style = _a.style, labelStyle = _a.labelStyle, showOptionalLabel = _a.showOptionalLabel, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.inputButton, labelConfig = _b.label;
+    var handlers = { open: open };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        labelConfig: labelConfig,
+        handlers: handlers,
+        label: label,
+        value: value,
+        isRequired: isRequired,
+        style: style,
+        labelStyle: labelStyle,
+        showOptionalLabel: showOptionalLabel
+    });
+};
+export default InputButton;

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

@@ -0,0 +1,14 @@
+import { CartItemGroup } from '@open-tender/types';
+import { ErrorMessageProps, ItemGroupProps, SuccessMessageProps } from '@open-tender/ui';
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ group, content, flash, index, onItemClicked, children, ErrorMessageView, SuccessMessageView }: {
+    group: CartItemGroup;
+    content: React.ReactNode;
+    flash?: boolean | undefined;
+    index?: number | undefined;
+    onItemClicked?: ((index?: number | undefined) => void) | undefined;
+    children: (props: ItemGroupProps) => React.ReactNode;
+    ErrorMessageView: (props: ErrorMessageProps) => React.ReactNode;
+    SuccessMessageView: (props: SuccessMessageProps) => React.ReactNode;
+}) => React.ReactNode>;
+export default _default;

package/dist/esm/components/ItemGroup.js

@@ -0,0 +1,26 @@
+import { useModifierGroup } from '@open-tender/utils';
+import React, { useCallback } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as ErrorMessageContainer } from './ErrorMessage';
+import { default as SuccessMessageContainer } from './SuccessMessage';
+var ItemGroup = function (_a) {
+    var group = _a.group, content = _a.content, flash = _a.flash, index = _a.index, onItemClicked = _a.onItemClicked, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
+    var config = useAppSelector(selectKioskConfig).itemGroup;
+    var modifierGroup = useModifierGroup(group);
+    var renderErrorMessage = useCallback(function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
+    var renderSuccessMessage = useCallback(function (icon, children) { return (React.createElement(SuccessMessageContainer, { icon: icon, content: children, children: SuccessMessageView })); }, [SuccessMessageView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        group: modifierGroup,
+        children: content,
+        flash: flash,
+        index: index,
+        onItemClicked: onItemClicked,
+        renderErrorMessage: renderErrorMessage,
+        renderSuccessMessage: renderSuccessMessage
+    });
+};
+export default React.memo(ItemGroup);

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

@@ -0,0 +1,17 @@
+import { CartItemGroups, CartLevels } from '@open-tender/types';
+import { Handlers, ItemGroupsProps, ItemOptionProps, ErrorMessageProps, SuccessMessageProps, ItemGroupProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const ItemGroups: ({ handlers, groups, levels, excludeSize, configName, optionConfigName, children, ItemGroupView, ItemOptionView, ErrorMessageView, SuccessMessageView }: {
+    handlers: Handlers;
+    groups: CartItemGroups;
+    levels: CartLevels;
+    excludeSize?: boolean;
+    configName?: string;
+    optionConfigName?: string;
+    children: (props: ItemGroupsProps) => ReactNode;
+    ItemOptionView: (props: ItemOptionProps) => ReactNode;
+    ItemGroupView: (props: ItemGroupProps) => ReactNode;
+    ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
+    SuccessMessageView: (props: SuccessMessageProps) => ReactNode;
+}) => React.ReactNode;
+export default ItemGroups;

package/dist/esm/components/ItemGroups.js

@@ -0,0 +1,21 @@
+import React, { useCallback } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as ItemGroupContainer } from './ItemGroup';
+import { default as ItemOptionContainer } from './ItemOption';
+var ItemGroups = function (_a) {
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, _b = _a.excludeSize, excludeSize = _b === void 0 ? true : _b, _c = _a.configName, configName = _c === void 0 ? 'itemGroups' : _c, _d = _a.optionConfigName, optionConfigName = _d === void 0 ? 'itemOption' : _d, children = _a.children, ItemGroupView = _a.ItemGroupView, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
+    var _e = useAppSelector(selectKioskConfig), _f = configName, config = _e[_f];
+    var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionContainer, { key: "".concat(group.id, "-").concat(option.id), levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView, configName: optionConfigName })); }, [levels, handlers, ItemOptionView, optionConfigName]);
+    var renderItemGroup = useCallback(function (group, content) { return (React.createElement(ItemGroupContainer, { key: group.id, SuccessMessageView: SuccessMessageView, ErrorMessageView: ErrorMessageView, group: group, content: content, children: ItemGroupView })); }, [ItemGroupView, ErrorMessageView, SuccessMessageView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        groups: groups,
+        excludeSize: excludeSize,
+        renderItemOption: renderItemOption,
+        renderItemGroup: renderItemGroup
+    });
+};
+export default ItemGroups;

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

@@ -0,0 +1,13 @@
+import { CartItemGroup, CartItemOption, CartLevels } from '@open-tender/types';
+import { Handlers, ItemOptionProps } from '@open-tender/ui';
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ handlers, group, option, levels, placeholder, children, configName }: {
+    handlers: Handlers;
+    group: CartItemGroup;
+    option: CartItemOption;
+    levels: CartLevels;
+    placeholder?: string | undefined;
+    children: (props: ItemOptionProps) => React.ReactNode;
+    configName?: string | undefined;
+}) => React.ReactNode>;
+export default _default;

package/dist/esm/components/ItemOption.js

@@ -0,0 +1,35 @@
+import { __assign } from "tslib";
+import { useModifier } from '@open-tender/utils';
+import React from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskApi, selectKioskConfig, setCurrentOption } from '../slices';
+var ItemOption = function (_a) {
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children, _b = _a.configName, configName = _b === void 0 ? 'itemOption' : _b;
+    var dispatch = useAppDispatch();
+    var apiUrl = useAppSelector(selectKioskApi);
+    var _c = useAppSelector(selectKioskConfig), _d = configName, config = _c[_d];
+    var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
+    var allergenAlerts = [];
+    var modifier = 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(setCurrentOption(currentOption));
+    };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: __assign({ showNested: showNested }, handlers),
+        group: group,
+        option: modifier,
+        groupOption: option,
+        apiUrl: apiUrl,
+        placeholder: placeholder
+    });
+};
+export default React.memo(ItemOption);

package/dist/esm/components/ItemOptionSelected.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 ItemOptionSelected: ({ handlers, group, option, levels, children }: {
+    handlers: Handlers;
+    group: CartItemGroup;
+    option: CartItemOption;
+    levels: CartLevels;
+    children: (props: ItemOptionProps) => ReactNode;
+}) => ReactNode;
+export default ItemOptionSelected;

package/dist/esm/components/ItemOptionSelected.js

@@ -0,0 +1,32 @@
+import { useModifier } from '@open-tender/utils';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskApi, selectKioskConfig, setCurrentOption } from '../slices';
+var ItemOptionSelected = function (_a) {
+    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, children = _a.children;
+    var dispatch = useAppDispatch();
+    var apiUrl = useAppSelector(selectKioskApi);
+    var config = useAppSelector(selectKioskConfig).itemOptionSelected;
+    var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
+    var allergenAlerts = [];
+    var modifier = 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(setCurrentOption(currentOption));
+    };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: { showNested: showNested },
+        group: group,
+        groupOption: option,
+        option: modifier,
+        apiUrl: apiUrl
+    });
+};
+export default ItemOptionSelected;

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

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

package/dist/esm/components/ItemSelections.js

@@ -0,0 +1,23 @@
+import React, { useCallback } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectStoreSettings } from '../slices';
+import { default as ErrorMessageContainer } from './ErrorMessage';
+import { default as ItemOptionSelectedContainer } from './ItemOptionSelected';
+var ItemSelections = function (_a) {
+    var handlers = _a.handlers, groups = _a.groups, levels = _a.levels, isIncomplete = _a.isIncomplete, children = _a.children, ItemOptionView = _a.ItemOptionView, ErrorMessageView = _a.ErrorMessageView;
+    var config = useAppSelector(selectKioskConfig).itemSelections;
+    var display_customize = useAppSelector(selectStoreSettings).display_customize;
+    var renderErrorMessage = useCallback(function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
+    var renderItemOption = useCallback(function (group, option) { return (React.createElement(ItemOptionSelectedContainer, { levels: levels, handlers: handlers, group: group, option: option, children: ItemOptionView })); }, [levels, handlers, ItemOptionView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        groups: groups,
+        isIncomplete: isIncomplete,
+        isCustomize: display_customize,
+        renderErrorMessage: renderErrorMessage,
+        renderItemOption: renderItemOption
+    });
+};
+export default ItemSelections;

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

@@ -0,0 +1,9 @@
+import { CartItemGroup } from '@open-tender/types';
+import { ItemSizeProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const ItemSize: ({ sizeGroup, toggleSize, children }: {
+    sizeGroup?: CartItemGroup | null;
+    toggleSize: (optionId: number) => void;
+    children: (props: ItemSizeProps) => ReactNode;
+}) => ReactNode;
+export default ItemSize;

package/dist/esm/components/ItemSize.js

@@ -0,0 +1,19 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var ItemSize = function (_a) {
+    var _b;
+    var sizeGroup = _a.sizeGroup, toggleSize = _a.toggleSize, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).itemSize;
+    var appliedOption = (_b = sizeGroup === null || sizeGroup === void 0 ? void 0 : sizeGroup.options) === null || _b === void 0 ? void 0 : _b.find(function (i) { return i.quantity > 0; });
+    var appliedId = (appliedOption === null || appliedOption === void 0 ? void 0 : appliedOption.id) || null;
+    var handlers = { toggleSize: toggleSize };
+    if (!config || !sizeGroup)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        sizeGroup: sizeGroup,
+        appliedId: appliedId
+    });
+};
+export default ItemSize;

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

@@ -0,0 +1,11 @@
+import { Handlers, KeypadProps, KeypadType } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Keypad: ({ children, maxLength, type, value, handlers, isEmail }: {
+    children: (props: KeypadProps) => ReactNode;
+    maxLength?: number;
+    type?: KeypadType;
+    value: string;
+    handlers: Handlers;
+    isEmail?: boolean;
+}) => ReactNode;
+export default Keypad;

package/dist/esm/components/Keypad.js

@@ -0,0 +1,27 @@
+import { useCallback, useMemo, useState } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { getKeyboardValue } from '../utils';
+var Keypad = function (_a) {
+    var children = _a.children, maxLength = _a.maxLength, type = _a.type, value = _a.value, handlers = _a.handlers, isEmail = _a.isEmail;
+    var _b = useAppSelector(selectKioskConfig), keypad = _b.keypad, numpad = _b.numpad;
+    var isDollar = type === 'dollar';
+    var config = type === 'numeric' || isDollar ? numpad : keypad;
+    var _c = useState(false), isShiftOn = _c[0], setIsShiftOn = _c[1];
+    var handleOnKeyPress = useCallback(function (key) {
+        setIsShiftOn(function (prev) { return (key === '\u21E7' ? !prev : prev); });
+        handlers.change(getKeyboardValue(key, value, maxLength, isShiftOn));
+    }, [handlers, value, maxLength, isShiftOn]);
+    var viewHandlers = useMemo(function () { return ({ keyPress: handleOnKeyPress }); }, [handleOnKeyPress]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: viewHandlers,
+        value: value,
+        type: type,
+        isEmail: isEmail,
+        isShiftOn: isShiftOn
+    });
+};
+export default Keypad;

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

@@ -0,0 +1,10 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Label = function (_a) {
+    var content = _a.content, label = _a.label, isRequired = _a.isRequired, style = _a.style, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).label;
+    if (!config)
+        return null;
+    return children({ config: config, label: label, isRequired: isRequired, style: style, children: content });
+};
+export default Label;

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

@@ -0,0 +1,10 @@
+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;
+    if (!config)
+        return null;
+    return children({ config: config, text: text, style: style });
+};
+export default Loader;

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

@@ -0,0 +1,11 @@
+import { Discount } from '@open-tender/types';
+import { LoyaltyDiscountProps, AppliedProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const LoyaltyDiscount: ({ discount, callback, isLast, children, AppliedView }: {
+    discount: Discount;
+    callback?: () => void;
+    isLast?: boolean;
+    children: (props: LoyaltyDiscountProps) => ReactNode;
+    AppliedView: (props: AppliedProps) => ReactNode;
+}) => React.ReactNode;
+export default LoyaltyDiscount;

package/dist/esm/components/LoyaltyDiscount.js

@@ -0,0 +1,41 @@
+import { __assign, __rest } from "tslib";
+import React, { useCallback } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { addDiscount, removeDiscount, selectKioskApi, selectKioskConfig, selectPosCheckout } from '../slices';
+import { default as AppliedContainer } from './Applied';
+var LoyaltyDiscount = function (_a) {
+    var discount = _a.discount, callback = _a.callback, isLast = _a.isLast, children = _a.children, AppliedView = _a.AppliedView;
+    var dispatch = useAppDispatch();
+    var apiUrl = useAppSelector(selectKioskApi);
+    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 = discount.discount_id;
+    var isApplied = !!(discountIds === null || discountIds === void 0 ? void 0 : discountIds.includes(id));
+    var apply = function () {
+        var discount_id = discount.discount_id, rest = __rest(discount, ["discount_id"]);
+        dispatch(addDiscount(__assign({ id: discount_id }, rest)));
+        if (callback)
+            callback();
+    };
+    var remove = function () {
+        dispatch(removeDiscount({ id: id }));
+        if (callback)
+            callback();
+    };
+    var handlers = { apply: apply, remove: remove };
+    var renderApplied = useCallback(function () { return React.createElement(AppliedContainer, { children: AppliedView }); }, [AppliedView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        discount: discount,
+        isApplied: isApplied,
+        isLast: isLast,
+        cardConfig: cardConfig,
+        renderApplied: renderApplied,
+        apiUrl: apiUrl
+    });
+};
+export default LoyaltyDiscount;

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

@@ -0,0 +1,12 @@
+import { Discounts } from '@open-tender/types';
+import { AppliedProps, LoyaltyDiscountProps, LoyaltyDiscountsProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const LoyaltyDiscounts: ({ title, subtitle, discounts, children, DiscountView, AppliedView }: {
+    title: string;
+    subtitle?: string;
+    discounts: Discounts;
+    children: (props: LoyaltyDiscountsProps) => ReactNode;
+    DiscountView: (props: LoyaltyDiscountProps) => ReactNode;
+    AppliedView: (props: AppliedProps) => ReactNode;
+}) => React.ReactNode;
+export default LoyaltyDiscounts;

package/dist/esm/components/LoyaltyDiscounts.js

@@ -0,0 +1,13 @@
+import React, { useCallback } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as LoyaltyDiscountContainer } from './LoyaltyDiscount';
+var LoyaltyDiscounts = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, discounts = _a.discounts, children = _a.children, DiscountView = _a.DiscountView, AppliedView = _a.AppliedView;
+    var config = useAppSelector(selectKioskConfig).rewards;
+    var renderDiscount = useCallback(function (discount, isLast) { return (React.createElement(LoyaltyDiscountContainer, { discount: discount, isLast: isLast, children: DiscountView, AppliedView: AppliedView })); }, [DiscountView, AppliedView]);
+    if (!config)
+        return null;
+    return children({ config: config, title: title, subtitle: subtitle, discounts: discounts, renderDiscount: renderDiscount });
+};
+export default LoyaltyDiscounts;

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

@@ -0,0 +1,13 @@
+import { KeypadProps, KeypadModalProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const MadeForName: ({ subtitle, hasMadeFor, madeFor, setMadeFor, close, children, KeypadView, title }: {
+    subtitle: string;
+    title: string;
+    hasMadeFor: boolean;
+    madeFor: string | null;
+    setMadeFor: (madeFor: string) => void;
+    close: () => void;
+    children: (props: KeypadModalProps) => ReactNode;
+    KeypadView: (props: KeypadProps) => ReactNode;
+}) => React.ReactNode;
+export default MadeForName;

package/dist/esm/components/MadeForName.js

@@ -0,0 +1,24 @@
+import React, { useCallback, useMemo } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as KeypadContainer } from './Keypad';
+var MadeForName = function (_a) {
+    var subtitle = _a.subtitle, hasMadeFor = _a.hasMadeFor, madeFor = _a.madeFor, setMadeFor = _a.setMadeFor, close = _a.close, children = _a.children, KeypadView = _a.KeypadView, title = _a.title;
+    var _b = useAppSelector(selectKioskConfig), config = _b.keypadModal, modalContentConfig = _b.modalContent;
+    var handlers = { submit: close };
+    var keypadHandlers = useMemo(function () { return ({
+        change: setMadeFor
+    }); }, [setMadeFor]);
+    var renderKeypad = useCallback(function () { return (React.createElement(KeypadContainer, { type: "default", handlers: keypadHandlers, value: madeFor !== null && madeFor !== void 0 ? madeFor : '', children: KeypadView })); }, [keypadHandlers, madeFor, KeypadView]);
+    if (!config || !modalContentConfig || !hasMadeFor)
+        return null;
+    return children({
+        config: config,
+        modalContentConfig: modalContentConfig,
+        handlers: handlers,
+        subtitle: subtitle,
+        title: title,
+        renderKeypad: renderKeypad
+    });
+};
+export default MadeForName;