@open-tender/store 1.1.0 → 1.1.2

package/dist/cjs/config/quantity.js

@@ -0,0 +1,42 @@
+"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 quantity = {
+    quantity: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'center'
+        }
+    },
+    quantity__decrease: {
+        classes: 'buttonPrimary',
+        props: { text: 'Decrease Quantity' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { borderRadius: 60, lineHeight: 0, padding: 4 })
+    },
+    quantity__increase: {
+        classes: 'buttonPrimary',
+        props: { text: 'Increase Quantity' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { borderRadius: 60, lineHeight: 0, padding: 4 })
+    },
+    quantity__countContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            justifyContent: 'center',
+            paddingLeft: 4,
+            paddingRight: 4
+        }
+    },
+    quantity__count: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
+    }
+};
+exports.default = quantity;

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

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

package/dist/cjs/config/reward.js

@@ -0,0 +1,88 @@
+"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 reward = {
+    reward: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            display: 'flex',
+            // flexBasis: 100,
+            flexGrow: 1,
+            flexShrink: 1,
+            height: 120,
+            textAlign: 'left'
+        }
+    },
+    reward__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            justifyContent: 'space-between',
+            overflow: 'hidden',
+            position: 'relative'
+        }
+    },
+    reward__applied: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            bottom: 10,
+            right: 10,
+            // top: 10,
+            zIndex: 2
+        }
+    },
+    reward__image: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: utils_1.theme.colors.background.tertiary,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexBasis: 120,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    reward__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'hidden',
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    reward__info: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: utils_1.theme.spacing.padding.small,
+            overflow: 'hidden'
+        }
+    },
+    reward__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium, flexGrow: 0, flexShrink: 0 })
+    },
+    reward__description: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xxsmall, flexGrow: 1, flexShrink: 1 })
+    }
+};
+exports.default = reward;

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

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

package/dist/cjs/config/rewards.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 rewards = {
+    rewards: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            // flexGrow: 1,
+            // gap: theme.spacing.padding.medium,
+            overflow: 'hidden',
+            width: '100%'
+        }
+    },
+    rewards__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: utils_1.theme.spacing.padding.small,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    rewards__title: {
+        classes: '',
+        props: {
+            as: 'h2',
+            text: 'Available Rewards'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xxlarge })
+    },
+    rewards__subtitle: {
+        classes: '',
+        props: {
+            as: 'p',
+            text: 'Tap on a reward to apply or remove.'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    rewards__items: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            justifyContent: 'flex-start',
+            overflow: 'scroll'
+            // padding: theme.spacing.padding.large
+        }
+    },
+    rewards__itemsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexWrap: 'wrap',
+            // gap: theme.spacing.padding.large,
+            justifyContent: 'flex-start',
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    rewards__item: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            width: '50%',
+            flexShrink: 0,
+            padding: utils_1.theme.spacing.padding.small
+            // flexBasis: 400,
+            // flexGrow: 1,
+            // flexShrink: 1
+        }
+    },
+    rewards__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    rewards__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 = rewards;

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

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

package/dist/cjs/config/signIn.js

@@ -0,0 +1,65 @@
+"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 signIn = {
+    signIn: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: utils_1.theme.spacing.padding.large,
+            minWidth: 360
+        }
+    },
+    signIn__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            textAlign: 'center'
+        }
+    },
+    signIn__title: {
+        classes: '',
+        props: {
+            text: 'Have an account? Sign in here.'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    signIn__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    signIn__customer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: utils_1.theme.spacing.padding.medium,
+            justifyContent: 'center'
+        }
+    },
+    signIn__button: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { borderRadius: utils_1.theme.spacing.borderRadius.medium, padding: 15 })
+    },
+    signIn__link: {
+        classes: '',
+        props: {
+            text: 'Sign out of your account.'
+        },
+        style: {
+            fontSize: utils_1.theme.fontSizes.medium
+        }
+    }
+};
+exports.default = signIn;

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

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

package/dist/cjs/config/signInButton.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var styles_1 = tslib_1.__importDefault(require("../styles"));
+var signInButton = {
+    signInButton__signOut: {
+        classes: '',
+        props: { text: 'Sign Out' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, minHeight: 38, paddingBottom: 0, paddingTop: 0 })
+    },
+    signInButton__account: {
+        classes: '',
+        props: { text: 'Account' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, minHeight: 38, paddingBottom: 0, paddingTop: 0 })
+    },
+    signInButton__signIn: {
+        classes: '',
+        props: { text: 'Sign In' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, minHeight: 38, paddingBottom: 0, paddingTop: 0 })
+    }
+};
+exports.default = signInButton;

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

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

