@open-tender/store 1.1.3 → 1.1.5

package/dist/esm/components/SignInButton.js

@@ -0,0 +1,39 @@
+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 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 customerId = (customer || {}).customer_id;
+    var isAccount = pathname.includes('account');
+    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 (customerId) {
+            dispatch(fetchCustomer({ customerId: customerId, endpoints: endpoints }));
+        }
+    }, [dispatch, 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,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/esm/components/SignInCheckout.js

@@ -0,0 +1,36 @@
+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 SignInCheckout = function (_a) {
+    var setSignInType = _a.setSignInType, navigate = _a.navigate, 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 signOut = function () {
+        dispatch(resetCustomerIdentify());
+        dispatch(resetCustomer());
+        dispatch(resetMenu());
+        setSignInType(null);
+    };
+    var goToAccount = function () { return navigate('/account'); };
+    var handlers = { setSignInType: setSignInType, goToAccount: goToAccount, 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/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/esm/components/SignInOptions.js

@@ -0,0 +1,25 @@
+import { SignInPhone, SignInQr } from '@open-tender/ui';
+import React, { useState } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../slices';
+import { default as SignInPhoneContainer } from './SignInPhone';
+import { default as SignInQrContainer } from './SignInQr';
+var SignInOptions = function (_a) {
+    var close = _a.close, children = _a.children;
+    var _b = useAppSelector(selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
+    var _c = useState(null), signInType = _c[0], setSignInType = _c[1];
+    var handlers = { close: close, setSignInType: setSignInType };
+    var renderSignInQr = function (close) { return (React.createElement(SignInQrContainer, { close: close, children: SignInQr })); };
+    var renderSignInPhone = function (close) { return (React.createElement(SignInPhoneContainer, { close: close, children: SignInPhone })); };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        signInType: signInType,
+        modalContentConfig: modalContentConfig,
+        renderSignInQr: renderSignInQr,
+        renderSignInPhone: renderSignInPhone
+    });
+};
+export default SignInOptions;

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

@@ -0,0 +1,56 @@
+import { Input, ErrorMessage } from '@open-tender/ui';
+import { handleRespError, makePhone } from '@open-tender/utils';
+import React, { useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { fetchCustomerIdentify, selectCustomerIdentify, selectKioskConfig } from '../slices';
+import { default as ErrorMessageContainer } from './ErrorMessage';
+import { default as InputContainer } from './Input';
+var SignInPhone = function (_a) {
+    var close = _a.close, children = _a.children;
+    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(null), errMsg = _d[0], setErrMsg = _d[1];
+    var _e = useAppSelector(selectKioskConfig), config = _e.signInPhone, modalContentConfig = _e.modalContent;
+    var _f = useAppSelector(selectCustomerIdentify), customer = _f.data, loading = _f.loading, error = _f.error;
+    var hasCustomer = !!customer;
+    var isLoading = loading === 'pending';
+    var update = function (value) {
+        setPhone(makePhone(value));
+    };
+    var submit = function () {
+        setSubmitted(true);
+        dispatch(fetchCustomerIdentify({ phone: phone }));
+    };
+    var handlers = { submit: submit, 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 {
+                close();
+            }
+        }
+    }, [submitted, isLoading, error, close]);
+    useEffect(function () {
+        if (hasCustomer)
+            close();
+    }, [hasCustomer, close]);
+    var renderInput = function (value, isRequired, style) { return (React.createElement(InputContainer, { setValue: update, value: value, isRequired: isRequired, style: style, children: Input })); };
+    var renderErrorMessage = function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessage })); };
+    return children({
+        config: config,
+        handlers: handlers,
+        phone: phone,
+        errMsg: errMsg,
+        modalContentConfig: modalContentConfig,
+        renderInput: renderInput,
+        renderErrorMessage: renderErrorMessage
+    });
+};
+export default SignInPhone;

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

