@open-tender/store 1.1.1 → 1.1.3

package/dist/esm/config/signIn.js

@@ -0,0 +1,63 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var signIn = {
+    signIn: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: 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: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xlarge })
+    },
+    signIn__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    signIn__customer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: theme.spacing.padding.medium,
+            justifyContent: 'center'
+        }
+    },
+    signIn__button: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonSecondary), { borderRadius: theme.spacing.borderRadius.medium, padding: 15 })
+    },
+    signIn__link: {
+        classes: '',
+        props: {
+            text: 'Sign out of your account.'
+        },
+        style: {
+            fontSize: theme.fontSizes.medium
+        }
+    }
+};
+export default signIn;

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

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

package/dist/esm/config/signInButton.js

@@ -0,0 +1,20 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+var signInButton = {
+    signInButton__signOut: {
+        classes: '',
+        props: { text: 'Sign Out' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 1, minHeight: 38, paddingBottom: 0, paddingTop: 0 })
+    },
+    signInButton__account: {
+        classes: '',
+        props: { text: 'Account' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 1, minHeight: 38, paddingBottom: 0, paddingTop: 0 })
+    },
+    signInButton__signIn: {
+        classes: '',
+        props: { text: 'Sign In' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 1, minHeight: 38, paddingBottom: 0, paddingTop: 0 })
+    }
+};
+export default signInButton;

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

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

package/dist/esm/config/signInCheckout.js

@@ -0,0 +1,21 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var signInCheckout = {
+    signInCheckout: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.medium,
+            justifyContent: 'center'
+        }
+    },
+    signInCheckout__button: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonSecondary), { borderRadius: theme.spacing.borderRadius.medium, padding: 10 })
+    }
+};
+export default signInCheckout;

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

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

package/dist/esm/config/signInOptions.js

@@ -0,0 +1,21 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var signInOptions = {
+    signInOptions__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    signInOptions__button: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonSecondary), { borderRadius: theme.spacing.borderRadius.medium, padding: 15 })
+    }
+};
+export default signInOptions;

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

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

package/dist/esm/config/signInPhone.js

@@ -0,0 +1,56 @@
+import { theme } from '../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: theme.spacing.padding.small
+        }
+    },
+    signInPhone__error: {
+        classes: '',
+        props: {},
+        style: {
+            paddingBottom: theme.spacing.padding.medium
+        }
+    },
+    signInPhone__input: {
+        classes: '',
+        props: {},
+        style: {
+            flexGrow: 1,
+            width: 400,
+            textAlign: 'center'
+        }
+    },
+    signInPhone__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    }
+};
+export default signInPhone;

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

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

package/dist/esm/config/signInQr.js

@@ -0,0 +1,62 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../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: theme.spacing.padding.small
+        }
+    },
+    signInQr__error: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: theme.spacing.padding.medium
+        }
+    },
+    signInQr__errorMessage: {
+        classes: '',
+        props: {},
+        style: {
+            fontSize: theme.fontSizes.xlarge
+        }
+    },
+    signInQr__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    signInQr__retry: {
+        classes: '',
+        props: { text: 'Try Again' },
+        style: __assign(__assign({}, styles.buttonPrimary), { borderRadius: 64, fontSize: theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 40, paddingRight: 40, paddingTop: 20 })
+    }
+};
+export default signInQr;

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

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

package/dist/esm/config/successMessage.js

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var successMessage = {
+    successMessage: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: 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: theme.colors.success.primary
+        }
+    },
+    successMessage__message: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.small, color: theme.colors.success.primary })
+    }
+};
+export default successMessage;

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

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

package/dist/esm/config/tag.js

@@ -0,0 +1,33 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var tag = {
+    tag: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: 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: __assign(__assign({}, styles.textHeading), { color: theme.colors.success.primary, fontSize: theme.fontSizes.xsmall })
+    }
+};
+export default tag;

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

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

package/dist/esm/config/textarea.js

@@ -0,0 +1,11 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var textarea = {
+    textarea: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { backgroundColor: 'transparent', borderColor: theme.colors.border.primary, borderRadius: theme.spacing.borderRadius.small, borderStyle: 'solid', borderWidth: theme.spacing.borderWidth.medium, color: theme.colors.text.primary, fontSize: theme.fontSizes.large, paddingBottom: theme.spacing.padding.small, paddingLeft: theme.spacing.padding.medium, paddingRight: theme.spacing.padding.medium, paddingTop: theme.spacing.padding.small })
+    }
+};
+export default textarea;

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

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

