@open-tender/store 0.1.10 → 0.1.281

package/dist/esm/components/PromoCode.js

@@ -0,0 +1,49 @@
+import { handleRespError } from '@open-tender/utils';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { addPromoCode, selectKioskConfig, selectOrder } from '../slices';
+import { default as ErrorMessageContainer } from './ErrorMessage';
+import { default as KeypadContainer } from './Keypad';
+var PromoCode = function (_a) {
+    var close = _a.close, children = _a.children, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
+    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 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 = useCallback(function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
+    var keypadHandlers = useMemo(function () { return ({
+        change: setPromoCode
+    }); }, [setPromoCode]);
+    var renderKeypad = useCallback(function () { return (React.createElement(KeypadContainer, { type: "default", handlers: keypadHandlers, value: promoCode, children: KeypadView })); }, [keypadHandlers, promoCode, KeypadView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        errMsg: errMsg,
+        renderErrorMessage: renderErrorMessage,
+        modalContentConfig: modalContentConfig,
+        renderKeypad: renderKeypad
+    });
+};
+export default PromoCode;

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

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

package/dist/esm/components/Quantity.js

@@ -0,0 +1,21 @@
+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, _f = _a.strokeWidth, strokeWidth = _f === void 0 ? 2 : _f, _g = _a.className, className = _g === void 0 ? 'quantity' : _g, children = _a.children;
+    var _h = useAppSelector(selectKioskConfig), _j = className, config = _h[_j];
+    var handlers = { increment: increment, decrement: decrement };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        quantity: quantity,
+        incrementDisabled: incrementDisabled,
+        decrementDisabled: decrementDisabled,
+        fontSize: fontSize,
+        iconSize: iconSize,
+        strokeWidth: strokeWidth,
+        className: className
+    });
+};
+export default Quantity;

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

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

package/dist/esm/components/Reward.js

@@ -0,0 +1,43 @@
+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 Reward = function (_a) {
+    var _b;
+    var reward = _a.reward, isLast = _a.isLast, index = _a.index, callback = _a.callback, children = _a.children, AppliedView = _a.AppliedView;
+    var dispatch = useAppDispatch();
+    var apiUrl = useAppSelector(selectKioskApi);
+    var _c = useAppSelector(selectKioskConfig), config = _c.reward, cardConfig = _c.card;
+    var check = useAppSelector(selectPosCheckout).check;
+    var discounts = check === null || check === void 0 ? void 0 : check.discounts;
+    var id = reward.discount_id;
+    var isApplied = (_b = discounts === null || discounts === void 0 ? void 0 : discounts.some(function (discount) {
+        return discount.id === id && discount.index === index;
+    })) !== null && _b !== void 0 ? _b : false;
+    var apply = function () {
+        dispatch(addDiscount({ id: id, index: index }));
+        if (callback)
+            callback();
+    };
+    var remove = function () {
+        dispatch(removeDiscount({ id: id, index: index }));
+        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,
+        reward: reward,
+        isApplied: isApplied,
+        index: index,
+        isLast: isLast,
+        cardConfig: cardConfig,
+        renderApplied: renderApplied,
+        apiUrl: apiUrl
+    });
+};
+export default Reward;

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

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

package/dist/esm/components/Rewards.js

@@ -0,0 +1,13 @@
+import React, { useCallback } 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, RewardView = _a.RewardView, AppliedView = _a.AppliedView;
+    var config = useAppSelector(selectKioskConfig).rewards;
+    var renderReward = useCallback(function (reward, index, isLast) { return (React.createElement(RewardContainer, { reward: reward, index: index, isLast: isLast, children: RewardView, AppliedView: AppliedView })); }, [RewardView, AppliedView]);
+    if (!config)
+        return null;
+    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,37 @@
+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]);
+    if (!config)
+        return null;
+    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;

package/dist/esm/components/SignInButton.js

@@ -0,0 +1,41 @@
+import { useEffect } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { fetchCustomer, openModal, resetCustomer, resetCustomerIdentify, resetMenu, selectCustomer, selectCustomerIdentified, selectKioskConfig } from '../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 = useAppDispatch();
+    var config = useAppSelector(selectKioskConfig).signInButton;
+    var customer = (useAppSelector(selectCustomerIdentified) || {}).customer;
+    var account = useAppSelector(selectCustomer).account;
+    var customerId = (customer || {}).customer_id;
+    var isAccount = pathname.includes('account');
+    var shouldFetch = !!(customerId && !account && !isAccount);
+    var signIn = function () {
+        dispatch(openModal({ type: 'SIGN_IN' }));
+    };
+    var signOut = function () {
+        dispatch(resetCustomerIdentify());
+        dispatch(resetCustomer());
+        dispatch(resetMenu());
+    };
+    var goToAccount = function () { return navigate('/account'); };
+    var handlers = { signIn: signIn, signOut: signOut, goToAccount: goToAccount };
+    useEffect(function () {
+        if (shouldFetch) {
+            dispatch(fetchCustomer({ customerId: customerId, endpoints: endpoints }));
+        }
+    }, [dispatch, shouldFetch, customerId]);
+    if (!config)
+        return null;
+    return children({ config: config, handlers: handlers, customer: customer, isAccount: isAccount });
+};
+export default SignInButton;

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

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

