@open-tender/store 0.1.10 → 0.1.281

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

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

package/dist/esm/components/TagsFilter.js

@@ -0,0 +1,79 @@
+import { __spreadArray } from "tslib";
+import { capitalize } from '@open-tender/utils';
+import React, { useCallback, useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { selectAllergens, selectCustomer, selectKioskConfig, selectStoreSettings, selectTags, setSelectedAllergens, setSelectedTags, toggleTagsModal } from '../slices';
+import { default as SwitchContainer } from './Switch';
+var TagsFilter = function (_a) {
+    var children = _a.children, SwitchView = _a.SwitchView;
+    var _b = useAppSelector(selectStoreSettings), display_tags = _b.display_tags, display_allergens = _b.display_allergens;
+    var config = useAppSelector(selectKioskConfig).tags;
+    var dispatch = useAppDispatch();
+    var _c = useAppSelector(selectTags), tags = _c.entities, selectedTags = _c.selectedTags, loadingTags = _c.loading, errorTags = _c.error, showTagsModal = _c.showTagsModal;
+    var _d = useAppSelector(selectAllergens), allergens = _d.entities, selectedAllergens = _d.selectedAllergens, loadingAllergens = _d.loading, errorAllergens = _d.error;
+    var customerAllergens = useAppSelector(selectCustomer).allergens;
+    var _e = useState([]), localSelectedTags = _e[0], setLocalSelectedTags = _e[1];
+    var _f = useState([]), localSelectedAllergens = _f[0], setLocalSelectedAllergens = _f[1];
+    var isLoading = loadingTags === 'pending' || loadingAllergens === 'pending';
+    useEffect(function () {
+        setLocalSelectedTags(selectedTags.map(function (tag) { return tag.tag_id; }));
+        setLocalSelectedAllergens((selectedAllergens !== null && selectedAllergens !== void 0 ? selectedAllergens : [])
+            .concat(customerAllergens !== null && customerAllergens !== void 0 ? customerAllergens : [])
+            .map(function (allergen) { return allergen.allergen_id; }));
+    }, [selectedAllergens, selectedTags, customerAllergens]);
+    var onTagSwitch = function (tag) {
+        setLocalSelectedTags(function (prevSelectedTags) {
+            if (prevSelectedTags.includes(tag.tag_id)) {
+                return prevSelectedTags.filter(function (id) { return id !== tag.tag_id; });
+            }
+            else {
+                return __spreadArray(__spreadArray([], prevSelectedTags, true), [tag.tag_id], false);
+            }
+        });
+    };
+    var onAllergenSwitch = function (allergen) {
+        setLocalSelectedAllergens(function (prevSelectedAllergens) {
+            if (prevSelectedAllergens.includes(allergen.allergen_id)) {
+                return prevSelectedAllergens.filter(function (id) { return id !== allergen.allergen_id; });
+            }
+            else {
+                return __spreadArray(__spreadArray([], prevSelectedAllergens, true), [allergen.allergen_id], false);
+            }
+        });
+    };
+    var handleSubmit = function () {
+        var newSelectedTags = tags.filter(function (tag) {
+            return localSelectedTags.includes(tag.tag_id);
+        });
+        dispatch(setSelectedTags(newSelectedTags));
+        var newSelectedAllergens = allergens.filter(function (allergen) {
+            return localSelectedAllergens.includes(allergen.allergen_id);
+        });
+        dispatch(setSelectedAllergens(newSelectedAllergens));
+        toggleTagsFilterModal();
+    };
+    var toggleTagsFilterModal = function () {
+        dispatch(toggleTagsModal(!showTagsModal));
+    };
+    var handlers = {
+        onTagSwitch: onTagSwitch,
+        onAllergenSwitch: onAllergenSwitch,
+        handleSubmit: handleSubmit,
+        toggleTagsFilterModal: toggleTagsFilterModal
+    };
+    var renderSwitch = useCallback(function (tag, allergen) {
+        return tag ? (React.createElement(SwitchContainer, { key: tag.tag_id, id: tag.tag_id, children: SwitchView, label: capitalize(tag.name), on: localSelectedTags.includes(tag.tag_id), onChange: function () { return onTagSwitch(tag); }, disabled: false, isRequired: true })) : allergen ? (React.createElement(SwitchContainer, { key: allergen.allergen_id, id: allergen.allergen_id, children: SwitchView, label: capitalize(allergen.name), on: localSelectedAllergens.includes(allergen.allergen_id), onChange: function () { return onAllergenSwitch(allergen); }, disabled: false, isRequired: true })) : null;
+    }, [SwitchView, localSelectedAllergens, localSelectedTags]);
+    return children({
+        config: config,
+        displayTags: display_tags,
+        displayAllergens: display_allergens,
+        handlers: handlers,
+        isLoading: isLoading,
+        renderSwitch: renderSwitch,
+        tags: tags,
+        allergens: allergens,
+        error: (errorTags === null || errorTags === void 0 ? void 0 : errorTags.detail) || (errorAllergens === null || errorAllergens === void 0 ? void 0 : errorAllergens.detail)
+    });
+};
+export default TagsFilter;

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,22 @@
+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 };
+    if (!config)
+        return null;
+    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,54 @@
+import { hasGroupsBelowMin, useBuilder } from '@open-tender/utils';
+import { useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { addItemToCart, selectKioskApi, selectKioskConfig, selectStoreSettings, showNotification } from '../slices';
+var UpsellItem = function (_a) {
+    var item = _a.item, callback = _a.callback, isLast = _a.isLast, children = _a.children;
+    var dispatch = useAppDispatch();
+    var _b = useState(false), hasSize = _b[0], setHasSize = _b[1];
+    var apiUrl = useAppSelector(selectKioskApi);
+    var config = useAppSelector(selectKioskConfig).upsellItem;
+    var display_cals = useAppSelector(selectStoreSettings).display_cals;
+    var _c = useBuilder(item), builtItem = _c.item, toggleOption = _c.toggleOption;
+    var quantity = builtItem.quantity, groups = builtItem.groups;
+    var sizeGroup = groups === null || groups === void 0 ? void 0 : groups.find(function (i) { return i.isSize; });
+    var groupsBelowMin = hasGroupsBelowMin(null, groups);
+    var isIncomplete = "".concat(quantity) === '' || quantity === 0 || groupsBelowMin;
+    var add = function () {
+        if (!isIncomplete) {
+            dispatch(addItemToCart(builtItem));
+            dispatch(showNotification("".concat(builtItem.name, " added to cart!")));
+            if (callback)
+                callback();
+        }
+    };
+    var addSize = function (optionId) {
+        if (sizeGroup) {
+            toggleOption([[sizeGroup.id, optionId]]);
+            setHasSize(true);
+        }
+    };
+    useEffect(function () {
+        if (hasSize && !isIncomplete) {
+            dispatch(addItemToCart(builtItem));
+            dispatch(showNotification("".concat(builtItem.name, " added to cart!")));
+            if (callback)
+                callback();
+        }
+    }, [hasSize, isIncomplete, builtItem, callback, dispatch]);
+    if (isIncomplete && !sizeGroup)
+        return null;
+    var handlers = { add: add, addSize: addSize };
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        item: item,
+        isLast: isLast,
+        apiUrl: apiUrl,
+        displayCals: display_cals,
+        sizeGroup: sizeGroup
+    });
+};
+export default UpsellItem;

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

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

