@open-tender/store 1.1.4 → 1.1.6

package/dist/cjs/components/PointsRewards.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 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 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 })); };
+    return children({
+        config: config,
+        items: items,
+        points: points,
+        pointsApplied: pointsApplied,
+        pointsRemaining: pointsRemaining,
+        renderPointReward: renderPointReward
+    });
+};
+exports.default = PointsRewards;

package/dist/cjs/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/cjs/components/PromoCode.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var ui_1 = require("@open-tender/ui");
+var utils_1 = require("@open-tender/utils");
+var react_1 = tslib_1.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
+var Input_1 = tslib_1.__importDefault(require("./Input"));
+var PromoCode = function (_a) {
+    var close = _a.close, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var _b = (0, react_1.useState)(''), promoCode = _b[0], setPromoCode = _b[1];
+    var _c = (0, react_1.useState)(false), submitted = _c[0], setSubmitted = _c[1];
+    var _d = (0, react_1.useState)(null), errMsg = _d[0], setErrMsg = _d[1];
+    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _e.promoCode, modalContentConfig = _e.modalContent;
+    var _f = (0, hooks_1.useAppSelector)(slices_1.selectOrder), loading = _f.loading, error = _f.error;
+    var isLoading = loading === 'pending';
+    var update = function (value) {
+        setPromoCode(value);
+    };
+    var submit = function () {
+        setSubmitted(true);
+        dispatch((0, slices_1.addPromoCode)(promoCode));
+    };
+    var handlers = { submit: submit, close: close };
+    (0, react_1.useEffect)(function () {
+        if (submitted && !isLoading) {
+            setSubmitted(false);
+            if (error) {
+                var detail = (0, utils_1.handleRespError)(error).detail;
+                setErrMsg(detail || 'Something went wrong');
+            }
+            else {
+                close();
+            }
+        }
+    }, [submitted, isLoading, error, close]);
+    var renderErrorMessage = function (errMsg) { return (react_1.default.createElement(ErrorMessage_1.default, { content: errMsg, children: ui_1.ErrorMessage })); };
+    var renderInput = function (value, isRequired, style) { return (react_1.default.createElement(Input_1.default, { setValue: update, value: value, isRequired: isRequired, style: style, children: ui_1.Input })); };
+    return children({
+        config: config,
+        handlers: handlers,
+        promoCode: promoCode,
+        errMsg: errMsg,
+        renderErrorMessage: renderErrorMessage,
+        modalContentConfig: modalContentConfig,
+        renderInput: renderInput
+    });
+};
+exports.default = PromoCode;

package/dist/cjs/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/cjs/components/Quantity.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../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 = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).quantity;
+    var handlers = { increment: increment, decrement: decrement };
+    return children({
+        config: config,
+        handlers: handlers,
+        quantity: quantity,
+        incrementDisabled: incrementDisabled,
+        decrementDisabled: decrementDisabled,
+        fontSize: fontSize,
+        iconSize: iconSize
+    });
+};
+exports.default = Quantity;

package/dist/cjs/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/cjs/components/Reward.js

@@ -0,0 +1,39 @@
+"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 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 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;
+    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((0, slices_1.addDiscount)({ id: id }));
+        if (callback)
+            callback();
+    };
+    var remove = function () {
+        dispatch((0, slices_1.removeDiscount)({ id: id }));
+        if (callback)
+            callback();
+    };
+    var handlers = { apply: apply, remove: remove };
+    var renderApplied = function () { return react_1.default.createElement(Applied_1.default, { children: ui_1.Applied }); };
+    return children({
+        config: config,
+        handlers: handlers,
+        reward: reward,
+        isApplied: isApplied,
+        isLast: isLast,
+        cardConfig: cardConfig,
+        renderApplied: renderApplied
+    });
+};
+exports.default = Reward;

package/dist/cjs/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/cjs/components/Rewards.js

@@ -0,0 +1,15 @@
+"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 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 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 })); };
+    return children({ config: config, title: title, subtitle: subtitle, rewards: rewards, renderReward: renderReward });
+};
+exports.default = Rewards;