@@ -0,0 +1,59 @@
+import { handleRespError } from '@open-tender/utils';
+import { useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { useBarcode } from '../hooks';
+import { fetchCustomerIdentify, selectApi, selectCustomerIdentify, selectKioskConfig } from '../slices';
+var SignInQr = function (_a) {
+    var close = _a.close, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _b = useState(false), submitted = _b[0], setSubmitted = _b[1];
+    var _c = useState(false), hasRead = _c[0], setHasRead = _c[1];
+    var _d = useState(null), errMsg = _d[0], setErrMsg = _d[1];
+    var _e = useAppSelector(selectKioskConfig), config = _e.signInQr, errorMessageConfig = _e.errorMessage, modalContentConfig = _e.modalContent;
+    var api = useAppSelector(selectApi);
+    var scan = useBarcode(api);
+    var _f = useAppSelector(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);
+    };
+    useEffect(function () {
+        if (scan.error) {
+            setErrMsg(scan.error);
+        }
+        else if (scan.code && !customer) {
+            dispatch(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 };
+    useEffect(function () {
+        if (submitted && !isLoading) {
+            if (error) {
+                var detail = 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
+    });
+};
+export default SignInQr;

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,8 @@
+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;
+    return children({ config: config, icon: icon, style: style, children: content });
+};
+export default SuccessMessage;

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

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

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

@@ -0,0 +1,20 @@
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig } from '../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 = useAppSelector(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
+    });
+};
+export default TextArea;

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

@@ -0,0 +1,22 @@
+import { hasGroupsBelowMin, useBuilder } from '@open-tender/utils';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { addItemToCart, selectKioskConfig } from '../slices';
+var UpsellItem = function (_a) {
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(selectKioskConfig), config = _b.upsellItem, cardConfig = _b.card;
+    var builtItem = useBuilder(item).item;
+    var quantity = builtItem.quantity, groups = builtItem.groups;
+    var groupsBelowMin = hasGroupsBelowMin(null, groups);
+    var isIncomplete = "".concat(quantity) === '' || quantity === 0 || groupsBelowMin;
+    var add = function () {
+        if (!isIncomplete) {
+            dispatch(addItemToCart(builtItem));
+            if (callback)
+                callback();
+        }
+    };
+    var handlers = { add: add };
+    return children({ config: config, handlers: handlers, item: item, isLast: isLast, cardConfig: cardConfig });
+};
+export default UpsellItem;

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

@@ -0,0 +1,8 @@
+import { UpsellsProps } from '@open-tender/ui';
+import React, { ReactNode } from 'react';
+declare const Upsells: ({ itemIds, close, children }: {
+    itemIds: number[];
+    close: () => void;
+    children: (props: UpsellsProps) => ReactNode;
+}) => React.ReactNode;
+export default Upsells;

package/dist/esm/components/Upsells.js

@@ -0,0 +1,22 @@
+import { UpsellItem } from '@open-tender/ui';
+import { makeMenuItemLookup, makeUpsellItems } from '@open-tender/utils';
+import React, { useMemo } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { selectKioskConfig, selectMenu } from '../slices';
+import { default as UpsellItemContainer } from './UpsellItem';
+var Upsells = function (_a) {
+    var itemIds = _a.itemIds, close = _a.close, children = _a.children;
+    var config = useAppSelector(selectKioskConfig).upsells;
+    var categories = useAppSelector(selectMenu).categories;
+    var itemLookup = useMemo(function () { return makeMenuItemLookup(categories); }, [categories]);
+    var items = makeUpsellItems(itemIds, itemLookup);
+    var handlers = { close: close };
+    var renderUpsellItem = function (item, isLast) { return (React.createElement(UpsellItemContainer, { item: item, isLast: isLast, children: UpsellItem })); };
+    return children({
+        config: config,
+        handlers: handlers,
+        items: items.slice(0, 5),
+        renderUpsellItem: renderUpsellItem
+    });
+};
+export default Upsells;

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