package/dist/esm/components/Upsells.js

@@ -0,0 +1,23 @@
+import { makeMenuItemLookup, makeUpsellItems } from '@open-tender/utils';
+import React, { useCallback, 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, UpsellItemView = _a.UpsellItemView;
+    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 = useCallback(function (item, isLast) { return (React.createElement(UpsellItemContainer, { key: item.id, item: item, isLast: isLast, callback: close, children: UpsellItemView })); }, [close, UpsellItemView]);
+    if (!config)
+        return null;
+    return children({
+        config: config,
+        handlers: handlers,
+        items: items.slice(0, 5),
+        renderUpsellItem: renderUpsellItem
+    });
+};
+export default Upsells;

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

@@ -0,0 +1,79 @@
+import AccessibilityButton from './AccessibilityButton';
+import AccountLoyalty from './AccountLoyalty';
+import AccountSection from './AccountSection';
+import Allergen from './Allergen';
+import Applied from './Applied';
+import ButtonLink from './ButtonLink';
+import CancelButton from './CancelButton';
+import Card from './Card';
+import Cart from './Cart';
+import CartButton from './CartButton';
+import CartItem from './CartItem';
+import CartUpsellItem from './CartUpsellItem';
+import CartUpsells from './CartUpsells';
+import CategoryItem from './CategoryItem';
+import CategoryNav from './CategoryNav';
+import CategoryNavItem from './CategoryNavItem';
+import CategoryNavOther from './CategoryNavOther';
+import Checkout from './Checkout';
+import CheckoutCart from './CheckoutCart';
+import CheckoutContent from './CheckoutContent';
+import CheckoutFooter from './CheckoutFooter';
+import CheckoutHeader from './CheckoutHeader';
+import CheckoutPromoCode from './CheckoutPromoCode';
+import CheckoutTable from './CheckoutTable';
+import CheckoutTotals from './CheckoutTotals';
+import CheckTotals from './CheckTotals';
+import DisabledModal from './DisabledModal';
+import Discount from './Discount';
+import ErrorMessage from './ErrorMessage';
+import FavsButton from './FavsButton';
+import Header from './Header';
+import IdleModal from './IdleModal';
+import Ingredients from './Ingredients';
+import Input from './Input';
+import InputButton from './InputButton';
+import ItemGroup from './ItemGroup';
+import ItemGroups from './ItemGroups';
+import ItemOption from './ItemOption';
+import ItemOptionSelected from './ItemOptionSelected';
+import ItemSelections from './ItemSelections';
+import ItemSize from './ItemSize';
+import Keypad from './Keypad';
+import Loader from './Loader';
+import LoyaltyDiscount from './LoyaltyDiscount';
+import LoyaltyDiscounts from './LoyaltyDiscounts';
+import MadeForName from './MadeForName';
+import MadeForNotes from './MadeForNotes';
+import MenuCategory from './MenuCategory';
+import MenuOther from './MenuOther';
+import ModalContent from './ModalContent';
+import ModalHeader from './ModalHeader';
+import Notifications from './Notifications';
+import NutritionalInfo from './NutritionalInfo';
+import Option from './Option';
+import OrderCard from './OrderCard';
+import OrderDetails from './OrderDetails';
+import OrderDetailsItem from './OrderDetailsItem';
+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 SignInOptionsModal from './SignInOptionsModal';
+import SignInPhone from './SignInPhone';
+import SignInQr from './SignInQr';
+import SignUp from './SignUp';
+import SuccessMessage from './SuccessMessage';
+import Switch from './Switch';
+import Tag from './Tag';
+import TagsButton from './TagsButton';
+import TagsFilter from './TagsFilter';
+import TextArea from './TextArea';
+import UpsellItem from './UpsellItem';
+import Upsells from './Upsells';
+export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal, TagsFilter, Switch, TagsButton, CheckoutTable, DisabledModal, Notifications, LoyaltyDiscount, LoyaltyDiscounts, AccessibilityButton };

