@open-tender/store 1.1.1 → 1.1.3

package/dist/esm/config/cart.js

@@ -0,0 +1,130 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var cart = {
+    cart: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'hidden'
+        }
+    },
+    cart__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'hidden',
+            position: 'relative',
+            flexGrow: 1,
+            paddingTop: theme.spacing.padding.medium,
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    cart__overlay: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: theme.colors.text.primary
+        }
+    },
+    cart__ticket: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.background.primary,
+            borderTopLeftRadius: theme.spacing.borderRadius.large,
+            borderTopRightRadius: theme.spacing.borderRadius.large,
+            boxShadow: theme.colors.boxShadow.primary,
+            flexGrow: 1,
+            overflow: 'hidden',
+            position: 'relative',
+            zIndex: 2
+        }
+    },
+    cart__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: theme.colors.accent.primary,
+            display: 'flex',
+            flexBasis: 80,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    cart__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xlarge })
+    },
+    cart__total: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xlarge })
+    },
+    cart__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'hidden'
+        }
+    },
+    cart__contentContainer: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'scroll',
+            padding: theme.spacing.padding.medium
+        }
+    },
+    cart__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: theme.spacing.padding.medium
+        }
+    },
+    cart__footerContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            gap: theme.spacing.padding.medium,
+            justifyContent: 'space-between'
+        }
+    },
+    cart__checkout: {
+        classes: '',
+        props: { text: 'Finish & Pay' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    },
+    cart__checkoutDisabled: {
+        classes: '',
+        props: { text: 'Finish & Pay' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: theme.fontSizes.xlarge, opacity: 0.5, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    },
+    cart__back: {
+        classes: 'buttonPrimary',
+        props: { text: 'Back To Menu' },
+        style: __assign(__assign({}, styles.buttonSecondary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    }
+};
+export default cart;

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

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

package/dist/esm/config/cartItem.js

@@ -0,0 +1,163 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var cartItem = {
+    cartItem: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.medium,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.medium,
+            paddingTop: theme.spacing.padding.medium,
+            borderStyle: 'solid',
+            borderBottomColor: theme.colors.border.secondary,
+            borderBottomWidth: 1,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0
+        }
+    },
+    cartItemLast: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.medium,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.medium,
+            paddingTop: theme.spacing.padding.medium
+        }
+    },
+    cartItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    cartItem__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1
+        }
+    },
+    cartItem__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    cartItem__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    cartItem__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    cartItem__price: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { flexGrow: 0, flexShrink: 0, fontSize: theme.fontSizes.small })
+    },
+    cartItem__calories: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { flexGrow: 0, flexShrink: 0, fontSize: theme.fontSizes.small })
+    },
+    cartItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.small,
+            paddingTop: theme.spacing.padding.small
+        }
+    },
+    cartItem__description: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxsmall, flexBasis: 480, flexGrow: 1, flexShrink: 1, maxWidth: 480 })
+    },
+    cartItem__quantityContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: theme.colors.text.primary,
+            borderRadius: 100,
+            flexBasis: 32,
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            height: 32,
+            width: 32
+        }
+    },
+    cartItem__quantity: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { color: theme.colors.background.primary, fontSize: theme.fontSizes.xsmall })
+    },
+    cartItem__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    cartItem__footerButtons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 15,
+            justifyContent: 'flex-end'
+        }
+    },
+    cartItem__edit: {
+        classes: '',
+        props: { text: 'Edit' },
+        style: __assign(__assign({}, styles.buttonSecondary), { fontSize: theme.fontSizes.small, paddingBottom: 8, paddingTop: 8 })
+    },
+    cartItem__remove: {
+        classes: '',
+        props: { text: 'Edit' },
+        style: __assign(__assign({}, styles.buttonDelete), { fontSize: theme.fontSizes.small, paddingBottom: 8, paddingTop: 8 })
+    }
+};
+export default cartItem;

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

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