package/dist/cjs/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/cjs/components/SignIn.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../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 = (0, hooks_1.useAppDispatch)();
+    var _d = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _d.signIn, buttonLinkConfig = _d.buttonLink;
+    var customer = ((0, hooks_1.useAppSelector)(slices_1.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((0, slices_1.resetCustomerIdentify)());
+        dispatch((0, slices_1.resetCustomer)());
+        dispatch((0, slices_1.resetMenu)());
+        setSignInType(null);
+    };
+    var goToAccount = function () { return navigate('/account'); };
+    var handlers = { goToAccount: goToAccount, setSignInType: setSignInType, signOut: signOut };
+    (0, react_1.useEffect)(function () {
+        if (customerId) {
+            dispatch((0, slices_1.fetchCustomer)({ customerId: customerId, endpoints: endpoints }));
+        }
+    }, [dispatch, customerId]);
+    return children({ config: config, handlers: handlers, msg: msg, buttonLinkConfig: buttonLinkConfig });
+};
+exports.default = SignIn;

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

package/dist/cjs/components/SignInButton.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var endpoints = [
+    'ACCOUNT',
+    'DEALS',
+    'FAVORITES',
+    'ORDERS',
+    'GIFT_CARDS',
+    'LOYALTY',
+    'REWARDS'
+];
+var SignInButton = function (_a) {
+    var navigate = _a.navigate, children = _a.children, pathname = _a.pathname;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).signInButton;
+    var customer = ((0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentified) || {}).customer;
+    var customerId = (customer || {}).customer_id;
+    var isAccount = pathname.includes('account');
+    var signIn = function () {
+        dispatch((0, slices_1.openModal)({ type: 'SIGN_IN' }));
+    };
+    var signOut = function () {
+        dispatch((0, slices_1.resetCustomerIdentify)());
+        dispatch((0, slices_1.resetCustomer)());
+        dispatch((0, slices_1.resetMenu)());
+    };
+    var goToAccount = function () { return navigate('/account'); };
+    var handlers = { signIn: signIn, signOut: signOut, goToAccount: goToAccount };
+    (0, react_1.useEffect)(function () {
+        if (customerId) {
+            dispatch((0, slices_1.fetchCustomer)({ customerId: customerId, endpoints: endpoints }));
+        }
+    }, [dispatch, customerId]);
+    if (!config)
+        return null;
+    return children({ config: config, handlers: handlers, customer: customer, isAccount: isAccount });
+};
+exports.default = SignInButton;

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

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

package/dist/cjs/components/SignInCheckout.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var endpoints = [
+    'ACCOUNT',
+    'DEALS',
+    'FAVORITES',
+    'ORDERS',
+    'GIFT_CARDS',
+    'LOYALTY',
+    'REWARDS'
+];
+var SignInCheckout = function (_a) {
+    var setSignInType = _a.setSignInType, navigate = _a.navigate, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).signInCheckout;
+    var customer = (0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentified);
+    var customerId = ((customer === null || customer === void 0 ? void 0 : customer.customer) || {}).customer_id;
+    var signOut = function () {
+        dispatch((0, slices_1.resetCustomerIdentify)());
+        dispatch((0, slices_1.resetCustomer)());
+        dispatch((0, slices_1.resetMenu)());
+        setSignInType(null);
+    };
+    var goToAccount = function () { return navigate('/account'); };
+    var handlers = { setSignInType: setSignInType, goToAccount: goToAccount, signOut: signOut };
+    (0, react_1.useEffect)(function () {
+        if (customerId) {
+            dispatch((0, slices_1.fetchCustomer)({ customerId: customerId, endpoints: endpoints }));
+        }
+    }, [dispatch, customerId]);
+    if (!config)
+        return null;
+    return children({ config: config, handlers: handlers, customer: customer });
+};
+exports.default = SignInCheckout;

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

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