package/dist/cjs/config/signInCheckout.js

@@ -0,0 +1,23 @@
+"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 signInCheckout = {
+    signInCheckout: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.medium,
+            justifyContent: 'center'
+        }
+    },
+    signInCheckout__button: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { borderRadius: utils_1.theme.spacing.borderRadius.medium, padding: 10 })
+    }
+};
+exports.default = signInCheckout;

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

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

package/dist/cjs/config/signInOptions.js

@@ -0,0 +1,23 @@
+"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 signInOptions = {
+    signInOptions__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    signInOptions__button: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { borderRadius: utils_1.theme.spacing.borderRadius.medium, padding: 15 })
+    }
+};
+exports.default = signInOptions;

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

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

package/dist/cjs/config/signInPhone.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../utils");
+var signInPhone = {
+    signInPhone: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    signInPhone__title: {
+        classes: '',
+        props: {
+            text: 'Sign into your account'
+        },
+        style: {}
+    },
+    signInPhone__subtitle: {
+        classes: '',
+        props: {
+            text: 'Please enter a 10 digit phone number.'
+        },
+        style: {}
+    },
+    signInPhone__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            paddingBottom: utils_1.theme.spacing.padding.small
+        }
+    },
+    signInPhone__error: {
+        classes: '',
+        props: {},
+        style: {
+            paddingBottom: utils_1.theme.spacing.padding.medium
+        }
+    },
+    signInPhone__input: {
+        classes: '',
+        props: {},
+        style: {
+            flexGrow: 1,
+            width: 400,
+            textAlign: 'center'
+        }
+    },
+    signInPhone__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    }
+};
+exports.default = signInPhone;

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

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

package/dist/cjs/config/signInQr.js

@@ -0,0 +1,64 @@
+"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 signInQr = {
+    signInQr: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    signInQr__title: {
+        classes: '',
+        props: {
+            text: 'Scan QR Code'
+        },
+        style: {}
+    },
+    signInQr__subtitle: {
+        classes: '',
+        props: {
+            text: 'Please find the QR scanner below and scan the QR code in your mobile app.'
+        },
+        style: {}
+    },
+    signInQr__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            paddingBottom: utils_1.theme.spacing.padding.small
+        }
+    },
+    signInQr__error: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: utils_1.theme.spacing.padding.medium
+        }
+    },
+    signInQr__errorMessage: {
+        classes: '',
+        props: {},
+        style: {
+            fontSize: utils_1.theme.fontSizes.xlarge
+        }
+    },
+    signInQr__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    signInQr__retry: {
+        classes: '',
+        props: { text: 'Try Again' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 40, paddingRight: 40, paddingTop: 20 })
+    }
+};
+exports.default = signInQr;

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

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

package/dist/cjs/config/successMessage.js

@@ -0,0 +1,36 @@
+"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 successMessage = {
+    successMessage: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.success.secondary,
+            borderRadius: 5,
+            flexDirection: 'row',
+            gap: 5,
+            justifyContent: 'center',
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 5
+        }
+    },
+    successMessage__icon: {
+        classes: '',
+        props: {},
+        style: {
+            color: utils_1.theme.colors.success.primary
+        }
+    },
+    successMessage__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.success.primary })
+    }
+};
+exports.default = successMessage;

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

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

package/dist/cjs/config/tag.js

@@ -0,0 +1,35 @@
+"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 tag = {
+    tag: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: utils_1.theme.colors.success.secondary,
+            borderRadius: 5,
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 5
+        }
+    },
+    tag__image: {
+        classes: '',
+        props: {},
+        style: {
+            width: 30,
+            height: 30
+        }
+    },
+    tag__name: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { color: utils_1.theme.colors.success.primary, fontSize: utils_1.theme.fontSizes.xsmall })
+    }
+};
+exports.default = tag;

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

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

package/dist/cjs/config/textarea.js

@@ -0,0 +1,13 @@
+"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 textarea = {
+    textarea: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { backgroundColor: 'transparent', borderColor: utils_1.theme.colors.border.primary, borderRadius: utils_1.theme.spacing.borderRadius.small, borderStyle: 'solid', borderWidth: utils_1.theme.spacing.borderWidth.medium, color: utils_1.theme.colors.text.primary, fontSize: utils_1.theme.fontSizes.large, paddingBottom: utils_1.theme.spacing.padding.small, paddingLeft: utils_1.theme.spacing.padding.medium, paddingRight: utils_1.theme.spacing.padding.medium, paddingTop: utils_1.theme.spacing.padding.small })
+    }
+};
+exports.default = textarea;

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

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