package/dist/esm/components/index.js

@@ -0,0 +1,79 @@
+import AccessibilityButton from './AccessibilityButton';
+import AccountLoyalty from './AccountLoyalty';
+import AccountSection from './AccountSection';
+import Allergen from './Allergen';
+import Applied from './Applied';
+import ButtonLink from './ButtonLink';
+import CancelButton from './CancelButton';
+import Card from './Card';
+import Cart from './Cart';
+import CartButton from './CartButton';
+import CartItem from './CartItem';
+import CartUpsellItem from './CartUpsellItem';
+import CartUpsells from './CartUpsells';
+import CategoryItem from './CategoryItem';
+import CategoryNav from './CategoryNav';
+import CategoryNavItem from './CategoryNavItem';
+import CategoryNavOther from './CategoryNavOther';
+import Checkout from './Checkout';
+import CheckoutCart from './CheckoutCart';
+import CheckoutContent from './CheckoutContent';
+import CheckoutFooter from './CheckoutFooter';
+import CheckoutHeader from './CheckoutHeader';
+import CheckoutPromoCode from './CheckoutPromoCode';
+import CheckoutTable from './CheckoutTable';
+import CheckoutTotals from './CheckoutTotals';
+import CheckTotals from './CheckTotals';
+import DisabledModal from './DisabledModal';
+import Discount from './Discount';
+import ErrorMessage from './ErrorMessage';
+import FavsButton from './FavsButton';
+import Header from './Header';
+import IdleModal from './IdleModal';
+import Ingredients from './Ingredients';
+import Input from './Input';
+import InputButton from './InputButton';
+import ItemGroup from './ItemGroup';
+import ItemGroups from './ItemGroups';
+import ItemOption from './ItemOption';
+import ItemOptionSelected from './ItemOptionSelected';
+import ItemSelections from './ItemSelections';
+import ItemSize from './ItemSize';
+import Keypad from './Keypad';
+import Loader from './Loader';
+import LoyaltyDiscount from './LoyaltyDiscount';
+import LoyaltyDiscounts from './LoyaltyDiscounts';
+import MadeForName from './MadeForName';
+import MadeForNotes from './MadeForNotes';
+import MenuCategory from './MenuCategory';
+import MenuOther from './MenuOther';
+import ModalContent from './ModalContent';
+import ModalHeader from './ModalHeader';
+import Notifications from './Notifications';
+import NutritionalInfo from './NutritionalInfo';
+import Option from './Option';
+import OrderCard from './OrderCard';
+import OrderDetails from './OrderDetails';
+import OrderDetailsItem from './OrderDetailsItem';
+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 SignInOptionsModal from './SignInOptionsModal';
+import SignInPhone from './SignInPhone';
+import SignInQr from './SignInQr';
+import SignUp from './SignUp';
+import SuccessMessage from './SuccessMessage';
+import Switch from './Switch';
+import Tag from './Tag';
+import TagsButton from './TagsButton';
+import TagsFilter from './TagsFilter';
+import TextArea from './TextArea';
+import UpsellItem from './UpsellItem';
+import Upsells from './Upsells';
+export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells, IdleModal, TagsFilter, Switch, TagsButton, CheckoutTable, DisabledModal, Notifications, LoyaltyDiscount, LoyaltyDiscounts, AccessibilityButton };