package/dist/cjs/components/SignInOptions.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var ui_1 = require("@open-tender/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var SignInPhone_1 = tslib_1.__importDefault(require("./SignInPhone"));
+var SignInQr_1 = tslib_1.__importDefault(require("./SignInQr"));
+var SignInOptions = function (_a) {
+    var close = _a.close, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
+    var _c = (0, react_1.useState)(null), signInType = _c[0], setSignInType = _c[1];
+    var handlers = { close: close, setSignInType: setSignInType };
+    var renderSignInQr = function (close) { return (react_1.default.createElement(SignInQr_1.default, { close: close, children: ui_1.SignInQr })); };
+    var renderSignInPhone = function (close) { return (react_1.default.createElement(SignInPhone_1.default, { close: close, children: ui_1.SignInPhone })); };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        signInType: signInType,
+        modalContentConfig: modalContentConfig,
+        renderSignInQr: renderSignInQr,
+        renderSignInPhone: renderSignInPhone
+    });
+};
+exports.default = SignInOptions;

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

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

package/dist/cjs/components/SignInPhone.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var ui_1 = require("@open-tender/ui");
+var utils_1 = require("@open-tender/utils");
+var react_1 = tslib_1.__importStar(require("react"));
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
+var Input_1 = tslib_1.__importDefault(require("./Input"));
+var SignInPhone = function (_a) {
+    var close = _a.close, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var _b = (0, react_1.useState)(''), phone = _b[0], setPhone = _b[1];
+    var _c = (0, react_1.useState)(false), submitted = _c[0], setSubmitted = _c[1];
+    var _d = (0, react_1.useState)(null), errMsg = _d[0], setErrMsg = _d[1];
+    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _e.signInPhone, modalContentConfig = _e.modalContent;
+    var _f = (0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentify), customer = _f.data, loading = _f.loading, error = _f.error;
+    var hasCustomer = !!customer;
+    var isLoading = loading === 'pending';
+    var update = function (value) {
+        setPhone((0, utils_1.makePhone)(value));
+    };
+    var submit = function () {
+        setSubmitted(true);
+        dispatch((0, slices_1.fetchCustomerIdentify)({ phone: phone }));
+    };
+    var handlers = { submit: submit, close: close };
+    (0, react_1.useEffect)(function () {
+        if (submitted && !isLoading) {
+            if (error) {
+                var detail = (0, utils_1.handleRespError)(error).detail;
+                var errMsg_1 = (detail === null || detail === void 0 ? void 0 : detail.includes('does not exist'))
+                    ? 'Phone number not recognized. Please try again.'
+                    : detail;
+                setErrMsg(errMsg_1 || 'Something went wrong');
+            }
+            else {
+                close();
+            }
+        }
+    }, [submitted, isLoading, error, close]);
+    (0, react_1.useEffect)(function () {
+        if (hasCustomer)
+            close();
+    }, [hasCustomer, close]);
+    var renderInput = function (value, isRequired, style) { return (react_1.default.createElement(Input_1.default, { setValue: update, value: value, isRequired: isRequired, style: style, children: ui_1.Input })); };
+    var renderErrorMessage = function (errMsg) { return (react_1.default.createElement(ErrorMessage_1.default, { content: errMsg, children: ui_1.ErrorMessage })); };
+    return children({
+        config: config,
+        handlers: handlers,
+        phone: phone,
+        errMsg: errMsg,
+        modalContentConfig: modalContentConfig,
+        renderInput: renderInput,
+        renderErrorMessage: renderErrorMessage
+    });
+};
+exports.default = SignInPhone;

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

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

