@open-tender/store 1.1.1 → 1.1.3

package/dist/esm/config/categoryItem.js

@@ -0,0 +1,126 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils/theme';
+var categoryItem = {
+    categoryItem: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '33.33333%',
+            padding: theme.spacing.padding.small,
+            position: 'relative'
+        }
+    },
+    categoryItem__soldOut: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            zIndex: 3,
+            bottom: theme.spacing.padding.small,
+            left: theme.spacing.padding.small,
+            right: theme.spacing.padding.small,
+            top: theme.spacing.padding.small,
+            borderRadius: theme.spacing.borderRadius.small,
+            alignItems: 'stretch',
+            overflow: 'hidden'
+        }
+    },
+    categoryItem__soldOutContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            justifyContent: 'center',
+            position: 'relative'
+        }
+    },
+    categoryItem__soldOutOverlay: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            zIndex: 2,
+            bottom: 0,
+            left: 0,
+            right: 0,
+            top: 0,
+            backgroundColor: '#000000',
+            opacity: 0.5
+        }
+    },
+    categoryItem__soldOutTitle: {
+        classes: '',
+        props: {
+            text: 'Out of Stock'
+        },
+        style: __assign(__assign({}, styles.textBody), { color: theme.colors.background.primary, fontSize: theme.fontSizes.xlarge, position: 'relative', textTransform: 'uppercase', letterSpacing: 2, zIndex: 3 })
+    },
+    categoryItem__button: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.card.primary,
+            borderRadius: theme.spacing.borderRadius.small,
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            overflow: 'hidden',
+            boxShadow: theme.colors.boxShadow.primary
+        }
+    },
+    categoryItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover'
+        }
+    },
+    categoryItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            paddingBottom: 15,
+            paddingLeft: 12,
+            paddingRight: 12,
+            paddingTop: 12,
+            textAlign: 'left'
+        }
+    },
+    categoryItem__title: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    categoryItem__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10,
+            marginTop: 8
+        }
+    },
+    categoryItem__price: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xsmall, lineHeight: 1 })
+    },
+    categoryItem__calories: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xsmall, lineHeight: 1 })
+    }
+};
+export default categoryItem;

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

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

package/dist/esm/config/categoryNav.js

@@ -0,0 +1,44 @@
+import { theme } from '../utils';
+var categoryNav = {
+    categoryNav: {
+        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: 'center',
+            overflow: 'hidden'
+        }
+    },
+    categoryNav__content: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            height: 60,
+            overflow: 'scroll'
+        }
+    },
+    categoryNav__categories: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 1,
+            paddingLeft: theme.spacing.padding.medium
+        }
+    }
+};
+export default categoryNav;

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

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

package/dist/esm/config/categoryNavItem.js

@@ -0,0 +1,58 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var categoryNavItem = {
+    categoryNavItem: {
+        classes: '',
+        props: {},
+        style: {
+            // alignItems: 'stretch',
+            flexShrink: 0,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    categoryNavItem__button: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.card.primary,
+            borderRadius: 10,
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            overflow: 'hidden',
+            boxShadow: theme.colors.boxShadow.primary
+        }
+    },
+    categoryNavItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            display: 'none',
+            backgroundPosition: 'center',
+            backgroundSize: 'cover'
+        }
+    },
+    categoryNavItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            paddingBottom: 8,
+            paddingLeft: 12,
+            paddingRight: 12,
+            paddingTop: 8,
+            textAlign: 'center'
+        }
+    },
+    categoryNavItem__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: 20, lineHeight: 1 })
+    }
+};
+export default categoryNavItem;

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

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

package/dist/esm/config/categoryNavItemSelected.js

@@ -0,0 +1,56 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var categoryNavItemSelected = {
+    categoryNavItem: {
+        classes: '',
+        props: {},
+        style: {
+            flexShrink: 0,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    categoryNavItem__button: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: '#ddfa65',
+            borderRadius: 10,
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            overflow: 'hidden'
+        }
+    },
+    categoryNavItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            display: 'none',
+            backgroundPosition: 'center',
+            backgroundSize: 'cover'
+        }
+    },
+    categoryNavItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            paddingBottom: 8,
+            paddingLeft: 12,
+            paddingRight: 12,
+            paddingTop: 8,
+            textAlign: 'center'
+        }
+    },
+    categoryNavItem__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: 20, lineHeight: 1 })
+    }
+};
+export default categoryNavItemSelected;

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

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

package/dist/esm/config/checkTotals.js

@@ -0,0 +1,79 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var checkTotals = {
+    checkTotals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: theme.spacing.padding.small
+        }
+    },
+    checkTotals__line: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between'
+        }
+    },
+    checkTotals__lineLabel: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.medium })
+    },
+    checkTotals__lineAmount: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.medium, textAlign: 'right' })
+    },
+    checkTotals__subline: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between'
+        }
+    },
+    checkTotals__sublineLabel: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xsmall })
+    },
+    checkTotals__sublineAmount: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xsmall, textAlign: 'right' })
+    },
+    checkTotals__total: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderColor: theme.colors.border.primary,
+            borderStyle: 'solid',
+            borderBottomWidth: 0,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: theme.spacing.borderWidth.medium,
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            paddingTop: 15
+            // backgroundColor: 'palegreen'
+        }
+    },
+    checkTotals__totalLabel: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    checkTotals__totalAmount: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium, textAlign: 'right' })
+    }
+};
+export default checkTotals;

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

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

package/dist/esm/config/checkout.js

@@ -0,0 +1,33 @@
+import { theme } from '../utils';
+var checkout = {
+    checkout__cart: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'scroll',
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    checkout__totals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    checkout__totalsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: theme.spacing.padding.large
+        }
+    }
+};
+export default checkout;

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

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

package/dist/esm/config/checkoutConfirmation.js

@@ -0,0 +1,108 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var checkoutConfirmation = {
+    checkoutConfirmation: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            // gap: theme.spacing.padding.large,
+            justifyContent: 'center',
+            overflow: 'hidden',
+            paddingBottom: 100,
+            paddingLeft: theme.spacing.padding.large,
+            paddingRight: theme.spacing.padding.large,
+            paddingTop: 100
+        }
+    },
+    checkoutConfirmation__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    checkoutConfirmation__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Thanks For Your Order!'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxxlarge })
+    },
+    checkoutConfirmation__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            overflow: 'hidden'
+        }
+    },
+    checkoutConfirmation__form: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: theme.spacing.padding.large,
+            // flexGrow: 1,
+            justifyContent: 'space-between',
+            overflow: 'hidden',
+            padding: theme.spacing.padding.large,
+            width: 860
+        }
+    },
+    checkoutConfirmation__info: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            // flexBasis: 100,
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'flex-start',
+            textAlign: 'center'
+            // paddingBottom: theme.spacing.padding.large
+        }
+    },
+    checkoutConfirmation__infoTitle: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xlarge })
+    },
+    checkoutConfirmation__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    },
+    checkoutConfirmation__print: {
+        classes: '',
+        props: { text: 'Customize' },
+        style: __assign(__assign({}, styles.buttonSecondary), { flexBasis: '400px', flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    },
+    checkoutConfirmation__proceed: {
+        classes: '',
+        props: { text: 'Add To Order' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: '400px', flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    }
+};
+export default checkoutConfirmation;

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

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