package/dist/esm/config/account.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const account: ScreenConfig;
+export default account;

package/dist/esm/config/account.js

@@ -0,0 +1,99 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var account = {
+    account: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            overflow: 'hidden'
+            // paddingLeft: theme.spacing.padding.large,
+            // paddingRight: theme.spacing.padding.large
+        }
+    },
+    account__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center',
+            paddingTop: 100,
+            paddingBottom: 100,
+            textAlign: 'center'
+        }
+    },
+    account__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Welcome back!'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxxlarge })
+    },
+    account__buttons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    account__orderNow: {
+        classes: '',
+        props: { text: 'Order Now' },
+        style: __assign(__assign({}, styles.buttonPrimary), { 
+            // flexBasis: '400px',
+            flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    account__signOut: {
+        classes: '',
+        props: { text: 'Sign Out' },
+        style: __assign(__assign({}, styles.buttonSecondary), { 
+            // flexBasis: '400px',
+            flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    account__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: theme.spacing.margin.large,
+            justifyContent: 'flex-start',
+            overflow: 'scroll'
+        }
+    },
+    // account__form: {
+    //   classes: '',
+    //   props: {},
+    //   style: {
+    //     alignItems: 'stretch',
+    //     gap: theme.spacing.padding.large,
+    //     overflow: 'hidden',
+    //     width: 800
+    //   }
+    // },
+    account__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    }
+};
+export default account;

package/dist/esm/config/accountSection.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const accountSection: ScreenConfig;
+export default accountSection;

package/dist/esm/config/accountSection.js

@@ -0,0 +1,74 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var accountSection = {
+    accountSection: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: theme.spacing.padding.large
+        }
+    },
+    accountSection__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: 5,
+            paddingLeft: theme.spacing.padding.large,
+            paddingRight: theme.spacing.padding.large
+        }
+    },
+    accountSection__title: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xlarge, textAlign: 'center' })
+    },
+    accountSection__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.medium, textAlign: 'center' })
+    },
+    accountSection__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    accountSection__item: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '33.33333%',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: theme.spacing.padding.small
+        }
+    },
+    accountSection__button: {
+        classes: '',
+        props: { text: 'See All' },
+        style: __assign(__assign({}, styles.buttonSecondary), { fontSize: theme.fontSizes.small })
+    },
+    accountSection__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'center'
+        }
+    }
+};
+export default accountSection;

package/dist/esm/config/allergen.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const allergen: ScreenConfig;
+export default allergen;

package/dist/esm/config/allergen.js

@@ -0,0 +1,33 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var allergen = {
+    allergen: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: theme.colors.error.secondary,
+            borderRadius: 5,
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 5
+        }
+    },
+    allergen__image: {
+        classes: '',
+        props: {},
+        style: {
+            width: 30,
+            height: 30
+        }
+    },
+    allergen__name: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: 18, color: theme.colors.error.primary })
+    }
+};
+export default allergen;

package/dist/esm/config/applied.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const applied: ScreenConfig;
+export default applied;

package/dist/esm/config/applied.js

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var applied = {
+    applied: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: theme.colors.success.secondary,
+            borderRadius: 20,
+            flexDirection: 'row',
+            gap: 5,
+            justifyContent: 'center',
+            paddingBottom: 7,
+            paddingLeft: 15,
+            paddingRight: 20,
+            paddingTop: 7
+        }
+    },
+    applied__icon: {
+        classes: '',
+        props: {},
+        style: {
+            color: theme.colors.success.primary
+        }
+    },
+    applied__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: 18, color: theme.colors.success.primary })
+    }
+};
+export default applied;

package/dist/esm/config/buttonLink.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const buttonLink: ScreenConfig;
+export default buttonLink;