@open-tender/store 1.1.0 → 1.1.2

package/dist/esm/config/guest.js

@@ -0,0 +1,196 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils/theme';
+var guest = {
+    guest: {
+        classes: '',
+        props: {
+            src: 'https://s3.amazonaws.com/betterboh/u/img/staging/2/1708230146_burger-with-cheeses--1600x2403.jpg',
+            alt: 'Open Tender Landing'
+        },
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            backgroundImage: 'url(https://s3.amazonaws.com/betterboh/u/img/staging/2/1708230146_burger-with-cheeses--1600x2403.jpg)',
+            backgroundPositionY: 'bottom',
+            backgroundSize: 'cover'
+        }
+    },
+    guest__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 'auto',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            marginTop: 0
+        }
+    },
+    guest__logo: {
+        classes: '',
+        props: {
+            src: 'https://io-opentender.s3.amazonaws.com/logos/open-tender-logo-white.png',
+            alt: 'Open Tender Logo'
+        },
+        style: {
+            width: 480,
+            marginBottom: 100,
+            marginTop: 100
+        }
+    },
+    guest__buttons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: 40
+        }
+    },
+    guest__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: 100,
+            justifyContent: 'flex-end',
+            paddingBottom: 120
+        }
+    },
+    guest__orderNow: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonPrimary), { borderRadius: 64, fontSize: theme.fontSizes.xxxlarge, paddingBottom: 24, paddingLeft: 0, paddingRight: 0, paddingTop: 24, width: 560 })
+    },
+    guest__signIn: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            // flexDirection: 'row',
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    guest__signInContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            padding: theme.spacing.padding.large,
+            minWidth: 360
+        }
+    },
+    guest__signInButton: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonSecondary), { backgroundColor: theme.colors.background.primary, borderRadius: 64, fontSize: 32, justifyContent: 'center', paddingBottom: 24, paddingLeft: 32, paddingRight: 32, paddingTop: 24, width: 420 })
+    },
+    guest__customer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
+            boxShadow: theme.colors.boxShadow.secondary,
+            flexGrow: 1,
+            gap: theme.spacing.padding.medium,
+            justifyContent: 'center',
+            padding: theme.spacing.padding.large
+        }
+    },
+    guest__customerName: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxxlarge, color: theme.colors.background.primary })
+    },
+    guest__customerSignOut: {
+        classes: '',
+        props: {},
+        style: {
+            fontSize: theme.fontSizes.xlarge,
+            color: theme.colors.background.primary
+        }
+    },
+    guest__footer: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'hidden',
+            justifyContent: 'flex-end',
+            minHeight: 560
+        }
+    },
+    guest__dealsHeader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            paddingLeft: theme.spacing.padding.large,
+            paddingRight: theme.spacing.padding.large
+        }
+    },
+    guest__dealsTitle: {
+        classes: '',
+        props: {
+            as: 'h3',
+            text: "Today's Deals"
+        },
+        style: __assign(__assign({}, styles.textHeading), { color: theme.colors.background.primary, fontSize: theme.fontSizes.xxlarge, textShadow: '0 0 15px rgba(0, 0, 0, 0.5)' })
+    },
+    guest__dealsContent: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'scroll'
+        }
+    },
+    guest__deals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            // backgroundColor: 'green',
+            flexDirection: 'row',
+            justifyContent: 'flex-start',
+            paddingBottom: theme.spacing.padding.large,
+            paddingLeft: theme.spacing.padding.large,
+            paddingTop: theme.spacing.padding.large
+        }
+    },
+    guest__deal: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: '45%',
+            flexGrow: 0,
+            flexShrink: 0,
+            paddingRight: theme.spacing.padding.large
+        }
+    },
+    guest__dealContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexGrow: 1,
+            backgroundColor: theme.colors.background.primary,
+            borderColor: theme.colors.background.primary,
+            borderRadius: theme.spacing.borderRadius.large,
+            borderStyle: 'solid',
+            borderWidth: theme.spacing.borderWidth.large,
+            width: '100%',
+            overflow: 'hidden'
+        }
+    }
+};
+export default guest;

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

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

package/dist/esm/config/header.js

@@ -0,0 +1,75 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils/theme';
+var header = {
+    header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderBottomColor: theme.colors.border.primary,
+            borderBottomWidth: 1,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0,
+            borderStyle: 'solid',
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            height: 60,
+            justifyContent: 'space-between',
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    header__back: {
+        classes: '',
+        props: { text: 'Back' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 1, minHeight: 38, paddingBottom: 0, paddingTop: 0 })
+    },
+    header__center: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            flexShrink: 1
+        }
+    },
+    header__left: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 150,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    header__logo: {
+        classes: '',
+        props: {
+            src: 'https://s3.amazonaws.com/betterboh/u/img/staging/2/1712337883_open-tender-logo-confluence.png',
+            alt: 'Open Tender Logo'
+        },
+        style: {
+            width: 160
+        }
+    },
+    header__open: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonPrimary), { borderRadius: 3, flexBasis: 1, gap: 0, paddingBottom: 6, paddingLeft: 6, paddingRight: 6, paddingTop: 6 })
+    },
+    header__right: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-end',
+            flexBasis: 150,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    }
+};
+export default header;

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

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