@@ -1,2 +1,48 @@
+import Allergen from './Allergen';
+import Applied from './Applied';
+import ButtonLink from './ButtonLink';
+import Cart from './Cart';
+import CartItem from './CartItem';
+import CartUpsellItem from './CartUpsellItem';
+import CategoryItem from './CategoryItem';
+import CategoryNav from './CategoryNav';
+import CategoryNavItem from './CategoryNavItem';
+import CategoryNavOther from './CategoryNavOther';
+import CheckTotals from './CheckTotals';
+import Discount from './Discount';
+import ErrorMessage from './ErrorMessage';
+import Header from './Header';
+import Ingredients from './Ingredients';
+import Input from './Input';
+import ItemGroup from './ItemGroup';
+import ItemGroups from './ItemGroups';
+import ItemOption from './ItemOption';
+import ItemSelections from './ItemSelections';
+import Loader from './Loader';
+import MadeForNotes from './MadeForNotes';
 import MenuCategory from './MenuCategory';
-export { MenuCategory };
+import MenuOther from './MenuOther';
+import Modal from './Modal';
+import ModalContent from './ModalContent';
+import ModalHeader from './ModalHeader';
+import NutritionalInfo from './NutritionalInfo';
+import Option from './Option';
+import OrderCard from './OrderCard';
+import PointsReward from './PointsReward';
+import PointsRewards from './PointsRewards';
+import PromoCode from './PromoCode';
+import Quantity from './Quantity';
+import Reward from './Reward';
+import Rewards from './Rewards';
+import SignIn from './SignIn';
+import SignInButton from './SignInButton';
+import SignInCheckout from './SignInCheckout';
+import SignInOptions from './SignInOptions';
+import SignInPhone from './SignInPhone';
+import SignInQr from './SignInQr';
+import SuccessMessage from './SuccessMessage';
+import Tag from './Tag';
+import TextArea from './TextArea';
+import UpsellItem from './UpsellItem';
+import Upsells from './Upsells';
+export { Allergen, Applied, ButtonLink, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemSelections, Loader, MadeForNotes, MenuCategory, MenuOther, Modal, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };

package/dist/esm/components/index.js

@@ -1,2 +1,48 @@
+import Allergen from './Allergen';
+import Applied from './Applied';
+import ButtonLink from './ButtonLink';
+import Cart from './Cart';
+import CartItem from './CartItem';
+import CartUpsellItem from './CartUpsellItem';
+import CategoryItem from './CategoryItem';
+import CategoryNav from './CategoryNav';
+import CategoryNavItem from './CategoryNavItem';
+import CategoryNavOther from './CategoryNavOther';
+import CheckTotals from './CheckTotals';
+import Discount from './Discount';
+import ErrorMessage from './ErrorMessage';
+import Header from './Header';
+import Ingredients from './Ingredients';
+import Input from './Input';
+import ItemGroup from './ItemGroup';
+import ItemGroups from './ItemGroups';
+import ItemOption from './ItemOption';
+import ItemSelections from './ItemSelections';
+import Loader from './Loader';
+import MadeForNotes from './MadeForNotes';
 import MenuCategory from './MenuCategory';
-export { MenuCategory };
+import MenuOther from './MenuOther';
+import Modal from './Modal';
+import ModalContent from './ModalContent';
+import ModalHeader from './ModalHeader';
+import NutritionalInfo from './NutritionalInfo';
+import Option from './Option';
+import OrderCard from './OrderCard';
+import PointsReward from './PointsReward';
+import PointsRewards from './PointsRewards';
+import PromoCode from './PromoCode';
+import Quantity from './Quantity';
+import Reward from './Reward';
+import Rewards from './Rewards';
+import SignIn from './SignIn';
+import SignInButton from './SignInButton';
+import SignInCheckout from './SignInCheckout';
+import SignInOptions from './SignInOptions';
+import SignInPhone from './SignInPhone';
+import SignInQr from './SignInQr';
+import SuccessMessage from './SuccessMessage';
+import Tag from './Tag';
+import TextArea from './TextArea';
+import UpsellItem from './UpsellItem';
+import Upsells from './Upsells';
+export { Allergen, Applied, ButtonLink, Cart, CartItem, CartUpsellItem, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, CheckTotals, Discount, ErrorMessage, Header, Ingredients, Input, ItemGroup, ItemGroups, ItemOption, ItemSelections, Loader, MadeForNotes, MenuCategory, MenuOther, Modal, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptions, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };

package/dist/esm/config/index.js

@@ -49,8 +49,8 @@ import pointsReward from './pointsReward';
 import pointsRewards from './pointsRewards';
 import promoCode from './promoCode';
 import quantity from './quantity';
-import rewards from './rewards';
 import reward from './reward';
+import rewards from './rewards';
 import signIn from './signIn';
 import signInButton from './signInButton';
 import signInCheckout from './signInCheckout';

package/dist/esm/hooks/useBarcode.js

@@ -1,6 +1,6 @@
 import { __awaiter, __generator } from "tslib";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { handleRespError } from '@open-tender/utils';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 var useBarcode = function (api) {
     var isAborted = useRef(false);
     var _a = useState(null), code = _a[0], setCode = _a[1];

package/dist/esm/hooks/useChipDNATender/useChipDNATender.js

@@ -1,6 +1,6 @@
 import { __awaiter, __generator } from "tslib";
-import { useEffect, useState } from 'react';
 import { handleRespError } from '@open-tender/utils';
+import { useEffect, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../../app/hooks';
 import { completeChipDNA, selectApi, selectOrder } from '../../slices';
 import { processMessage } from './useChipDNATender.utils';

package/dist/esm/hooks/useEmployee.js

@@ -1,6 +1,6 @@
-import { __awaiter, __generator } from "tslib";
-import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { __awaiter, __generator, __spreadArray } from "tslib";
 import { handleRespError } from '@open-tender/utils';
+import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 var useEmployee = function (api) {
     var isAborted = useRef(false);
     var _a = useState(null), employee = _a[0], setEmployee = _a[1];
@@ -10,10 +10,14 @@ var useEmployee = function (api) {
             isAborted.current = true;
         };
     }, []);
-    var fetch = useCallback(function (identifier, withPunches) {
-        if (withPunches === void 0) { withPunches = false; }
-        return __awaiter(void 0, void 0, void 0, function () {
+    var fetch = useCallback(function (identifier_1) {
+        var args_1 = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args_1[_i - 1] = arguments[_i];
+        }
+        return __awaiter(void 0, __spreadArray([identifier_1], args_1, true), void 0, function (identifier, withPunches) {
             var employee_1, employee_id, response, err_1, detail;
+            if (withPunches === void 0) { withPunches = false; }
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:

package/dist/esm/hooks/useGiftCardBalance.js

@@ -1,6 +1,6 @@
 import { __awaiter, __generator } from "tslib";
-import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { handleRespError } from '@open-tender/utils';
+import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 var useGiftCardBalance = function (api) {
     var isAborted = useRef(false);
     var _a = useState(null), giftCard = _a[0], setGiftCard = _a[1];

package/dist/esm/hooks/useOrderValidate.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import { useEffect } from 'react';
 import isEqual from 'react-fast-compare';
-import { prepareOrder, selectOrder, selectPosCheckout, validatePosOrder } from '../slices';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { prepareOrder, selectOrder, selectPosCheckout, validatePosOrder } from '../slices';
 import usePrevious from './usePrevious';
 var useOrderValidate = function () {
     var dispatch = useAppDispatch();

package/dist/esm/hooks/usePunch.js

@@ -1,6 +1,6 @@
 import { __awaiter, __generator } from "tslib";
-import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { handleRespError } from '@open-tender/utils';
+import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { makePunchMessage } from '../utils';
 var codeErrMsg = 'Employee has been assigned a swipe card. Please use card to punch in / out.';
 var deptErrMsg = "This employee doesn't have any departments. Please contact HR.";

package/dist/esm/slices/alerts.js

@@ -1,7 +1,7 @@
 var _a;
 import { __spreadArray } from "tslib";
-import { createSlice } from '@reduxjs/toolkit';
 import { makeRandomNumberString } from '@open-tender/utils';
+import { createSlice } from '@reduxjs/toolkit';
 import { ReducerType } from './types';
 var initialState = [];
 var alertsSlice = createSlice({