package/dist/esm/components/SignInCheckout.js

@@ -0,0 +1,41 @@
+import { useEffect } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { fetchCustomer, openModal, resetCustomer, resetCustomerIdentify, resetMenu, selectCustomerIdentified, selectKioskConfig } from '../slices';
+var endpoints = [
+    'ACCOUNT',
+    'DEALS',
+    'FAVORITES',
+    'ORDERS',
+    'GIFT_CARDS',
+    'LOYALTY',
+    'REWARDS'
+];
+var SignInCheckout = function (_a) {
+    var children = _a.children;
+    var dispatch = useAppDispatch();
+    var config = useAppSelector(selectKioskConfig).signInCheckout;
+    var customer = useAppSelector(selectCustomerIdentified);
+    var customerId = ((customer === null || customer === void 0 ? void 0 : customer.customer) || {}).customer_id;
+    var signIn = function () {
+        dispatch(openModal({ type: 'SIGN_IN' }));
+    };
+    var signOut = function () {
+        dispatch(resetCustomerIdentify());
+        dispatch(resetCustomer());
+        dispatch(resetMenu());
+    };
+    var handlers = { signIn: signIn, signOut: signOut };
+    useEffect(function () {
+        if (customerId) {
+            dispatch(fetchCustomer({ customerId: customerId, endpoints: endpoints }));
+        }
+    }, [dispatch, customerId]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        customer: customer
+    });
+};
+export default SignInCheckout;

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

@@ -0,0 +1,16 @@
+import { ErrorMessageProps, KeypadProps, SignInOptionsModalProps, SignInPhoneProps, SignInQrProps, SignUpProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+import { ScanListener } from '../hooks/types';
+declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, SignUpView, KeypadView, ErrorMessageView, imageUrl }: {
+    listener: ScanListener;
+    cameraScanner: ScanListener;
+    close: () => void;
+    children: (props: SignInOptionsModalProps) => ReactNode;
+    SignInQrView: (props: SignInQrProps) => ReactNode;
+    SignInPhoneView: (props: SignInPhoneProps) => ReactNode;
+    SignUpView: (props: SignUpProps) => ReactNode;
+    KeypadView: (props: KeypadProps) => ReactNode;
+    ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
+    imageUrl?: string | null;
+}) => React.ReactNode;
+export default SignInOptionsModal;

package/dist/esm/components/SignInOptionsModal.js

