@open-tender/store 1.1.0 → 1.1.2

package/dist/cjs/app/hooks.d.ts

@@ -1,7 +1,7 @@
 import { TypedUseSelectorHook } from 'react-redux';
 import type { RootState } from './store';
 export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
-    alerts: import("../types").Alerts;
+    alerts: import("@open-tender/types").Alerts;
     arrivals: import("..").ArrivalsState;
     cartSummary: import("..").CartSummaryState;
     checkout: import("..").CheckoutState;
@@ -16,7 +16,7 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     menu: import("..").MenuState;
     menuPages: import("..").MenuPagesState;
     modal: import("..").ModalState;
-    notifications: import("../types").Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("..").OfflineAuthsState;
     order: import("..").OrderState;
     pos: import("..").PosState;

package/dist/cjs/app/store.d.ts

@@ -1,6 +1,6 @@
 import { Action, ThunkAction } from '@reduxjs/toolkit';
 export declare const appReducer: import("redux").Reducer<{
-    alerts: import("../types").Alerts;
+    alerts: import("@open-tender/types").Alerts;
     arrivals: import("../slices").ArrivalsState;
     cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
@@ -15,7 +15,7 @@ export declare const appReducer: import("redux").Reducer<{
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: import("../types").Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
     pos: import("../slices").PosState;
@@ -26,7 +26,7 @@ export declare const appReducer: import("redux").Reducer<{
     surcharges: import("../slices").SurchargesState;
     taxes: import("../slices").TaxesState;
 }, import("redux").UnknownAction, Partial<{
-    alerts: import("../types").Alerts | undefined;
+    alerts: import("@open-tender/types").Alerts | undefined;
     arrivals: import("../slices").ArrivalsState | undefined;
     cartSummary: import("../slices").CartSummaryState | undefined;
     checkout: import("../slices").CheckoutState | undefined;
@@ -41,7 +41,7 @@ export declare const appReducer: import("redux").Reducer<{
     menu: import("../slices").MenuState | undefined;
     menuPages: import("../slices").MenuPagesState | undefined;
     modal: import("../slices").ModalState | undefined;
-    notifications: import("../types").Notifications | undefined;
+    notifications: import("@open-tender/types").Notifications | undefined;
     offlineAuths: import("../slices").OfflineAuthsState | undefined;
     order: import("../slices").OrderState | undefined;
     pos: import("../slices").PosState | undefined;
@@ -54,7 +54,7 @@ export declare const appReducer: import("redux").Reducer<{
 }>>;
 export type AppState = ReturnType<typeof appReducer>;
 declare const store: import("@reduxjs/toolkit").EnhancedStore<{
-    alerts: import("../types").Alerts;
+    alerts: import("@open-tender/types").Alerts;
     arrivals: import("../slices").ArrivalsState;
     cartSummary: import("../slices").CartSummaryState;
     checkout: import("../slices").CheckoutState;
@@ -69,7 +69,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     menu: import("../slices").MenuState;
     menuPages: import("../slices").MenuPagesState;
     modal: import("../slices").ModalState;
-    notifications: import("../types").Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("../slices").OfflineAuthsState;
     order: import("../slices").OrderState;
     pos: import("../slices").PosState;
@@ -81,7 +81,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     taxes: import("../slices").TaxesState;
 }, Action, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
     dispatch: import("redux-thunk").ThunkDispatch<{
-        alerts: import("../types").Alerts;
+        alerts: import("@open-tender/types").Alerts;
         arrivals: import("../slices").ArrivalsState;
         cartSummary: import("../slices").CartSummaryState;
         checkout: import("../slices").CheckoutState;
@@ -96,7 +96,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
         menu: import("../slices").MenuState;
         menuPages: import("../slices").MenuPagesState;
         modal: import("../slices").ModalState;
-        notifications: import("../types").Notifications;
+        notifications: import("@open-tender/types").Notifications;
         offlineAuths: import("../slices").OfflineAuthsState;
         order: import("../slices").OrderState;
         pos: import("../slices").PosState;

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

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

package/dist/cjs/config/account.js

@@ -0,0 +1,101 @@
+"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 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: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center',
+            paddingTop: 100,
+            paddingBottom: 100,
+            textAlign: 'center'
+        }
+    },
+    account__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Welcome back!'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.xxxlarge })
+    },
+    account__buttons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    account__orderNow: {
+        classes: '',
+        props: { text: 'Order Now' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { 
+            // flexBasis: '400px',
+            flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    account__signOut: {
+        classes: '',
+        props: { text: 'Sign Out' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { 
+            // flexBasis: '400px',
+            flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    account__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: utils_1.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'
+        }
+    }
+};
+exports.default = account;

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

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

package/dist/cjs/config/accountSection.js

@@ -0,0 +1,76 @@
+"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 accountSection = {
+    accountSection: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: utils_1.theme.spacing.padding.large
+        }
+    },
+    accountSection__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: 5,
+            paddingLeft: utils_1.theme.spacing.padding.large,
+            paddingRight: utils_1.theme.spacing.padding.large
+        }
+    },
+    accountSection__title: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge, textAlign: 'center' })
+    },
+    accountSection__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.medium, textAlign: 'center' })
+    },
+    accountSection__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    accountSection__item: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '33.33333%',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: utils_1.theme.spacing.padding.small
+        }
+    },
+    accountSection__button: {
+        classes: '',
+        props: { text: 'See All' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { fontSize: utils_1.theme.fontSizes.small })
+    },
+    accountSection__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'center'
+        }
+    }
+};
+exports.default = accountSection;

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

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