package/dist/esm/config/upsellItem.js

@@ -0,0 +1,127 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../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: 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: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    upsellItem__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    upsellItem__price: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { flexGrow: 0, flexShrink: 0, fontSize: theme.fontSizes.small })
+    },
+    upsellItem__calories: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { flexGrow: 0, flexShrink: 0, fontSize: theme.fontSizes.small })
+    },
+    upsellItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.small,
+            paddingTop: theme.spacing.padding.small
+        }
+    },
+    upsellItem__description: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: 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: __assign(__assign({}, styles.buttonPrimary), { fontSize: theme.fontSizes.small, paddingBottom: 8, paddingTop: 8 })
+    }
+};
+export default upsellItem;

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

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

package/dist/esm/config/upsells.js

@@ -0,0 +1,79 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var upsells = {
+    upsells: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.background.primary,
+            borderRadius: theme.spacing.borderRadius.medium,
+            boxShadow: theme.colors.boxShadow.primary,
+            // flexGrow: 1,
+            minWidth: 800,
+            overflow: 'hidden',
+            padding: 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: __assign(__assign({}, styles.textHeadline), { fontSize: 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: theme.spacing.padding.large,
+            justifyContent: 'center',
+            padding: 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: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 400, flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    }
+};
+export default upsells;

package/dist/esm/hooks/index.d.ts

@@ -1,9 +1,13 @@
 import useBarcode from './useBarcode';
 import useCardSwipe from './useCardSwipe';
+import useChipDNATender from './useChipDNATender';
+import useCustomerRewards from './useCustomerRewards';
 import useEmployee from './useEmployee';
 import useGiftCardBalance from './useGiftCardBalance';
 import { useKioskImageUrl } from './useKioskImageUrl';
+import useOrder from './useOrder';
+import useOrderValidate from './useOrderValidate';
 import usePrevious from './usePrevious';
 import usePunch from './usePunch';
 import useRefund from './useRefund';
-export { useBarcode, useCardSwipe, useEmployee, useGiftCardBalance, useKioskImageUrl, usePrevious, usePunch, useRefund };
+export { useBarcode, useCardSwipe, useChipDNATender, useCustomerRewards, useEmployee, useGiftCardBalance, useKioskImageUrl, useOrder, useOrderValidate, usePrevious, usePunch, useRefund };

package/dist/esm/hooks/index.js

@@ -1,9 +1,13 @@
 import useBarcode from './useBarcode';
 import useCardSwipe from './useCardSwipe';
+import useChipDNATender from './useChipDNATender';
+import useCustomerRewards from './useCustomerRewards';
 import useEmployee from './useEmployee';
 import useGiftCardBalance from './useGiftCardBalance';
 import { useKioskImageUrl } from './useKioskImageUrl';
+import useOrder from './useOrder';
+import useOrderValidate from './useOrderValidate';
 import usePrevious from './usePrevious';
 import usePunch from './usePunch';
 import useRefund from './useRefund';
-export { useBarcode, useCardSwipe, useEmployee, useGiftCardBalance, useKioskImageUrl, usePrevious, usePunch, useRefund };
+export { useBarcode, useCardSwipe, useChipDNATender, useCustomerRewards, useEmployee, useGiftCardBalance, useKioskImageUrl, useOrder, useOrderValidate, usePrevious, usePunch, useRefund };

package/dist/esm/hooks/useChipDNATender/index.d.ts

@@ -0,0 +1,2 @@
+import useChipDNATender from './useChipDNATender';
+export default useChipDNATender;

package/dist/esm/hooks/useChipDNATender/index.js

@@ -0,0 +1,2 @@
+import useChipDNATender from './useChipDNATender';
+export default useChipDNATender;

package/dist/esm/hooks/useChipDNATender/useChipDNATender.d.ts

@@ -0,0 +1,8 @@
+declare const useChipDNATender: (amount: string | null) => {
+    message: string;
+    success: string | null;
+    canceled: string | null;
+    error: string | null;
+    cancel: () => Promise<void>;
+};
+export default useChipDNATender;