@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
211 lines (210 loc) • 6.46 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 guest = {
guest: {
classes: 'hide-scrollbar',
props: {},
style: {
alignItems: 'stretch',
flexBasis: 'auto',
flexGrow: 1,
flexShrink: 1,
justifyContent: 'center',
backgroundImage: 'url(https://s3.amazonaws.com/betterboh/u/img/staging/2/1708230146_burger-with-cheeses--1600x2403.jpg)',
backgroundPositionY: 'bottom',
backgroundSize: 'cover'
}
},
guest__videoBackground: {
classes: 'object-cover',
props: {
src: 'https://res.cloudinary.com/dlpitjizv/video/upload/v1676582896/Beggars_Web_1728x940_Pizza_V2_2_MB_985d6b0daf.mp4',
alt: 'Checkmate Landing'
},
style: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
width: '100%',
height: '100%'
}
},
guest__header: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexBasis: 'auto',
flexGrow: 0,
flexShrink: 0,
justifyContent: 'center',
marginTop: 0
}
},
guest__logo: {
classes: '',
props: {
src: 'https://io-opentender.s3.amazonaws.com/logos/open-tender-logo-white.png',
alt: 'Checkmate Logo'
},
style: {
width: 480,
marginBottom: 100,
marginTop: 100
}
},
guest__buttons: {
classes: '',
props: {},
style: {
alignItems: 'center',
gap: 40
}
},
guest__content: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexBasis: 'auto',
flexGrow: 1,
flexShrink: 1,
gap: 100,
justifyContent: 'flex-end',
paddingBottom: 120
}
},
guest__orderNow: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { borderRadius: 64, fontSize: utils_1.theme.fontSizes.xxxlarge, paddingBottom: 24, paddingLeft: 0, paddingRight: 0, paddingTop: 24, width: 560 })
},
guest__signIn: {
classes: '',
props: {},
style: {
alignItems: 'center',
// flexDirection: 'row',
gap: utils_1.theme.spacing.padding.large,
justifyContent: 'center'
}
},
guest__signInContainer: {
classes: '',
props: {},
style: {
alignItems: 'center',
padding: utils_1.theme.spacing.padding.large,
minWidth: 360
}
},
guest__signInButton: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { backgroundColor: utils_1.theme.colors.background.primary, borderRadius: 64, fontSize: 32, justifyContent: 'center', paddingBottom: 24, paddingLeft: 32, paddingRight: 32, paddingTop: 24, width: 420 })
},
guest__customer: {
classes: '',
props: {},
style: {
alignItems: 'center',
backgroundColor: 'rgba(0, 0, 0, 0.5)',
boxShadow: utils_1.theme.colors.boxShadow.secondary,
flexGrow: 1,
gap: utils_1.theme.spacing.padding.medium,
justifyContent: 'center',
padding: utils_1.theme.spacing.padding.large
}
},
guest__customerName: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xxxlarge, color: utils_1.theme.colors.background.primary })
},
guest__customerSignOut: {
classes: '',
props: {},
style: {
fontSize: utils_1.theme.fontSizes.xlarge,
color: utils_1.theme.colors.background.primary
}
},
guest__footer: {
classes: 'hide-scrollbar',
props: {},
style: {
alignItems: 'stretch',
overflow: 'hidden',
justifyContent: 'flex-end',
minHeight: 560
}
},
guest__dealsHeader: {
classes: '',
props: {},
style: {
alignItems: 'flex-start',
paddingLeft: utils_1.theme.spacing.padding.large,
paddingRight: utils_1.theme.spacing.padding.large
}
},
guest__dealsTitle: {
classes: '',
props: {
as: 'h3',
text: "Today's Deals"
},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { color: utils_1.theme.colors.background.primary, fontSize: utils_1.theme.fontSizes.xxlarge, textShadow: '0 0 15px rgba(0, 0, 0, 0.5)' })
},
guest__dealsContent: {
classes: 'hide-scrollbar',
props: {},
style: {
alignItems: 'center',
justifyContent: 'center',
overflow: 'scroll'
}
},
guest__deals: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexDirection: 'row',
justifyContent: 'flex-start',
paddingBottom: utils_1.theme.spacing.padding.large,
paddingLeft: utils_1.theme.spacing.padding.large,
paddingTop: utils_1.theme.spacing.padding.large
}
},
guest__deal: {
classes: '',
props: {},
style: {
flexBasis: '45%',
flexGrow: 0,
flexShrink: 0,
paddingRight: utils_1.theme.spacing.padding.large
}
},
guest__dealContainer: {
classes: '',
props: {},
style: {
flexGrow: 1,
backgroundColor: utils_1.theme.colors.background.primary,
borderColor: utils_1.theme.colors.background.primary,
borderRadius: utils_1.theme.spacing.borderRadius.large,
borderStyle: 'solid',
borderWidth: utils_1.theme.spacing.borderWidth.large,
width: '100%',
overflow: 'hidden'
}
}
};
exports.default = guest;