@open-tender/store 1.1.1 → 1.1.2

package/dist/cjs/config/cartUpsellItem.js

@@ -0,0 +1,127 @@
+"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 cartUpsellItem = {
+    cartUpsellItem: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1
+        }
+    },
+    cartUpsellItem__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            justifyContent: 'space-between'
+        }
+    },
+    cartUpsellItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    cartUpsellItem__info: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cartUpsellItem__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            // flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    cartUpsellItem__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    cartUpsellItem__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    cartUpsellItem__price: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { flexGrow: 0, flexShrink: 0, fontSize: utils_1.theme.fontSizes.small })
+    },
+    cartUpsellItem__calories: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { flexGrow: 0, flexShrink: 0, fontSize: utils_1.theme.fontSizes.small })
+    },
+    cartUpsellItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'space-between',
+            paddingBottom: utils_1.theme.spacing.padding.small,
+            paddingTop: utils_1.theme.spacing.padding.small
+        }
+    },
+    cartUpsellItem__description: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xxsmall, flexBasis: 480, flexGrow: 1, flexShrink: 1, maxWidth: 480 })
+    },
+    cartUpsellItem__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    cartUpsellItem__footerButtons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 15,
+            justifyContent: 'flex-end'
+        }
+    },
+    cartUpsellItem__add: {
+        classes: '',
+        props: { text: 'Edit' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { fontSize: utils_1.theme.fontSizes.small, paddingBottom: 8, paddingTop: 8 })
+    }
+};
+exports.default = cartUpsellItem;

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

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

package/dist/cjs/config/cartUpsells.js

@@ -0,0 +1,103 @@
+"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 cartUpsells = {
+    cartUpsells: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.background.primary,
+            borderColor: utils_1.theme.colors.border.secondary,
+            borderStyle: 'solid',
+            borderBottomWidth: 0,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: utils_1.theme.spacing.borderWidth.medium,
+            flexGrow: 0,
+            flexShrink: 0,
+            overflow: 'hidden',
+            paddingBottom: utils_1.theme.spacing.padding.large,
+            paddingTop: utils_1.theme.spacing.padding.large
+        }
+    },
+    cartUpsells__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingBottom: utils_1.theme.spacing.padding.small,
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium,
+            textAlign: 'center'
+        }
+    },
+    cartUpsells__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'You Might Also Like'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.large })
+    },
+    cartUpsells__items: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            justifyContent: 'center',
+            overflow: 'scroll'
+        }
+    },
+    cartUpsells__itemsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 0,
+            // gap: theme.spacing.padding.medium,
+            justifyContent: 'flex-start',
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cartUpsells__item: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 320,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cartUpsells__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    cartUpsells__cancel: {
+        classes: '',
+        props: { text: 'Add To Order' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 400, flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    }
+};
+exports.default = cartUpsells;

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

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

package/dist/cjs/config/category.js

@@ -0,0 +1,102 @@
+"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 category = {
+    category: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'flex-start',
+            overflow: 'hidden',
+            paddingBottom: 100
+        }
+    },
+    category__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 'auto',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            marginTop: utils_1.theme.spacing.margin.medium,
+            marginBottom: utils_1.theme.spacing.margin.medium,
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    category__title: {
+        classes: '',
+        props: {
+            as: 'h1'
+        },
+        style: tslib_1.__assign({}, styles_1.default.textHeadline)
+    },
+    category__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: 20, marginTop: 5 })
+    },
+    category__content: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'scroll',
+            paddingLeft: 10,
+            paddingRight: 10
+        }
+    },
+    category__items: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            flexWrap: 'wrap',
+            justifyContent: 'flex-start',
+            paddingBottom: utils_1.theme.spacing.padding.medium
+        }
+    },
+    category__childHeader: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 'auto',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            marginTop: 20,
+            marginBottom: 15,
+            paddingLeft: 10,
+            paddingRight: 10
+        }
+    },
+    category__childTitle: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: 36 })
+    },
+    category__childSubtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: 16, marginTop: 5 })
+    }
+};
+exports.default = category;

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

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

