@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
388 lines (387 loc) • 11.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var styles_1 = tslib_1.__importDefault(require("../styles"));
var utils_1 = require("../utils");
var item = {
item: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
backgroundColor: utils_1.theme.colors.background.tertiary,
flexGrow: 1,
overflow: 'hidden',
padding: 30
}
},
item__container: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
backgroundColor: utils_1.theme.colors.background.primary,
borderRadius: utils_1.theme.spacing.borderRadius.medium,
flexGrow: 1,
overflow: 'hidden'
}
},
item__header: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 0,
flexShrink: 0
}
},
item__image: {
classes: '',
props: {},
style: {
aspectRatio: 1.6,
backgroundPosition: 'center',
backgroundSize: 'cover'
}
},
item__info: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 0,
flexShrink: 0,
padding: utils_1.theme.spacing.padding.medium
}
},
item__customizeHeader: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 0,
flexShrink: 0,
// paddingBottom: theme.spacing.padding.medium,
paddingTop: utils_1.theme.spacing.padding.medium
}
},
item__customizeTitle: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
paddingLeft: utils_1.theme.spacing.padding.medium,
paddingRight: utils_1.theme.spacing.padding.medium
}
},
item__selected: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
borderStyle: 'solid',
borderBottomColor: utils_1.theme.colors.border.primary,
borderBottomWidth: 1,
borderLeftWidth: 0,
borderRightWidth: 0,
borderTopWidth: 0
}
},
item__selectedHeader: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
justifyContent: 'space-between',
minHeight: 40,
paddingLeft: utils_1.theme.spacing.padding.medium,
paddingRight: utils_1.theme.spacing.padding.medium,
marginTop: utils_1.theme.spacing.padding.medium,
marginBottom: -10
}
},
item__selectedTitle: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium })
},
item__selectedOptions: {
classes: 'hide-scrollbar',
props: {},
style: {
alignItems: 'stretch',
flexDirection: 'row',
paddingBottom: utils_1.theme.spacing.padding.medium,
paddingLeft: 10,
paddingRight: 10,
paddingTop: utils_1.theme.spacing.padding.medium,
overflow: 'scroll'
}
},
item__selectedOption: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexBasis: '23%',
flexShrink: 0
}
},
item__selectedPlaceholder: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
height: 260,
padding: utils_1.theme.spacing.padding.small
}
},
item__selectedPlaceholderContainer: {
classes: '',
props: {},
style: {
alignItems: 'center',
backgroundColor: utils_1.theme.colors.card.primary,
borderRadius: utils_1.theme.spacing.borderRadius.small,
boxShadow: utils_1.theme.colors.boxShadow.primary,
flexGrow: 1,
justifyContent: 'center',
padding: utils_1.theme.spacing.padding.small,
textAlign: 'center'
}
},
item__selectedPlaceholderTitle: {
classes: '',
props: {
text: 'Nothing selected'
},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.small })
},
item__title: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
flexGrow: 0,
flexShrink: 0,
justifyContent: 'space-between'
}
},
item__name: {
classes: '',
props: {
as: 'h2'
},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xxlarge })
},
item__priceCals: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
gap: 15
}
},
item__price: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { flexGrow: 0, flexShrink: 0, fontSize: 28, lineHeight: 1 })
},
item__calories: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { flexGrow: 0, flexShrink: 0, fontSize: 28, lineHeight: 1 })
},
item__description: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: 20, lineHeight: 1.3, maxWidth: 640, marginTop: utils_1.theme.spacing.padding.medium })
},
item__extras: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
flexWrap: 'wrap',
gap: 10,
justifyContent: 'space-between',
marginTop: utils_1.theme.spacing.padding.medium
}
},
item__tagsAllergens: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
gap: 10
}
},
item__tags: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
gap: 10
}
},
item__allergens: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
gap: 10
}
},
item__links: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
gap: 15
}
},
item__toggles: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
padding: utils_1.theme.spacing.padding.medium,
paddingBottom: 0,
gap: 50
}
},
item__toggle: {
classes: '',
props: {},
style: {
alignItems: 'center',
borderStyle: 'solid',
borderBottomWidth: 1,
borderBottomColor: utils_1.theme.colors.border.primary,
borderLeftWidth: 0,
borderRightWidth: 0,
borderTopWidth: 1,
borderTopColor: utils_1.theme.colors.border.primary,
flexDirection: 'row',
flexGrow: 1,
flexBasis: 1,
justifyContent: 'space-between',
paddingBottom: 12,
paddingTop: 12
}
},
item__toggleLabel: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
},
item__quantity: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row'
}
},
item__decrease: {
classes: 'buttonPrimary',
props: { text: 'Decrease Quantity' },
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { height: 44, lineHeight: 0, padding: 0, width: 44 })
},
item__increase: {
classes: 'buttonPrimary',
props: { text: 'Increase Quantity' },
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { height: 44, lineHeight: 0, padding: 0, width: 44 })
},
item__countContainer: {
classes: '',
props: {},
style: {
alignItems: 'center',
justifyContent: 'center',
minWidth: 52,
paddingLeft: 4,
paddingRight: 4
}
},
item__count: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
},
item__content: {
classes: 'hide-scrollbar',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 1,
flexShrink: 1,
overflow: 'scroll'
}
},
item__groups: {
classes: '',
props: {},
style: {
alignItems: 'stretch'
}
},
item__groupsOption: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexBasis: '25%',
flexShrink: 0
}
},
item__footer: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 0,
flexShrink: 0,
padding: utils_1.theme.spacing.padding.medium
}
},
item__footerContainer: {
classes: '',
props: {},
style: {
flexDirection: 'row',
gap: utils_1.theme.spacing.padding.medium,
justifyContent: 'space-between'
}
},
item__add: {
classes: 'buttonPrimary',
props: { text: 'Add To Order' },
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
},
item__addDisabled: {
classes: 'buttonPrimary',
props: { text: 'Add To Order' },
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, opacity: 0.5, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
},
item__customize: {
classes: 'buttonPrimary',
props: { text: 'Customize' },
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
},
item__customizeRequired: {
classes: 'buttonPrimary',
props: { text: 'Customize' },
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonDelete), { borderColor: utils_1.theme.colors.error.primary, flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
}
};
exports.default = item;