@open-tender/store 1.1.1 → 1.1.2

package/dist/cjs/config/upsellItem.js

@@ -0,0 +1,129 @@
+"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 upsellItem = {
+    upsellItem: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    upsellItem__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            // gap: theme.spacing.padding.medium,
+            justifyContent: 'space-between'
+            // padding: theme.spacing.padding.medium
+        }
+    },
+    upsellItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    upsellItem__info: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    upsellItem__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    upsellItem__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    upsellItem__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    upsellItem__price: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { flexGrow: 0, flexShrink: 0, fontSize: utils_1.theme.fontSizes.small })
+    },
+    upsellItem__calories: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { flexGrow: 0, flexShrink: 0, fontSize: utils_1.theme.fontSizes.small })
+    },
+    upsellItem__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
+        }
+    },
+    upsellItem__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 })
+    },
+    upsellItem__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    upsellItem__footerButtons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 15,
+            justifyContent: 'flex-end'
+        }
+    },
+    upsellItem__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 = upsellItem;

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

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

package/dist/cjs/config/upsells.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 upsells = {
+    upsells: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.background.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.medium,
+            boxShadow: utils_1.theme.colors.boxShadow.primary,
+            // flexGrow: 1,
+            minWidth: 800,
+            overflow: 'hidden',
+            padding: utils_1.theme.spacing.padding.large
+        }
+    },
+    upsells__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    upsells__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.xxlarge })
+    },
+    upsells__items: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            justifyContent: 'center',
+            overflow: 'scroll'
+        }
+    },
+    upsells__itemsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center',
+            padding: utils_1.theme.spacing.padding.large
+        }
+    },
+    upsells__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    upsells__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 = upsells;

package/dist/cjs/index.d.ts

@@ -1,6 +1,7 @@
 import { appReducer } from './app/store';
+import tempConfig from './config';
 export * from './components';
 export * from './hooks';
 export * from './slices';
 export * from './utils';
-export { appReducer };
+export { appReducer, tempConfig };

package/dist/cjs/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.appReducer = void 0;
+exports.tempConfig = exports.appReducer = void 0;
 var tslib_1 = require("tslib");
 var store_1 = require("./app/store");
 Object.defineProperty(exports, "appReducer", { enumerable: true, get: function () { return store_1.appReducer; } });
+var config_1 = tslib_1.__importDefault(require("./config"));
+exports.tempConfig = config_1.default;
 tslib_1.__exportStar(require("./components"), exports);
 tslib_1.__exportStar(require("./hooks"), exports);
 tslib_1.__exportStar(require("./slices"), exports);

package/dist/cjs/styles/buttons.json

@@ -0,0 +1,27 @@
+{
+    "WebkitFontSmoothing": "antialiased",
+    "alignItems": "center",
+    "backgroundColor": "#ddfa65",
+    "borderColor": "#ddfa65",
+    "borderRadius": 40,
+    "borderStyle": "solid",
+    "borderWidth": 1,
+    "color": "#191919",
+    "display": "flex",
+    "flexDirection": "row",
+    "fontFamily": "'Neue Montreal', sans-serif",
+    "fontSize": 16,
+    "fontStyle": "normal",
+    "fontWeight": 500,
+    "gap": 8,
+    "justifyContent": "center",
+    "letterSpacing": 0,
+    "lineHeight": 1,
+    "paddingBottom": 10,
+    "paddingLeft": 22,
+    "paddingRight": 22,
+    "paddingTop": 10,
+    "textAlign": "center",
+    "textDecoration": "none",
+    "textTransform": "none"
+}

package/dist/cjs/styles/index.d.ts