package/dist/cjs/config/allergen.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 allergen = {
+    allergen: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: utils_1.theme.colors.error.secondary,
+            borderRadius: 5,
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 5
+        }
+    },
+    allergen__image: {
+        classes: '',
+        props: {},
+        style: {
+            width: 30,
+            height: 30
+        }
+    },
+    allergen__name: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: 18, color: utils_1.theme.colors.error.primary })
+    }
+};
+exports.default = allergen;

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

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

package/dist/cjs/config/applied.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 applied = {
+    applied: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.success.secondary,
+            borderRadius: 20,
+            flexDirection: 'row',
+            gap: 5,
+            justifyContent: 'center',
+            paddingBottom: 7,
+            paddingLeft: 15,
+            paddingRight: 20,
+            paddingTop: 7
+        }
+    },
+    applied__icon: {
+        classes: '',
+        props: {},
+        style: {
+            color: utils_1.theme.colors.success.primary
+        }
+    },
+    applied__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: 18, color: utils_1.theme.colors.success.primary })
+    }
+};
+exports.default = applied;

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

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

package/dist/cjs/config/buttonLink.js

@@ -0,0 +1,18 @@
+"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 buttonLink = {
+    buttonLink: {
+        classes: '',
+        props: {},
+        style: {}
+    },
+    buttonLink__text: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xxsmall, textDecoration: 'underline' })
+    }
+};
+exports.default = buttonLink;

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

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

package/dist/cjs/config/card.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../utils");
+var card = {
+    card: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.card.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.medium,
+            flexGrow: 1,
+            overflow: 'hidden',
+            boxShadow: utils_1.theme.colors.boxShadow.primary
+        }
+    },
+    cardSmall: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.card.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.small,
+            overflow: 'hidden',
+            boxShadow: utils_1.theme.colors.boxShadow.primary
+        }
+    },
+    cardLarge: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.card.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.large,
+            overflow: 'hidden',
+            boxShadow: utils_1.theme.colors.boxShadow.primary
+        }
+    }
+};
+exports.default = card;

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

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

package/dist/cjs/config/cart.js

@@ -0,0 +1,132 @@
+"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 cart = {
+    cart: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'hidden'
+        }
+    },
+    cart__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'hidden',
+            position: 'relative',
+            flexGrow: 1,
+            paddingTop: utils_1.theme.spacing.padding.medium,
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cart__overlay: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: utils_1.theme.colors.text.primary
+        }
+    },
+    cart__ticket: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.background.primary,
+            borderTopLeftRadius: utils_1.theme.spacing.borderRadius.large,
+            borderTopRightRadius: utils_1.theme.spacing.borderRadius.large,
+            boxShadow: utils_1.theme.colors.boxShadow.primary,
+            flexGrow: 1,
+            overflow: 'hidden',
+            position: 'relative',
+            zIndex: 2
+        }
+    },
+    cart__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.accent.primary,
+            display: 'flex',
+            flexBasis: 80,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cart__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    cart__total: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    cart__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'hidden'
+        }
+    },
+    cart__contentContainer: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'scroll',
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cart__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cart__footerContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.medium,
+            justifyContent: 'space-between'
+        }
+    },
+    cart__checkout: {
+        classes: '',
+        props: { text: 'Finish & Pay' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    },
+    cart__checkoutDisabled: {
+        classes: '',
+        props: { text: 'Finish & Pay' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, opacity: 0.5, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    },
+    cart__back: {
+        classes: 'buttonPrimary',
+        props: { text: 'Back To Menu' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    }
+};
+exports.default = cart;

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

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