@open-tender/store
Version:
A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API
107 lines (106 loc) • 3.11 kB
JavaScript
import { __assign } from "tslib";
import styles from '../styles';
import { theme } from '../utils';
var pointsRewards = {
pointsRewards: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 1,
// gap: theme.spacing.padding.medium,
overflow: 'hidden',
width: '100%'
}
},
pointsRewards__header: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexGrow: 0,
flexShrink: 0,
gap: theme.spacing.padding.small,
justifyContent: 'center',
textAlign: 'center'
}
},
pointsRewards__title: {
classes: '',
props: {
as: 'h2',
text: 'Reedem Your Points for Free Items'
},
style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xlarge })
},
pointsRewards__subtitle: {
classes: '',
props: {
as: 'p',
text: 'Tap on a reward to apply or remove.'
},
style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.small })
},
pointsRewards__subtitleApplied: {
classes: '',
props: {
as: 'p',
text: 'Tap on a reward to apply or remove.'
},
style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.small })
},
pointsRewards__items: {
classes: 'hide-scrollbar',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 1,
justifyContent: 'flex-start',
overflow: 'scroll',
paddingBottom: theme.spacing.padding.medium,
paddingTop: theme.spacing.padding.medium
}
},
pointsRewards__itemsContainer: {
classes: '',
props: {},
style: {
// alignItems: 'flex-start',
// flexDirection: 'row',
// flexGrow: 0,
// flexWrap: 'wrap',
// justifyContent: 'center'
alignItems: 'center',
justifyContent: 'center'
}
},
pointsRewards__item: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
padding: theme.spacing.padding.small,
width: 720
// width: '50%',
}
},
pointsRewards__footer: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexBasis: 200,
flexDirection: 'row',
flexGrow: 0,
flexShrink: 0,
justifyContent: 'center',
textAlign: 'center'
}
},
pointsRewards__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 pointsRewards;