@open-tender/store 0.1.9 → 0.1.280

package/dist/esm/config/nutritionalInfo.js

@@ -0,0 +1,65 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var nutritionalInfo = {
+    nutritionalInfo: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    nutritionalInfo__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.background.secondary,
+            borderRadius: theme.spacing.borderRadius.medium,
+            paddingBottom: theme.spacing.padding.small,
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium,
+            paddingTop: theme.spacing.padding.small,
+            width: '100%'
+        }
+    },
+    nutritionalInfo__line: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderStyle: 'solid',
+            borderBottomColor: theme.colors.border.primary,
+            borderBottomWidth: 1,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0,
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            paddingBottom: 15,
+            paddingTop: 15
+        }
+    },
+    nutritionalInfo__lineLast: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            paddingBottom: 15,
+            paddingTop: 15
+        }
+    },
+    nutritionalInfo__lineLabel: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.large })
+    },
+    nutritionalInfo__lineValue: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.large })
+    }
+};
+export default nutritionalInfo;

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

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

package/dist/esm/config/option.js

@@ -0,0 +1,29 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var option = {
+    option: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            width: '100%'
+        }
+    },
+    option__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.background.secondary,
+            borderRadius: theme.spacing.borderRadius.medium,
+            padding: theme.spacing.padding.medium
+        }
+    },
+    option__text: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.large })
+    }
+};
+export default option;

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

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

package/dist/esm/config/orderCard.js

@@ -0,0 +1,114 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var orderCard = {
+    orderCard: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1
+        }
+    },
+    orderCard__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            gap: theme.spacing.padding.large,
+            padding: theme.spacing.padding.medium
+        }
+    },
+    orderCard__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: 5
+        }
+    },
+    orderCard__orderNo: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxsmall, lineHeight: 1 })
+    },
+    orderCard__title: {
+        classes: '',
+        props: {
+            as: 'h3'
+        },
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    orderCard__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxsmall, lineHeight: 1 })
+    },
+    orderCard__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: 15,
+            overflow: 'hidden'
+        }
+    },
+    orderCard__itemNames: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxsmall })
+    },
+    orderCard__itemImages: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.small,
+            justifyContent: 'flex-start',
+            overflow: 'scroll'
+        }
+    },
+    orderCard__itemImage: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1,
+            borderRadius: theme.spacing.borderRadius.xsmall,
+            flexBasis: '25%',
+            flexGrow: 0,
+            flexShrink: 0,
+            backgroundSize: 'cover'
+        }
+    },
+    orderCard__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.medium,
+            justifyContent: 'space-between'
+        }
+    },
+    orderCard__reorder: {
+        classes: '',
+        props: { text: 'Reorder' },
+        style: __assign(__assign({}, styles.buttonPrimary), { fontSize: theme.fontSizes.small })
+    },
+    orderCard__details: {
+        classes: '',
+        props: { text: 'Details' },
+        style: __assign(__assign({}, styles.buttonSecondary), { fontSize: theme.fontSizes.small })
+    }
+};
+export default orderCard;

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

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

package/dist/esm/config/orderDetails.js

@@ -0,0 +1,104 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var orderDetails = {
+    orderDetails__totalsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            width: '100%'
+        }
+    },
+    orderDetails__orderNumber: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xsmall, textTransform: 'uppercase', textAlign: 'center' })
+    },
+    orderDetails__orderTitle: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxlarge, textAlign: 'center' })
+    },
+    orderDetails__buttonsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            width: '100%',
+            justifyContent: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.margin.small,
+            marginBottom: theme.spacing.margin.large
+        }
+    },
+    orderDetails__reorderButton: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonPrimary), { fontSize: theme.fontSizes.small })
+    },
+    orderDetails__rateOrderButton: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonSecondary), { fontSize: theme.fontSizes.small })
+    },
+    orderDetails__summary: {
+        classes: '',
+        props: {},
+        style: {
+            width: '100%',
+            alignItems: 'center',
+            marginBottom: theme.spacing.margin.large
+        }
+    },
+    orderDetails__summaryItem: {
+        classes: '',
+        props: {},
+        style: {
+            width: '100%',
+            flexDirection: 'row',
+            alignItems: 'center'
+        }
+    },
+    orderDetails__divider: {
+        classes: '',
+        props: {},
+        style: {
+            width: '100%',
+            height: 0.5,
+            backgroundColor: theme.colors.text.primary,
+            marginTop: theme.spacing.margin.small,
+            marginBottom: theme.spacing.margin.small
+        }
+    },
+    orderDetails__summaryLabel: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({ width: '35%' }, styles.textHeadline), { fontSize: theme.fontSizes.xxxsmall, textTransform: 'uppercase' })
+    },
+    orderDetails__summaryValuesContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexGrow: 1,
+            gap: 5
+        }
+    },
+    orderDetails__summaryValue: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxsmall })
+    },
+    orderDetails__itemsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            width: '100%',
+            gap: theme.spacing.margin.small
+        }
+    },
+    orderDetails__itemsTitle: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxxsmall, textTransform: 'uppercase' })
+    }
+};
+export default orderDetails;

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

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