@@ -0,0 +1,105 @@
+declare const styles: {
+    textBody: {
+        WebkitFontSmoothing: string;
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    textHeading: {
+        WebkitFontSmoothing: string;
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    textHeadline: {
+        WebkitFontSmoothing: string;
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    buttonPrimary: {
+        WebkitFontSmoothing: string;
+        alignItems: string;
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: number;
+        borderStyle: string;
+        borderWidth: number;
+        color: string;
+        display: string;
+        flexDirection: string;
+        fontFamily: string;
+        fontSize: number;
+        fontStyle: string;
+        fontWeight: number;
+        gap: number;
+        justifyContent: string;
+        letterSpacing: number;
+        lineHeight: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        textAlign: string;
+        textDecoration: string;
+        textTransform: string;
+    };
+    buttonSecondary: {
+        backgroundColor: string;
+        borderColor: string;
+        WebkitFontSmoothing: string;
+        alignItems: string;
+        borderRadius: number;
+        borderStyle: string;
+        borderWidth: number;
+        color: string;
+        display: string;
+        flexDirection: string;
+        fontFamily: string;
+        fontSize: number;
+        fontStyle: string;
+        fontWeight: number;
+        gap: number;
+        justifyContent: string;
+        letterSpacing: number;
+        lineHeight: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        textAlign: string;
+        textDecoration: string;
+        textTransform: string;
+    };
+    buttonDelete: {
+        backgroundColor: string;
+        borderColor: string;
+        WebkitFontSmoothing: string;
+        alignItems: string;
+        borderRadius: number;
+        borderStyle: string;
+        borderWidth: number;
+        color: string;
+        display: string;
+        flexDirection: string;
+        fontFamily: string;
+        fontSize: number;
+        fontStyle: string;
+        fontWeight: number;
+        gap: number;
+        justifyContent: string;
+        letterSpacing: number;
+        lineHeight: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        textAlign: string;
+        textDecoration: string;
+        textTransform: string;
+    };
+};
+export default styles;

package/dist/cjs/styles/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var utils_1 = require("../utils");
+var buttons_json_1 = tslib_1.__importDefault(require("./buttons.json"));
+var text_json_1 = tslib_1.__importDefault(require("./text.json"));
+var styles = tslib_1.__assign({ buttonPrimary: buttons_json_1.default, buttonSecondary: tslib_1.__assign(tslib_1.__assign({}, buttons_json_1.default), { backgroundColor: utils_1.theme.colors.background.tertiary, borderColor: utils_1.theme.colors.background.tertiary }), buttonDelete: tslib_1.__assign(tslib_1.__assign({}, buttons_json_1.default), { backgroundColor: utils_1.theme.colors.error.secondary, borderColor: utils_1.theme.colors.error.secondary }) }, text_json_1.default);
+exports.default = styles;

package/dist/cjs/styles/text.json

@@ -0,0 +1,23 @@
+{
+    "textBody": {
+        "WebkitFontSmoothing": "antialiased",
+        "fontFamily": "'Neue Montreal', sans-serif",
+        "fontSize": 16,
+        "fontWeight": 400,
+        "lineHeight": 1.3
+    },
+    "textHeading": {
+        "WebkitFontSmoothing": "antialiased",
+        "fontFamily": "'Neue Montreal', sans-serif",
+        "fontSize": 24,
+        "fontWeight": 500,
+        "lineHeight": 1.1
+    },
+    "textHeadline": {
+        "WebkitFontSmoothing": "antialiased",
+        "fontFamily": "'Neue Montreal', sans-serif",
+        "fontSize": 48,
+        "fontWeight": 500,
+        "lineHeight": 1.0
+    }
+}

package/dist/cjs/utils/index.d.ts

@@ -3,3 +3,4 @@ export * from './orders';
 export * from './pos';
 export * from './punches';
 export * from './refunds';
+export * from './theme';

package/dist/cjs/utils/index.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-// export * from './datetimes'
-// export * from './helpers'
 tslib_1.__exportStar(require("./menu"), exports);
 tslib_1.__exportStar(require("./orders"), exports);
 tslib_1.__exportStar(require("./pos"), exports);
 tslib_1.__exportStar(require("./punches"), exports);
 tslib_1.__exportStar(require("./refunds"), exports);
+tslib_1.__exportStar(require("./theme"), exports);

package/dist/cjs/utils/theme.d.ts

@@ -0,0 +1,74 @@
+export declare const theme: {
+    colors: {
+        accent: {
+            primary: string;
+            secondary: string;
+        };
+        background: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+        };
+        border: {
+            primary: string;
+            secondary: string;
+        };
+        boxShadow: {
+            primary: string;
+            secondary: string;
+        };
+        card: {
+            primary: string;
+        };
+        error: {
+            primary: string;
+            secondary: string;
+        };
+        success: {
+            primary: string;
+            secondary: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+    };
+    fontSizes: {
+        xxxlarge: number;
+        xxlarge: number;
+        xlarge: number;
+        large: number;
+        medium: number;
+        small: number;
+        xsmall: number;
+        xxsmall: number;
+        xxxsmall: number;
+    };
+    spacing: {
+        borderRadius: {
+            xsmall: number;
+            small: number;
+            medium: number;
+            large: number;
+            xlarge: number;
+        };
+        borderWidth: {
+            small: number;
+            medium: number;
+            large: number;
+        };
+        header: {
+            height: number;
+        };
+        margin: {
+            small: number;
+            medium: number;
+            large: number;
+        };
+        padding: {
+            small: number;
+            medium: number;
+            large: number;
+        };
+    };
+};

package/dist/cjs/utils/theme.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.theme = void 0;
+exports.theme = {
+    colors: {
+        accent: {
+            primary: '#ddfa65',
+            secondary: '#E4E2DD'
+        },
+        background: {
+            primary: '#fdfaf6',
+            secondary: '#F0EEEA',
+            tertiary: '#E4E2DD'
+        },
+        border: {
+            primary: '#191919',
+            secondary: '#cbcbcb'
+        },
+        boxShadow: {
+            primary: '0 1px 30px 0 rgba(0, 0, 0, 0.1)',
+            secondary: '0 0 100px 0 rgba(0, 0, 0, 0.95)'
+        },
+        card: {
+            primary: '#ffffff'
+        },
+        error: {
+            primary: '#A40303',
+            secondary: '#FECACA'
+        },
+        success: {
+            primary: '#0C5844',
+            secondary: '#ADE0AC'
+        },
+        text: {
+            primary: '#191919',
+            secondary: '#191919'
+        }
+    },
+    fontSizes: {
+        xxxlarge: 64,
+        xxlarge: 48,
+        xlarge: 36,
+        large: 28,
+        medium: 24,
+        small: 20,
+        xsmall: 18,
+        xxsmall: 16,
+        xxxsmall: 14
+    },
+    spacing: {
+        borderRadius: {
+            xsmall: 5,
+            small: 10,
+            medium: 15,
+            large: 20,
+            xlarge: 25
+        },
+        borderWidth: {
+            small: 0.5,
+            medium: 1,
+            large: 2
+        },
+        header: {
+            height: 60
+        },
+        margin: {
+            small: 20,
+            medium: 40,
+            large: 60
+        },
+        padding: {
+            small: 10,
+            medium: 20,
+            large: 30
+        }
+    }
+};

package/dist/esm/config/account.d.ts

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

package/dist/esm/config/account.js

@@ -0,0 +1,99 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var account = {
+    account: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            overflow: 'hidden'
+            // paddingLeft: theme.spacing.padding.large,
+            // paddingRight: theme.spacing.padding.large
+        }
+    },
+    account__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center',
+            paddingTop: 100,
+            paddingBottom: 100,
+            textAlign: 'center'
+        }
+    },
+    account__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Welcome back!'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxxlarge })
+    },
+    account__buttons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    account__orderNow: {
+        classes: '',
+        props: { text: 'Order Now' },
+        style: __assign(__assign({}, styles.buttonPrimary), { 
+            // flexBasis: '400px',
+            flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    account__signOut: {
+        classes: '',
+        props: { text: 'Sign Out' },
+        style: __assign(__assign({}, styles.buttonSecondary), { 
+            // flexBasis: '400px',
+            flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    account__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: theme.spacing.margin.large,
+            justifyContent: 'flex-start',
+            overflow: 'scroll'
+        }
+    },
+    // account__form: {
+    //   classes: '',
+    //   props: {},
+    //   style: {
+    //     alignItems: 'stretch',
+    //     gap: theme.spacing.padding.large,
+    //     overflow: 'hidden',
+    //     width: 800
+    //   }
+    // },
+    account__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    }
+};
+export default account;

package/dist/esm/config/accountSection.d.ts

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