package/dist/cjs/components/SignInQr.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("@open-tender/utils");
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var hooks_2 = require("../hooks");
+var slices_1 = require("../slices");
+var SignInQr = function (_a) {
+    var close = _a.close, children = _a.children;
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var _b = (0, react_1.useState)(false), submitted = _b[0], setSubmitted = _b[1];
+    var _c = (0, react_1.useState)(false), hasRead = _c[0], setHasRead = _c[1];
+    var _d = (0, react_1.useState)(null), errMsg = _d[0], setErrMsg = _d[1];
+    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _e.signInQr, errorMessageConfig = _e.errorMessage, modalContentConfig = _e.modalContent;
+    var api = (0, hooks_1.useAppSelector)(slices_1.selectApi);
+    var scan = (0, hooks_2.useBarcode)(api);
+    var _f = (0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentify), customer = _f.data, loading = _f.loading, error = _f.error;
+    var isLoading = loading === 'pending';
+    var cancel = function () {
+        if (!scan.code)
+            scan.cancel();
+        close();
+    };
+    var retry = function () {
+        setHasRead(false);
+        setErrMsg(null);
+    };
+    (0, react_1.useEffect)(function () {
+        if (scan.error) {
+            setErrMsg(scan.error);
+        }
+        else if (scan.code && !customer) {
+            dispatch((0, slices_1.fetchCustomerIdentify)({ qr_code: scan.code }));
+            setSubmitted(true);
+        }
+        else if (!hasRead) {
+            setHasRead(true);
+            scan.read();
+        }
+    }, [dispatch, scan, close, customer, hasRead]);
+    var handlers = { close: cancel, retry: retry };
+    (0, react_1.useEffect)(function () {
+        if (submitted && !isLoading) {
+            if (error) {
+                var detail = (0, utils_1.handleRespError)(error).detail;
+                setErrMsg(detail || 'Something went wrong');
+            }
+            else {
+                close();
+            }
+        }
+    }, [submitted, isLoading, error, close]);
+    return children({
+        config: config,
+        handlers: handlers,
+        errMsg: errMsg,
+        errorMessageConfig: errorMessageConfig,
+        modalContentConfig: modalContentConfig
+    });
+};
+exports.default = SignInQr;

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

@@ -0,0 +1,9 @@
+import { Styles, SuccessMessageProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const SuccessMessage: ({ content, icon, style, children }: {
+    content: string;
+    icon?: ReactNode;
+    style?: Styles;
+    children: (props: SuccessMessageProps) => ReactNode;
+}) => ReactNode;
+export default SuccessMessage;

package/dist/cjs/components/SuccessMessage.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var SuccessMessage = function (_a) {
+    var content = _a.content, icon = _a.icon, style = _a.style, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).successMessage;
+    return children({ config: config, icon: icon, style: style, children: content });
+};
+exports.default = SuccessMessage;

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

@@ -0,0 +1,8 @@
+import { Tag as TagType } from '@open-tender/types';
+import { TagProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Tag: ({ tag, children }: {
+    tag: TagType;
+    children: (props: TagProps) => ReactNode;
+}) => ReactNode;
+export default Tag;

package/dist/cjs/components/Tag.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var Tag = function (_a) {
+    var tag = _a.tag, children = _a.children;
+    var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).tag;
+    return children({ config: config, tag: tag });
+};
+exports.default = Tag;

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

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

package/dist/cjs/components/TextArea.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var TextArea = function (_a) {
+    var label = _a.label, value = _a.value, setValue = _a.setValue, isRequired = _a.isRequired, style = _a.style, children = _a.children;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.input, labelConfig = _b.label;
+    var update = function (evt) {
+        setValue(evt.target.value);
+    };
+    var handlers = { update: update };
+    return children({
+        config: config,
+        handlers: handlers,
+        label: label,
+        value: value,
+        isRequired: isRequired,
+        style: style,
+        labelConfig: labelConfig
+    });
+};
+exports.default = TextArea;

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

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

package/dist/cjs/components/UpsellItem.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 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;
+    var quantity = builtItem.quantity, groups = builtItem.groups;
+    var groupsBelowMin = (0, utils_1.hasGroupsBelowMin)(null, groups);
+    var isIncomplete = "".concat(quantity) === '' || quantity === 0 || groupsBelowMin;
+    var add = function () {
+        if (!isIncomplete) {
+            dispatch((0, slices_1.addItemToCart)(builtItem));
+            if (callback)
+                callback();
+        }
+    };
+    var handlers = { add: add };
+    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig });
+};
+exports.default = UpsellItem;