@open-tender/store 0.1.10 → 0.1.281

package/dist/cjs/config/checkoutRewards.js

@@ -0,0 +1,205 @@
+"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 checkoutRewards = {
+    checkoutRewards: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center',
+            overflow: 'hidden',
+            paddingBottom: utils_1.theme.spacing.padding.large,
+            paddingLeft: utils_1.theme.spacing.padding.large,
+            paddingRight: utils_1.theme.spacing.padding.large,
+            paddingTop: utils_1.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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.xxxlarge })
+    },
+    checkoutRewards__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'space-between',
+            overflow: 'hidden',
+            paddingBottom: utils_1.theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__contentContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexGrow: 1,
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center'
+            // justifyContent: 'space-around'
+        }
+    },
+    checkoutRewards__rewards: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__form: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            width: 860,
+            padding: utils_1.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: utils_1.theme.spacing.padding.large
+        }
+    },
+    checkoutRewards__detailsGuest: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderColor: utils_1.theme.colors.border.primary,
+            borderStyle: 'solid',
+            borderBottomWidth: utils_1.theme.spacing.borderWidth.medium,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0,
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingBottom: utils_1.theme.spacing.padding.large,
+            marginBottom: utils_1.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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    checkoutRewards__detailsIcon: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.accent.primary,
+            borderRadius: utils_1.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: utils_1.theme.spacing.padding.medium
+        }
+    },
+    checkoutRewards__totals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    checkoutRewards__totalsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: utils_1.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: 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 })
+    },
+    checkoutRewards__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 = checkoutRewards;

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

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

package/dist/cjs/config/checkoutSummary.js

@@ -0,0 +1,194 @@
+"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 checkoutSummary = {
+    checkoutSummary: {
+        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
+        }
+    },
+    checkoutSummary__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            gap: utils_1.theme.spacing.padding.small,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    checkoutSummary__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Review & Pay'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.xxxlarge })
+    },
+    checkoutSummary__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.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: utils_1.theme.spacing.padding.large,
+            overflow: 'hidden',
+            width: 860,
+            padding: utils_1.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: utils_1.theme.spacing.padding.large
+        }
+    },
+    checkoutSummary__detailsGuest: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderColor: utils_1.theme.colors.border.primary,
+            borderStyle: 'solid',
+            borderBottomWidth: utils_1.theme.spacing.borderWidth.medium,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0,
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingBottom: utils_1.theme.spacing.padding.large,
+            marginBottom: utils_1.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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    checkoutSummary__detailsIcon: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.accent.primary,
+            borderRadius: utils_1.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: utils_1.theme.spacing.padding.medium
+        }
+    },
+    checkoutSummary__totals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    checkoutSummary__totalsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            padding: utils_1.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: 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 })
+    },
+    checkoutSummary__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 = checkoutSummary;

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

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

package/dist/cjs/config/checkoutUpsells.js

@@ -0,0 +1,87 @@
+"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 checkoutUpsells = {
+    checkoutUpsells: {
+        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
+        }
+    },
+    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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.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: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center',
+            padding: utils_1.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: 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 = checkoutUpsells;

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

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

package/dist/cjs/config/discount.js

@@ -0,0 +1,72 @@
+"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 discount = {
+    discount: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            borderRadius: utils_1.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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.small, backgroundColor: utils_1.theme.colors.accent.primary, borderRadius: utils_1.theme.spacing.borderRadius.xsmall, color: utils_1.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: utils_1.theme.spacing.padding.small,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    discount__title: {
+        classes: '',
+        props: {
+            as: 'h3'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    discount__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xsmall, lineHeight: 1 })
+    }
+};
+exports.default = discount;

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

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

package/dist/cjs/config/errorMessage.js

@@ -0,0 +1,37 @@
+"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 errorMessage = {
+    errorMessage: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.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: utils_1.theme.colors.error.primary
+        }
+    },
+    errorMessage__message: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.small, color: utils_1.theme.colors.error.primary })
+    }
+};
+exports.default = errorMessage;

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

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