@open-tender/store 1.1.1 → 1.1.3

package/dist/cjs/config/checkTotals.js

@@ -0,0 +1,81 @@
+"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 checkTotals = {
+    checkTotals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: utils_1.theme.spacing.padding.small
+        }
+    },
+    checkTotals__line: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between'
+        }
+    },
+    checkTotals__lineLabel: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    checkTotals__lineAmount: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.medium, textAlign: 'right' })
+    },
+    checkTotals__subline: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between'
+        }
+    },
+    checkTotals__sublineLabel: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xsmall })
+    },
+    checkTotals__sublineAmount: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xsmall, textAlign: 'right' })
+    },
+    checkTotals__total: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderColor: utils_1.theme.colors.border.primary,
+            borderStyle: 'solid',
+            borderBottomWidth: 0,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: utils_1.theme.spacing.borderWidth.medium,
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            paddingTop: 15
+            // backgroundColor: 'palegreen'
+        }
+    },
+    checkTotals__totalLabel: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    checkTotals__totalAmount: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium, textAlign: 'right' })
+    }
+};
+exports.default = checkTotals;

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

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

package/dist/cjs/config/checkout.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../utils");
+var checkout = {
+    checkout__cart: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'scroll',
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    checkout__totals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    checkout__totalsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: utils_1.theme.spacing.padding.large
+        }
+    }
+};
+exports.default = checkout;

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

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

package/dist/cjs/config/checkoutConfirmation.js

@@ -0,0 +1,110 @@
+"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 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: utils_1.theme.spacing.padding.large,
+            paddingRight: utils_1.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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.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: utils_1.theme.spacing.padding.large,
+            // flexGrow: 1,
+            justifyContent: 'space-between',
+            overflow: 'hidden',
+            padding: utils_1.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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { flexBasis: '400px', flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    },
+    checkoutConfirmation__proceed: {
+        classes: '',
+        props: { text: 'Add To Order' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: '400px', flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    }
+};
+exports.default = checkoutConfirmation;

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

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

package/dist/cjs/config/checkoutDetails.js

@@ -0,0 +1,285 @@
+"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 checkoutDetails = {
+    checkoutDetails: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            paddingBottom: 100,
+            paddingLeft: utils_1.theme.spacing.padding.large,
+            paddingRight: utils_1.theme.spacing.padding.large,
+            paddingTop: 100
+        }
+    },
+    checkoutDetails__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 100,
+            flexGrow: 0,
+            flexShrink: 1,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    checkoutDetails__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Complete Your Order'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.xxxlarge })
+    },
+    checkoutDetails__error: {
+        classes: '',
+        props: {},
+        style: {
+            fontSize: utils_1.theme.fontSizes.large,
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 5
+        }
+    },
+    checkoutDetails__signIn: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            marginBottom: utils_1.theme.spacing.padding.medium
+        }
+    },
+    checkoutDetails__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center'
+        }
+    },
+    checkoutDetails__form: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: utils_1.theme.spacing.padding.large,
+            width: 640
+        }
+    },
+    checkoutDetails__guest: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: utils_1.theme.spacing.padding.large,
+            gap: utils_1.theme.spacing.padding.small
+        }
+    },
+    checkoutDetails__guestHeader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between'
+        }
+    },
+    checkoutDetails__guestCustomer: {
+        classes: '',
+        props: {},
+        style: {
+            gap: 0
+        }
+    },
+    checkoutDetails__guestTitle: {
+        classes: '',
+        props: {
+            text: 'Enter info or sign in'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    checkoutDetails__guestSubtitle: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    checkoutDetails__guestContent: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'space-between'
+        }
+    },
+    checkoutDetails__prep: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: utils_1.theme.spacing.padding.large,
+            gap: utils_1.theme.spacing.padding.large
+        }
+    },
+    checkoutDetails__prepHeader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    checkoutDetails__prepTitle: {
+        classes: '',
+        props: {
+            text: 'Dine In or Take Out'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    checkoutDetails__prepContent: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.large
+        }
+    },
+    checkoutDetails__prepType: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.background.secondary,
+            borderRadius: utils_1.theme.spacing.borderRadius.medium,
+            display: 'flex',
+            flexBasis: 1,
+            flexDirection: 'column',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: utils_1.theme.spacing.padding.large,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    checkoutDetails__prepTypeSelected: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.accent.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.medium,
+            display: 'flex',
+            flexBasis: 1,
+            flexDirection: 'column',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: utils_1.theme.spacing.padding.large,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    checkoutDetails__prepTitleEatHere: {
+        classes: '',
+        props: {
+            text: 'Dine In'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
+    },
+    checkoutDetails__prepTitleTakeOut: {
+        classes: '',
+        props: {
+            text: 'Take Out'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
+    },
+    checkoutDetails__tip: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: utils_1.theme.spacing.padding.large,
+            gap: utils_1.theme.spacing.padding.large
+        }
+    },
+    checkoutDetails__tipHeader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    checkoutDetails__tipTitle: {
+        classes: '',
+        props: {
+            text: 'Tip'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    checkoutDetails__tipContent: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: utils_1.theme.spacing.padding.large
+        }
+    },
+    checkoutDetails__tipButtons: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.medium,
+            justifyContent: 'space-between'
+        }
+    },
+    checkoutDetails__tipButton: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { flexBasis: 1, flexGrow: 1, flexShrink: 1, paddingLeft: 5, paddingRight: 5, fontSize: utils_1.theme.fontSizes.small })
+    },
+    checkoutDetails__tipButtonSelected: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, flexGrow: 1, flexShrink: 1, paddingLeft: 5, paddingRight: 5, fontSize: utils_1.theme.fontSizes.small })
+    },
+    checkoutDetails__tipFooter: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    checkoutDetails__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 150,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    },
+    checkoutDetails__back: {
+        classes: '',
+        props: { text: 'Customize' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { flexBasis: '400px', flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    },
+    checkoutDetails__proceed: {
+        classes: '',
+        props: { text: 'Add To Order' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: '400px', flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    }
+};
+exports.default = checkoutDetails;

package/dist/cjs/config/checkoutPayment.d.ts

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

package/dist/cjs/config/checkoutPayment.js

@@ -0,0 +1,104 @@
+"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 checkoutPayment = {
+    checkoutPayment: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center',
+            overflow: 'hidden',
+            paddingBottom: 100,
+            paddingLeft: utils_1.theme.spacing.padding.large,
+            paddingRight: utils_1.theme.spacing.padding.large,
+            paddingTop: 100
+        }
+    },
+    checkoutPayment__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    checkoutPayment__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Follow Payment Prompts'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.xxxlarge })
+    },
+    checkoutPayment__subtitle: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Follow Payment Prompts'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.large, padding: utils_1.theme.spacing.padding.large })
+    },
+    checkoutPayment__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            overflow: 'hidden'
+        }
+    },
+    checkoutPayment__imageContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    checkoutPayment__image: {
+        classes: '',
+        props: {
+            src: 'https://io-opentender.s3.amazonaws.com/images/kiosk-with-payment-terminal.png',
+            alt: 'Payment Terminal'
+        },
+        style: {
+            width: 640
+        }
+    },
+    checkoutPayment__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    },
+    checkoutPayment__back: {
+        classes: '',
+        props: { text: 'Customize' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { flexBasis: '400px', flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    },
+    checkoutPayment__proceed: {
+        classes: '',
+        props: { text: 'Add To Order' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: '400px', flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    }
+};
+exports.default = checkoutPayment;

package/dist/cjs/config/checkoutPoints.d.ts

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