package/dist/esm/config/index.js

@@ -0,0 +1,131 @@
+import account from './account';
+import accountSection from './accountSection';
+import allergen from './allergen';
+import applied from './applied';
+import buttonLink from './buttonLink';
+import card from './card';
+import cart from './cart';
+import cartItem from './cartItem';
+import cartUpsellItem from './cartUpsellItem';
+import cartUpsells from './cartUpsells';
+import category from './category';
+import categoryItem from './categoryItem';
+import categoryNav from './categoryNav';
+import categoryNavItem from './categoryNavItem';
+import categoryNavItemSelected from './categoryNavItemSelected';
+import checkout from './checkout';
+import checkoutConfirmation from './checkoutConfirmation';
+import checkoutDetails from './checkoutDetails';
+import checkoutPayment from './checkoutPayment';
+import checkoutPoints from './checkoutPoints';
+import checkoutPromoCode from './checkoutPromoCode';
+import checkoutRewards from './checkoutRewards';
+import checkoutSummary from './checkoutSummary';
+import checkoutUpsells from './checkoutUpsells';
+import checkTotals from './checkTotals';
+import discount from './discount';
+import errorMessage from './errorMessage';
+import guest from './guest';
+import header from './header';
+import ingredients from './ingredients';
+import input from './input';
+import item from './item';
+import itemGroup from './itemGroup';
+import itemGroups from './itemGroups';
+import itemOption from './itemOption';
+import itemSelections from './itemSelections';
+import label from './label';
+import loader from './loader';
+import madeForNotes from './madeForNotes';
+import menu from './menu';
+import menuCategory from './menuCategory';
+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 rewards from './rewards';
+import reward from './reward';
+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';
+var config = {
+    account: account,
+    accountSection: accountSection,
+    allergen: allergen,
+    applied: applied,
+    buttonLink: buttonLink,
+    card: card,
+    cart: cart,
+    cartItem: cartItem,
+    cartUpsellItem: cartUpsellItem,
+    cartUpsells: cartUpsells,
+    category: category,
+    categoryItem: categoryItem,
+    categoryNav: categoryNav,
+    categoryNavItem: categoryNavItem,
+    categoryNavItemSelected: categoryNavItemSelected,
+    checkout: checkout,
+    checkoutConfirmation: checkoutConfirmation,
+    checkoutDetails: checkoutDetails,
+    checkoutPayment: checkoutPayment,
+    checkoutPoints: checkoutPoints,
+    checkoutPromoCode: checkoutPromoCode,
+    checkoutRewards: checkoutRewards,
+    checkoutSummary: checkoutSummary,
+    checkoutUpsells: checkoutUpsells,
+    checkTotals: checkTotals,
+    discount: discount,
+    errorMessage: errorMessage,
+    guest: guest,
+    header: header,
+    ingredients: ingredients,
+    input: input,
+    item: item,
+    itemGroup: itemGroup,
+    itemGroups: itemGroups,
+    itemOption: itemOption,
+    itemSelections: itemSelections,
+    label: label,
+    loader: loader,
+    madeForNotes: madeForNotes,
+    menu: menu,
+    menuCategory: menuCategory,
+    modal: modal,
+    modalContent: modalContent,
+    modalHeader: modalHeader,
+    nutritionalInfo: nutritionalInfo,
+    option: option,
+    orderCard: orderCard,
+    pointsReward: pointsReward,
+    pointsRewards: pointsRewards,
+    promoCode: promoCode,
+    quantity: quantity,
+    reward: reward,
+    rewards: rewards,
+    signIn: signIn,
+    signInButton: signInButton,
+    signInCheckout: signInCheckout,
+    signInOptions: signInOptions,
+    signInPhone: signInPhone,
+    signInQr: signInQr,
+    successMessage: successMessage,
+    tag: tag,
+    textarea: textarea,
+    upsellItem: upsellItem,
+    upsells: upsells
+};
+export default config;

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

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

package/dist/esm/config/ingredients.js

@@ -0,0 +1,28 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var ingredients = {
+    ingredients: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    ingredients__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.background.secondary,
+            borderRadius: theme.spacing.borderRadius.medium,
+            padding: theme.spacing.padding.medium
+        }
+    },
+    ingredients__text: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.large })
+    }
+};
+export default ingredients;

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

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

package/dist/esm/config/input.js

@@ -0,0 +1,11 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var input = {
+    input: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { backgroundColor: 'transparent', borderColor: theme.colors.border.primary, borderRadius: theme.spacing.borderRadius.small, borderStyle: 'solid', borderWidth: theme.spacing.borderWidth.medium, color: theme.colors.text.primary, fontSize: theme.fontSizes.large, paddingBottom: theme.spacing.padding.small, paddingLeft: theme.spacing.padding.medium, paddingRight: theme.spacing.padding.medium, paddingTop: theme.spacing.padding.small })
+    }
+};
+export default input;

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

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