package/dist/esm/config/cartUpsellItem.js

@@ -0,0 +1,125 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var cartUpsellItem = {
+    cartUpsellItem: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1
+        }
+    },
+    cartUpsellItem__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            justifyContent: 'space-between'
+        }
+    },
+    cartUpsellItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    cartUpsellItem__info: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            padding: theme.spacing.padding.medium
+        }
+    },
+    cartUpsellItem__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            // flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    cartUpsellItem__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    cartUpsellItem__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    cartUpsellItem__price: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { flexGrow: 0, flexShrink: 0, fontSize: theme.fontSizes.small })
+    },
+    cartUpsellItem__calories: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { flexGrow: 0, flexShrink: 0, fontSize: theme.fontSizes.small })
+    },
+    cartUpsellItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.small,
+            paddingTop: theme.spacing.padding.small
+        }
+    },
+    cartUpsellItem__description: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxsmall, flexBasis: 480, flexGrow: 1, flexShrink: 1, maxWidth: 480 })
+    },
+    cartUpsellItem__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    cartUpsellItem__footerButtons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 15,
+            justifyContent: 'flex-end'
+        }
+    },
+    cartUpsellItem__add: {
+        classes: '',
+        props: { text: 'Edit' },
+        style: __assign(__assign({}, styles.buttonPrimary), { fontSize: theme.fontSizes.small, paddingBottom: 8, paddingTop: 8 })
+    }
+};
+export default cartUpsellItem;

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

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

package/dist/esm/config/cartUpsells.js

@@ -0,0 +1,101 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var cartUpsells = {
+    cartUpsells: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.background.primary,
+            borderColor: theme.colors.border.secondary,
+            borderStyle: 'solid',
+            borderBottomWidth: 0,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: theme.spacing.borderWidth.medium,
+            flexGrow: 0,
+            flexShrink: 0,
+            overflow: 'hidden',
+            paddingBottom: theme.spacing.padding.large,
+            paddingTop: theme.spacing.padding.large
+        }
+    },
+    cartUpsells__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.small,
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium,
+            textAlign: 'center'
+        }
+    },
+    cartUpsells__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'You Might Also Like'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.large })
+    },
+    cartUpsells__items: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            justifyContent: 'center',
+            overflow: 'scroll'
+        }
+    },
+    cartUpsells__itemsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 0,
+            // gap: theme.spacing.padding.medium,
+            justifyContent: 'flex-start',
+            padding: theme.spacing.padding.medium
+        }
+    },
+    cartUpsells__item: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 320,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    cartUpsells__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    cartUpsells__cancel: {
+        classes: '',
+        props: { text: 'Add To Order' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 400, flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    }
+};
+export default cartUpsells;

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

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

package/dist/esm/config/category.js

@@ -0,0 +1,100 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var category = {
+    category: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'flex-start',
+            overflow: 'hidden',
+            paddingBottom: 100
+        }
+    },
+    category__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 'auto',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            marginTop: theme.spacing.margin.medium,
+            marginBottom: theme.spacing.margin.medium,
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    category__title: {
+        classes: '',
+        props: {
+            as: 'h1'
+        },
+        style: __assign({}, styles.textHeadline)
+    },
+    category__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: 20, marginTop: 5 })
+    },
+    category__content: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'scroll',
+            paddingLeft: 10,
+            paddingRight: 10
+        }
+    },
+    category__items: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            flexWrap: 'wrap',
+            justifyContent: 'flex-start',
+            paddingBottom: theme.spacing.padding.medium
+        }
+    },
+    category__childHeader: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 'auto',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            marginTop: 20,
+            marginBottom: 15,
+            paddingLeft: 10,
+            paddingRight: 10
+        }
+    },
+    category__childTitle: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: 36 })
+    },
+    category__childSubtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: 16, marginTop: 5 })
+    }
+};
+export default category;

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

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