package/dist/esm/config/orderDetailsItem.js

@@ -0,0 +1,62 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var orderDetailsItem = {
+    orderDetailsItem__container: {
+        classes: '',
+        props: {},
+        style: {
+            width: '100%',
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.small
+        }
+    },
+    orderDetailsItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexBasis: 60,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    orderDetailsItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.margin.large,
+            flexGrow: 1,
+            flexShrink: 1
+        }
+    },
+    orderDetailsItem__header: {
+        classes: '',
+        props: {},
+        style: {
+            gap: 5,
+            flexGrow: 1
+        }
+    },
+    orderDetailsItem__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxxsmall })
+    },
+    orderDetailsItem__description: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxxsmall })
+    },
+    orderDetailsItem__price: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxxsmall })
+    }
+};
+export default orderDetailsItem;

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

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

package/dist/esm/config/page.js

@@ -0,0 +1,77 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var page = {
+    page: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'hidden'
+        }
+    },
+    page__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginBottom: theme.spacing.margin.medium,
+            marginTop: theme.spacing.margin.medium,
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium,
+            paddingTop: theme.spacing.padding.large
+        }
+    },
+    page__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Welcome back!'
+        },
+        style: __assign({}, styles.textHeadline)
+    },
+    page__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            justifyContent: 'flex-start',
+            paddingBottom: theme.spacing.padding.large,
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium,
+            paddingTop: theme.spacing.padding.large,
+            overflow: 'scroll'
+        }
+    },
+    page__content__item: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '33.333%',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: theme.spacing.padding.small
+        }
+    },
+    page__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    }
+};
+export default page;

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

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

package/dist/esm/config/pointsReward.js

@@ -0,0 +1,168 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var pointsReward = {
+    pointsReward: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            display: 'flex',
+            flexGrow: 1,
+            flexShrink: 1,
+            textAlign: 'left'
+        }
+    },
+    pointsReward__disabled: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            display: 'flex',
+            flexGrow: 1,
+            flexShrink: 1,
+            opacity: 0.5,
+            textAlign: 'left'
+        }
+    },
+    pointsReward__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            justifyContent: 'space-between',
+            overflow: 'hidden',
+            position: 'relative'
+        }
+    },
+    pointsReward__applied: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            right: 10,
+            top: 10,
+            zIndex: 2
+        }
+    },
+    pointsReward__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundColor: theme.colors.background.tertiary,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexBasis: 160,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    pointsReward__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            // overflow: 'hidden',
+            padding: theme.spacing.padding.medium
+        }
+    },
+    pointsReward__info: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: theme.spacing.padding.small
+            // overflow: 'hidden'
+        }
+    },
+    pointsReward__infoHeader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between'
+        }
+    },
+    pointsReward__name: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    pointsReward__price: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.medium, minWidth: 80, textAlign: 'right' })
+    },
+    pointsReward__infoContent: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between'
+        }
+    },
+    pointsReward__pointsPer: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xsmall })
+    },
+    pointsReward__quantityPrice: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: theme.spacing.padding.small,
+            justifyContent: 'space-between'
+        }
+    },
+    pointsReward__quantityContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: theme.colors.text.primary,
+            borderRadius: 100,
+            flexBasis: 32,
+            justifyContent: 'center',
+            height: 32,
+            width: 32
+        }
+    },
+    pointsReward__quantity: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { color: theme.colors.background.primary, fontSize: theme.fontSizes.xsmall })
+    },
+    pointsReward__infoFooter: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between'
+        }
+    },
+    pointsReward__pointsApplied: {
+        classes: '',
+        props: {},
+        style: {
+            fontSize: theme.fontSizes.xsmall
+        }
+    },
+    pointsReward__pointsMessage: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xsmall })
+    }
+};
+export default pointsReward;

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

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