@@ -0,0 +1,32 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectKioskHasScanner, selectKioskTerminal } from '../slices';
+import { default as SignInPhoneContainer } from './SignInPhone';
+import { default as SignInQrContainer } from './SignInQr';
+var SignInOptionsModal = function (_a) {
+    var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, SignUpView = _a.SignUpView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView, imageUrl = _a.imageUrl;
+    var _b = useAppSelector(selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
+    var _c = useState(null), signInType = _c[0], setSignInType = _c[1];
+    var terminal = useAppSelector(selectKioskTerminal);
+    var scannerType = (terminal === null || terminal === void 0 ? void 0 : terminal.pos_scanner_type) || 'NONE';
+    var handlers = { close: close, setSignInType: setSignInType };
+    var hasScanner = useAppSelector(selectKioskHasScanner);
+    useEffect(function () {
+        if (!hasScanner)
+            setSignInType('PHONE');
+    }, [hasScanner]);
+    var renderSignInQr = useCallback(function (close) { return (React.createElement(SignInQrContainer, { listener: listener, cameraScanner: cameraScanner, close: close, children: SignInQrView, type: scannerType, imageUrl: imageUrl })); }, [SignInQrView, cameraScanner, listener, scannerType, imageUrl]);
+    var renderSignInPhone = useCallback(function (close) { return (React.createElement(SignInPhoneContainer, { ErrorMessageView: ErrorMessageView, KeypadView: KeypadView, SignUpView: SignUpView, close: close, children: SignInPhoneView })); }, [SignInPhoneView, KeypadView, SignUpView, ErrorMessageView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        modalContentConfig: modalContentConfig,
+        handlers: handlers,
+        signInType: signInType,
+        scannerType: scannerType,
+        renderSignInQr: renderSignInQr,
+        renderSignInPhone: renderSignInPhone
+    });
+};
+export default SignInOptionsModal;

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

@@ -0,0 +1,11 @@
+import { ErrorMessageProps, KeypadProps, SignInPhoneProps, SignUpProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const SignInPhone: ({ close, callback, children, KeypadView, SignUpView, ErrorMessageView }: {
+    close: () => void;
+    callback?: () => void;
+    children: (props: SignInPhoneProps) => ReactNode;
+    KeypadView: (props: KeypadProps) => ReactNode;
+    SignUpView: (props: SignUpProps) => ReactNode;
+    ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
+}) => React.ReactNode;
+export default SignInPhone;

package/dist/esm/components/SignInPhone.js

@@ -0,0 +1,70 @@
+import { handleRespError } from '@open-tender/utils';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { fetchCustomerIdentify, selectCustomerIdentify, selectKioskConfig } from '../slices';
+import { makePhone } from '../utils';
+import { default as ErrorMessageContainer } from './ErrorMessage';
+import { default as KeypadContainer } from './Keypad';
+import { default as SignUpContainer } from './SignUp';
+var SignInPhone = function (_a) {
+    var close = _a.close, callback = _a.callback, children = _a.children, KeypadView = _a.KeypadView, SignUpView = _a.SignUpView, ErrorMessageView = _a.ErrorMessageView;
+    var dispatch = useAppDispatch();
+    var _b = useState(''), phone = _b[0], setPhone = _b[1];
+    var _c = useState(false), submitted = _c[0], setSubmitted = _c[1];
+    var _d = useState(false), showSignUp = _d[0], setShowSignUp = _d[1];
+    var _e = useState(null), errMsg = _e[0], setErrMsg = _e[1];
+    var _f = useAppSelector(selectKioskConfig), config = _f.signInPhone, modalContentConfig = _f.modalContent;
+    var _g = useAppSelector(selectCustomerIdentify), customer = _g.data, loading = _g.loading, error = _g.error;
+    var hasCustomer = !!customer;
+    var isLoading = loading === 'pending';
+    var submit = function () {
+        setSubmitted(true);
+        dispatch(fetchCustomerIdentify({ phone: phone }));
+    };
+    var retry = function () {
+        setShowSignUp(false);
+        setErrMsg(null);
+    };
+    var handlers = { submit: submit, retry: retry, close: close };
+    useEffect(function () {
+        if (submitted && !isLoading) {
+            if (error) {
+                var detail = 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 {
+                callback ? callback() : close();
+            }
+        }
+    }, [submitted, isLoading, error, close, callback]);
+    useEffect(function () {
+        if (hasCustomer)
+            callback ? callback() : close();
+    }, [hasCustomer, close, callback]);
+    var keypadHandlers = useMemo(function () { return ({
+        change: function (value) { return setPhone(makePhone(value)); }
+    }); }, []);
+    var renderKeypad = useCallback(function () { return (React.createElement(KeypadContainer, { type: "numeric", handlers: keypadHandlers, value: phone, children: KeypadView })); }, [KeypadView, phone, keypadHandlers]);
+    var renderErrorMessage = useCallback(function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
+    var renderSignUp = useCallback(function () { return React.createElement(SignUpContainer, { handlers: handlers, children: SignUpView }); }, [SignUpView, handlers]);
+    useEffect(function () {
+        if (errMsg) {
+            setShowSignUp(true);
+        }
+    }, [errMsg]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        errMsg: errMsg,
+        modalContentConfig: modalContentConfig,
+        renderKeypad: renderKeypad,
+        renderErrorMessage: renderErrorMessage,
+        renderSignUp: showSignUp ? renderSignUp : undefined
+    });
+};
+export default SignInPhone;

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

@@ -0,0 +1,13 @@
+import { SignInQrProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+import { ScanListener } from '../hooks/types';
+declare const SignInQr: ({ close, callback, children, listener, cameraScanner, type, imageUrl }: {
+    close: () => void;
+    callback?: () => void;
+    children: (props: SignInQrProps) => ReactNode;
+    listener: ScanListener;
+    cameraScanner: ScanListener;
+    type?: string;
+    imageUrl?: string | null;
+}) => React.JSX.Element | null;
+export default SignInQr;

package/dist/esm/components/SignInQr.js

@@ -0,0 +1,23 @@
+import React, { useMemo } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { useSignInQr } from '../hooks';
+import { selectKioskConfig } from '../slices';
+var SignInQr = function (_a) {
+    var close = _a.close, callback = _a.callback, children = _a.children, listener = _a.listener, cameraScanner = _a.cameraScanner, type = _a.type, imageUrl = _a.imageUrl;
+    var _b = useAppSelector(selectKioskConfig), config = _b.signInQr, errorMessageConfig = _b.errorMessage, modalContentConfig = _b.modalContent;
+    var _c = useSignInQr(listener, cameraScanner, type, close, callback), handlers = _c.handlers, errMsg = _c.errMsg, scan = _c.scan;
+    var CameraComponent = useMemo(function () { return scan === null || scan === void 0 ? void 0 : scan.camera; }, [scan]);
+    if (!config)
+        return null;
+    return (React.createElement(React.Fragment, null,
+        children({
+            config: config,
+            handlers: handlers,
+            errMsg: errMsg,
+            imageUrl: imageUrl,
+            errorMessageConfig: errorMessageConfig,
+            modalContentConfig: modalContentConfig
+        }),
+        (scan === null || scan === void 0 ? void 0 : scan.showScanner) && scan.camera && CameraComponent && (React.createElement(CameraComponent, null))));
+};
+export default SignInQr;

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

@@ -0,0 +1,7 @@
+import { SignUpProps, Handlers } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const SignUp: ({ handlers, children }: {
+    handlers: Handlers;
+    children: (props: SignUpProps) => ReactNode;
+}) => ReactNode;
+export default SignUp;

package/dist/esm/components/SignUp.js

@@ -0,0 +1,12 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskBrand, selectKioskConfig } from '../slices';
+var SignUp = function (_a) {
+    var handlers = _a.handlers, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.signUp, modalContentConfig = _b.modalContent;
+    var web_app_url = (useAppSelector(selectKioskBrand) || {}).webAppUrl;
+    var webAppUrl = web_app_url ? "".concat(web_app_url, "/signup") : null;
+    if (!config)
+        return null;
+    return children({ config: config, modalContentConfig: modalContentConfig, handlers: handlers, webAppUrl: webAppUrl });
+};
+export default SignUp;

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

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

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

@@ -0,0 +1,15 @@
+import { SwitchProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const Switch: ({ id, label, on, isRequired, disabled, falseTrackColor, thumbColor, trueTrackColor, onChange, children }: {
+    id: number | string;
+    label: string;
+    on: boolean;
+    falseTrackColor?: string;
+    trueTrackColor?: string;
+    thumbColor?: string;
+    isRequired: boolean;
+    disabled: boolean;
+    onChange: (value: boolean) => void;
+    children: (props: SwitchProps) => ReactNode;
+}) => ReactNode;
+export default Switch;

package/dist/esm/components/Switch.js

@@ -0,0 +1,21 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+var Switch = function (_a) {
+    var id = _a.id, label = _a.label, on = _a.on, isRequired = _a.isRequired, disabled = _a.disabled, falseTrackColor = _a.falseTrackColor, thumbColor = _a.thumbColor, trueTrackColor = _a.trueTrackColor, onChange = _a.onChange, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).switch;
+    if (!config)
+        return null;
+    return children({
+        id: id,
+        config: config,
+        label: label,
+        value: on,
+        onTagSwitch: onChange,
+        isRequired: isRequired,
+        disabled: disabled,
+        falseTrackColor: falseTrackColor,
+        thumbColor: thumbColor,
+        trueTrackColor: trueTrackColor
+    });
+};
+export default Switch;

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

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

package/dist/esm/components/Tag.js

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

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

@@ -0,0 +1,8 @@
+import { TagsButtonProps } from '@open-tender/ui';
+import { ReactNode } from 'react';
+declare const TagsButton: ({ children }: {
+    children: (props: TagsButtonProps & {
+        selectedAllergens: number;
+    }) => ReactNode;
+}) => ReactNode;
+export default TagsButton;

package/dist/esm/components/TagsButton.js

@@ -0,0 +1,24 @@
+import { useCallback } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectSelectedAllergens, selectSelectedTags, selectShowTagsModal, toggleTagsModal } from '../slices';
+var TagsButton = function (_a) {
+    var _b, _c, _d;
+    var children = _a.children;
+    var config = useAppSelector(selectKioskConfig).tagsButton;
+    var isTagsModalShown = useAppSelector(selectShowTagsModal);
+    var selectedTags = useAppSelector(selectSelectedTags);
+    var selectedAllergens = useAppSelector(selectSelectedAllergens);
+    var dispatch = useAppDispatch();
+    var onClick = useCallback(function () {
+        dispatch(toggleTagsModal(!isTagsModalShown));
+    }, [dispatch, isTagsModalShown]);
+    var handlers = { onClick: onClick };
+    return children({
+        config: config,
+        handlers: handlers,
+        isSelected: selectedTags.length > 0 || ((_b = selectedAllergens === null || selectedAllergens === void 0 ? void 0 : selectedAllergens.length) !== null && _b !== void 0 ? _b : 0) > 0,
+        selectedTags: (_c = selectedTags.length) !== null && _c !== void 0 ? _c : 0,
+        selectedAllergens: (_d = selectedAllergens === null || selectedAllergens === void 0 ? void 0 : selectedAllergens.length) !== null && _d !== void 0 ? _d : 0
+    });
+};
+export default TagsButton;