@open-tender/store 1.1.1 → 1.1.3

package/dist/esm/config/checkoutRewards.js

@@ -0,0 +1,203 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var checkoutRewards = {
+    checkoutRewards: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center',
+            overflow: 'hidden',
+            paddingBottom: theme.spacing.padding.large,
+            paddingLeft: theme.spacing.padding.large,
+            paddingRight: theme.spacing.padding.large,
+            paddingTop: theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 100,
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            maxHeight: 200,
+            textAlign: 'center'
+        }
+    },
+    checkoutRewards__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Apply Deals & Rewards'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxxlarge })
+    },
+    checkoutRewards__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'space-between',
+            overflow: 'hidden',
+            paddingBottom: theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__contentContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexGrow: 1,
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center'
+            // justifyContent: 'space-around'
+        }
+    },
+    checkoutRewards__rewards: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            gap: theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__form: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            width: 860,
+            padding: theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    checkoutRewards__detailsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__detailsGuest: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderColor: theme.colors.border.primary,
+            borderStyle: 'solid',
+            borderBottomWidth: theme.spacing.borderWidth.medium,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0,
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.large,
+            marginBottom: theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__detailsPrep: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between'
+        }
+    },
+    checkTotals__detailsText: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xlarge })
+    },
+    checkoutRewards__detailsIcon: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: theme.colors.accent.primary,
+            borderRadius: theme.spacing.borderRadius.small,
+            width: 80,
+            height: 80,
+            padding: 5
+        }
+    },
+    checkoutRewards__cart: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'scroll',
+            padding: theme.spacing.padding.medium
+        }
+    },
+    checkoutRewards__totals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    checkoutRewards__totalsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            flexBasis: 100,
+            flexGrow: 1,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center',
+            maxHeight: 200
+        }
+    },
+    checkoutRewards__back: {
+        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 })
+    },
+    checkoutRewards__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 checkoutRewards;

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

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

package/dist/esm/config/checkoutSummary.js

@@ -0,0 +1,192 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var checkoutSummary = {
+    checkoutSummary: {
+        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
+        }
+    },
+    checkoutSummary__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            gap: theme.spacing.padding.small,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    checkoutSummary__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Review & Pay'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxxlarge })
+    },
+    checkoutSummary__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.medium })
+    },
+    checkoutSummary__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            overflow: 'hidden'
+        }
+    },
+    checkoutSummary__form: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: theme.spacing.padding.large,
+            overflow: 'hidden',
+            width: 860,
+            padding: theme.spacing.padding.large
+        }
+    },
+    checkoutSummary__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    checkoutSummary__detailsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: theme.spacing.padding.large
+        }
+    },
+    checkoutSummary__detailsGuest: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderColor: theme.colors.border.primary,
+            borderStyle: 'solid',
+            borderBottomWidth: theme.spacing.borderWidth.medium,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0,
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.large,
+            marginBottom: theme.spacing.padding.large
+        }
+    },
+    checkoutSummary__detailsPrep: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between'
+        }
+    },
+    checkTotals__detailsText: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xlarge })
+    },
+    checkoutSummary__detailsIcon: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: theme.colors.accent.primary,
+            borderRadius: theme.spacing.borderRadius.small,
+            width: 90,
+            height: 90,
+            padding: 10
+        }
+    },
+    checkoutSummary__cart: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'scroll',
+            padding: theme.spacing.padding.medium
+        }
+    },
+    checkoutSummary__totals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    checkoutSummary__totalsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: theme.spacing.padding.large
+        }
+    },
+    checkoutSummary__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    },
+    checkoutSummary__back: {
+        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 })
+    },
+    checkoutSummary__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 checkoutSummary;

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

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

package/dist/esm/config/checkoutUpsells.js

@@ -0,0 +1,85 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var checkoutUpsells = {
+    checkoutUpsells: {
+        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
+        }
+    },
+    checkoutUpsells__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    checkoutUpsells__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'May We Suggest..'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxxlarge })
+    },
+    checkoutUpsells__content: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            justifyContent: 'center',
+            overflow: 'scroll'
+            // backgroundColor: 'pink'
+        }
+    },
+    checkoutUpsells__items: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center',
+            padding: theme.spacing.padding.large,
+            width: 800
+            // backgroundColor: 'palegreen'
+        }
+    },
+    checkoutUpsells__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    },
+    checkoutUpsells__proceed: {
+        classes: '',
+        props: { text: 'Continue to Checkout' },
+        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 checkoutUpsells;

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

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

package/dist/esm/config/discount.js

@@ -0,0 +1,70 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var discount = {
+    discount: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            borderRadius: theme.spacing.borderRadius.large,
+            flexGrow: 1,
+            width: '100%'
+        }
+    },
+    discount__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1
+        }
+    },
+    discount__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            position: 'relative'
+        }
+    },
+    discount__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundSize: 'cover'
+        }
+    },
+    discount__today: {
+        classes: '',
+        props: {
+            text: 'Today only!'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.small, backgroundColor: theme.colors.accent.primary, borderRadius: theme.spacing.borderRadius.xsmall, color: theme.colors.text.primary, paddingBottom: 5, paddingLeft: 10, paddingRight: 10, paddingTop: 5, position: 'absolute', right: 10, top: 10 })
+    },
+    discount__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: theme.spacing.padding.small,
+            padding: theme.spacing.padding.medium
+        }
+    },
+    discount__title: {
+        classes: '',
+        props: {
+            as: 'h3'
+        },
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    discount__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xsmall, lineHeight: 1 })
+    }
+};
+export default discount;

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

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

package/dist/esm/config/errorMessage.js

@@ -0,0 +1,35 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var errorMessage = {
+    errorMessage: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: theme.colors.error.secondary,
+            borderRadius: 5,
+            flexDirection: 'row',
+            gap: 5,
+            justifyContent: 'center',
+            paddingBottom: 8,
+            paddingLeft: 15,
+            paddingRight: 15,
+            paddingTop: 8,
+            textAlign: 'center'
+        }
+    },
+    errorMessage__icon: {
+        classes: '',
+        props: {},
+        style: {
+            color: theme.colors.error.primary
+        }
+    },
+    errorMessage__message: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.small, color: theme.colors.error.primary })
+    }
+};
+export default errorMessage;

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

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