package/dist/cjs/config/categoryItem.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var styles_1 = tslib_1.__importDefault(require("../styles"));
+var theme_1 = require("../utils/theme");
+var categoryItem = {
+    categoryItem: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '33.33333%',
+            padding: theme_1.theme.spacing.padding.small,
+            position: 'relative'
+        }
+    },
+    categoryItem__soldOut: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            zIndex: 3,
+            bottom: theme_1.theme.spacing.padding.small,
+            left: theme_1.theme.spacing.padding.small,
+            right: theme_1.theme.spacing.padding.small,
+            top: theme_1.theme.spacing.padding.small,
+            borderRadius: theme_1.theme.spacing.borderRadius.small,
+            alignItems: 'stretch',
+            overflow: 'hidden'
+        }
+    },
+    categoryItem__soldOutContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            justifyContent: 'center',
+            position: 'relative'
+        }
+    },
+    categoryItem__soldOutOverlay: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            zIndex: 2,
+            bottom: 0,
+            left: 0,
+            right: 0,
+            top: 0,
+            backgroundColor: '#000000',
+            opacity: 0.5
+        }
+    },
+    categoryItem__soldOutTitle: {
+        classes: '',
+        props: {
+            text: 'Out of Stock'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { color: theme_1.theme.colors.background.primary, fontSize: theme_1.theme.fontSizes.xlarge, position: 'relative', textTransform: 'uppercase', letterSpacing: 2, zIndex: 3 })
+    },
+    categoryItem__button: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme_1.theme.colors.card.primary,
+            borderRadius: theme_1.theme.spacing.borderRadius.small,
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            overflow: 'hidden',
+            boxShadow: theme_1.theme.colors.boxShadow.primary
+        }
+    },
+    categoryItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover'
+        }
+    },
+    categoryItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            paddingBottom: 15,
+            paddingLeft: 12,
+            paddingRight: 12,
+            paddingTop: 12,
+            textAlign: 'left'
+        }
+    },
+    categoryItem__title: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: theme_1.theme.fontSizes.medium })
+    },
+    categoryItem__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10,
+            marginTop: 8
+        }
+    },
+    categoryItem__price: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: theme_1.theme.fontSizes.xsmall, lineHeight: 1 })
+    },
+    categoryItem__calories: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: theme_1.theme.fontSizes.xsmall, lineHeight: 1 })
+    }
+};
+exports.default = categoryItem;

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

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

package/dist/cjs/config/categoryNav.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../utils");
+var categoryNav = {
+    categoryNav: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderBottomColor: utils_1.theme.colors.border.primary,
+            borderBottomWidth: 1,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0,
+            borderStyle: 'solid',
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            height: 60,
+            justifyContent: 'center',
+            overflow: 'hidden'
+        }
+    },
+    categoryNav__content: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            height: 60,
+            overflow: 'scroll'
+        }
+    },
+    categoryNav__categories: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 1,
+            paddingLeft: utils_1.theme.spacing.padding.medium
+        }
+    }
+};
+exports.default = categoryNav;

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

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

package/dist/cjs/config/categoryNavItem.js

@@ -0,0 +1,60 @@
+"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 categoryNavItem = {
+    categoryNavItem: {
+        classes: '',
+        props: {},
+        style: {
+            // alignItems: 'stretch',
+            flexShrink: 0,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    categoryNavItem__button: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.card.primary,
+            borderRadius: 10,
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            overflow: 'hidden',
+            boxShadow: utils_1.theme.colors.boxShadow.primary
+        }
+    },
+    categoryNavItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            display: 'none',
+            backgroundPosition: 'center',
+            backgroundSize: 'cover'
+        }
+    },
+    categoryNavItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            paddingBottom: 8,
+            paddingLeft: 12,
+            paddingRight: 12,
+            paddingTop: 8,
+            textAlign: 'center'
+        }
+    },
+    categoryNavItem__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: 20, lineHeight: 1 })
+    }
+};
+exports.default = categoryNavItem;

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

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

package/dist/cjs/config/categoryNavItemSelected.js

@@ -0,0 +1,58 @@
+"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 categoryNavItemSelected = {
+    categoryNavItem: {
+        classes: '',
+        props: {},
+        style: {
+            flexShrink: 0,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    categoryNavItem__button: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: '#ddfa65',
+            borderRadius: 10,
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            overflow: 'hidden'
+        }
+    },
+    categoryNavItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            display: 'none',
+            backgroundPosition: 'center',
+            backgroundSize: 'cover'
+        }
+    },
+    categoryNavItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            paddingBottom: 8,
+            paddingLeft: 12,
+            paddingRight: 12,
+            paddingTop: 8,
+            textAlign: 'center'
+        }
+    },
+    categoryNavItem__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: 20, lineHeight: 1 })
+    }
+};
+exports.default = categoryNavItemSelected;

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

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