@open-tender/store 0.1.9 → 0.1.280

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

@@ -1,7 +1,9 @@
-import { Order, OrderCart } from '../types';
+import { NegativeMoney, Order, OrderCart, Orders, RequestErrorAPI } from '@open-tender/types';
+export declare const emptyRefund: (error: RequestErrorAPI) => boolean;
 export declare const makeRefundCartLookup: (cart: OrderCart) => Record<string, unknown>;
 export declare const makeRefundLookup: (order: Order) => {
     cart: Record<string, unknown>;
+    gift_cards: Record<string, `${number}.${number}`>;
     surcharges: Record<string, `${number}.${number}`>;
     discounts: Record<string, `${number}.${number}`>;
     taxes: Record<string, `${number}.${number}`>;
@@ -9,9 +11,10 @@ export declare const makeRefundLookup: (order: Order) => {
     subtotal: `${number}.${number}`;
     gift_card: `${number}.${number}`;
     surcharge: `${number}.${number}`;
-    discount: `-${number}.${number}`;
+    discount: NegativeMoney;
     tax: `${number}.${number}`;
     tip: `${number}.${number}`;
     shipping: `${number}.${number}`;
     total: `${number}.${number}`;
 };
+export declare const makeNetOrder: (order: Order, refunds: Orders) => Order;

package/dist/cjs/utils/refunds.js

@@ -1,15 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeRefundLookup = exports.makeRefundCartLookup = void 0;
+exports.makeNetOrder = exports.makeRefundLookup = exports.makeRefundCartLookup = exports.emptyRefund = void 0;
 var tslib_1 = require("tslib");
+var emptyRefund = function (error) {
+    if (!error || !error.params)
+        return false;
+    return Object.values(error.params).includes('Nothing to refund');
+};
+exports.emptyRefund = emptyRefund;
 var makeRefundCartLookup = function (cart) {
     var lookup = {};
     cart.forEach(function (item) {
         var line_no = item.line_no, quantity = item.quantity, price_total = item.price_total, _a = item.groups, groups = _a === void 0 ? [] : _a;
+        if (!line_no)
+            return;
         lookup[line_no.toString()] = { quantity: quantity, price_total: price_total };
         groups.forEach(function (group) {
             return group.options.forEach(function (option) {
                 var line_no = option.line_no, quantity = option.quantity, price = option.price;
+                if (!line_no)
+                    return;
                 lookup[line_no] = { quantity: quantity, price: price };
             });
         });
@@ -17,6 +27,14 @@ var makeRefundCartLookup = function (cart) {
     return lookup;
 };
 exports.makeRefundCartLookup = makeRefundCartLookup;
+var makeGiftCardAmountsLookup = function (gift_cards) {
+    return gift_cards.reduce(function (obj, i) {
+        var _a;
+        if (!i.id)
+            return obj;
+        return tslib_1.__assign(tslib_1.__assign({}, obj), (_a = {}, _a[i.id] = i.amount, _a));
+    }, {});
+};
 var makeSurchargeAmountsLookup = function (surcharges) {
     return surcharges.reduce(function (obj, i) {
         var _a;
@@ -29,24 +47,24 @@ var makeDiscountsAmountsLookup = function (discounts) {
         return (tslib_1.__assign(tslib_1.__assign({}, obj), (_a = {}, _a[i.id] = i.amount, _a)));
     }, {});
 };
-var makeTaxesAmountsLookup = function (discounts) {
-    return discounts.reduce(function (obj, i) {
+var makeTaxesAmountsLookup = function (taxes) {
+    return taxes.reduce(function (obj, i) {
         var _a;
         return (tslib_1.__assign(tslib_1.__assign({}, obj), (_a = {}, _a[i.id] = i.amount, _a)));
     }, {});
 };
-var makeTendersAmountsLookup = function (discounts) {
-    return discounts.reduce(function (obj, i, idx) {
+var makeTendersAmountsLookup = function (tenders) {
+    return tenders.reduce(function (obj, i, idx) {
         var _a;
         return (tslib_1.__assign(tslib_1.__assign({}, obj), (_a = {}, _a[i.tender_index || idx] = i.amount, _a)));
     }, {});
 };
 var makeRefundLookup = function (order) {
-    var cart = order.cart, surcharges = order.surcharges, discounts = order.discounts, taxes = order.taxes, totals = order.totals, tenders = order.tenders;
+    var cart = order.cart, gift_cards = order.gift_cards, surcharges = order.surcharges, discounts = order.discounts, taxes = order.taxes, totals = order.totals, tenders = order.tenders;
     var subtotal = totals.subtotal, gift_card = totals.gift_card, surcharge = totals.surcharge, discount = totals.discount, tax = totals.tax, tip = totals.tip, shipping = totals.shipping, total = totals.total;
     return {
         cart: (0, exports.makeRefundCartLookup)(cart),
-        // gift_cards: makeAmountsLookup(gift_cards, 'code'),
+        gift_cards: gift_cards ? makeGiftCardAmountsLookup(gift_cards) : {},
         surcharges: makeSurchargeAmountsLookup(surcharges),
         discounts: makeDiscountsAmountsLookup(discounts),
         taxes: makeTaxesAmountsLookup(taxes),
@@ -62,11 +80,19 @@ var makeRefundLookup = function (order) {
     };
 };
 exports.makeRefundLookup = makeRefundLookup;
-// const adjustAmount = (amount: Money, refundAmount: Money) => {
-//   return (parseFloat(amount) + parseFloat(refundAmount)).toFixed(2)
-// }
-// export const adjustAmounts = (order, lookup, list, key = 'id') => {
-//   if (!order[list]) return order
+var adjustAmount = function (amount, refundAmount) {
+    return (parseFloat(amount) + parseFloat(refundAmount)).toFixed(2);
+};
+var adjustAmountNegative = function (amount, refundAmount) {
+    return (parseFloat(amount) + parseFloat(refundAmount)).toFixed(2);
+};
+// export const adjustAmounts = (
+//   order: Order,
+//   lookup: Record<string, Record<string, Money> | Record<string, unknown>>,
+//   list: 'gift_cards' | 'surcharges' | 'discounts' | 'taxes' | 'tenders',
+//   key: 'id' | 'code' = 'id'
+// ) => {
+//   if (!list || !order[list]) return order
 //   order[list].forEach(i => {
 //     const amount = lookup[list][i[key]]
 //     if (amount) i.amount = adjustAmount(i.amount, amount)
@@ -83,34 +109,75 @@ exports.makeRefundLookup = makeRefundLookup;
 //   'shipping',
 //   'total'
 // ]
-// export const makeNetOrder = (order: Order, refunds) => {
-//   if (!refunds || !refunds.length) return order
-//   let copy = JSON.parse(JSON.stringify(order))
-//   refunds.forEach(refund => {
-//     const lookup = makeRefundLookup(refund)
-//     copy.cart.forEach(i => {
-//       const item = lookup.cart[i.line_no]
-//       if (item) {
-//         i.quantity -= item.quantity
-//         i.price_total = adjustAmount(i.price_total, item.price_total)
-//       }
-//       if (i.quantity === 0) {
-//         i.groups.forEach(group =>
-//           group.options.forEach(option => {
-//             option.quantity = 0
-//             option.price_total = '0.00'
-//           })
-//         )
-//       }
-//     })
-//     copy = adjustAmounts(copy, lookup, 'gift_cards', 'code')
-//     copy = adjustAmounts(copy, lookup, 'surcharges')
-//     copy = adjustAmounts(copy, lookup, 'discounts')
-//     copy = adjustAmounts(copy, lookup, 'taxes')
-//     copy = adjustAmounts(copy, lookup, 'tenders', 'tender_index')
-//     amounts.forEach(i => {
-//       copy.totals[i] = adjustAmount(copy.totals[i], lookup[i])
-//     })
-//   })
-//   return copy
-// }
+var makeNetOrder = function (order, refunds) {
+    if (!refunds || !refunds.length)
+        return order;
+    var copy = JSON.parse(JSON.stringify(order));
+    refunds.forEach(function (refund) {
+        var _a;
+        var lookup = (0, exports.makeRefundLookup)(refund);
+        // adjust cart
+        copy.cart.forEach(function (i) {
+            if (!i.line_no)
+                return;
+            var item = lookup.cart[i.line_no];
+            if (item) {
+                i.quantity -= item.quantity;
+                i.price_total = adjustAmount(i.price_total, item.price_total);
+            }
+            if (i.quantity === 0 && i.groups) {
+                i.groups.forEach(function (group) {
+                    return group.options.forEach(function (option) {
+                        option.quantity = 0;
+                        option.price_total = '0.00';
+                    });
+                });
+            }
+        });
+        // adjust arrays
+        // copy = adjustAmounts(copy, lookup, 'gift_cards', 'code')
+        // copy = adjustAmounts(copy, lookup, 'surcharges')
+        // copy = adjustAmounts(copy, lookup, 'discounts')
+        // copy = adjustAmounts(copy, lookup, 'taxes')
+        // copy = adjustAmounts(copy, lookup, 'tenders', 'tender_index')
+        (_a = copy.gift_cards) === null || _a === void 0 ? void 0 : _a.forEach(function (i) {
+            var amount = i.id ? lookup.gift_cards[i.id] : null;
+            if (amount)
+                i.amount = adjustAmount(i.amount, amount);
+        });
+        copy.surcharges.forEach(function (i) {
+            var amount = lookup.surcharges[i.id];
+            if (amount)
+                i.amount = adjustAmount(i.amount, amount);
+        });
+        copy.discounts.forEach(function (i) {
+            var amount = lookup.discounts[i.id];
+            if (amount && i.amount)
+                i.amount = adjustAmount(i.amount, amount);
+        });
+        copy.taxes.forEach(function (i) {
+            var amount = lookup.taxes[i.id];
+            if (amount)
+                i.amount = adjustAmount(i.amount, amount);
+        });
+        copy.tenders.forEach(function (i, idx) {
+            var amount = lookup.tenders[i.tender_index || idx];
+            if (amount)
+                i.amount = adjustAmount(i.amount, amount);
+        });
+        // adjust totals
+        // amounts.forEach(i => {
+        //   copy.totals[i] = adjustAmount(copy.totals[i], lookup[i])
+        // })
+        copy.totals.subtotal = adjustAmount(copy.totals.subtotal, lookup.subtotal);
+        copy.totals.gift_card = adjustAmount(copy.totals.gift_card, lookup.gift_card);
+        copy.totals.surcharge = adjustAmount(copy.totals.surcharge, lookup.surcharge);
+        copy.totals.discount = adjustAmountNegative(copy.totals.discount, lookup.discount);
+        copy.totals.tax = adjustAmount(copy.totals.tax, lookup.tax);
+        copy.totals.tip = adjustAmount(copy.totals.tip, lookup.tip);
+        copy.totals.shipping = adjustAmount(copy.totals.shipping, lookup.shipping);
+        copy.totals.total = adjustAmount(copy.totals.total, lookup.total);
+    });
+    return copy;
+};
+exports.makeNetOrder = makeNetOrder;

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

@@ -1,2 +1,74 @@
-import { Theme } from '@emotion/react';
-export declare const theme: Theme;
+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

@@ -1,253 +1,77 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.theme = void 0;
-var react_device_detect_1 = require("react-device-detect");
-var layoutOptions = {
-    tablet: {
-        padding: '25px',
-        margin: '50px',
-        headerHeight: '64px',
-        footerHeight: '52px',
-        asideWidth: '420px',
-        sidebarWidth: '360px',
-        cardWidth: '480px',
-        bigButtonHeight: '80px',
-        gutter: '5px'
-    },
-    mobile: {
-        padding: '15px',
-        margin: '30px',
-        headerHeight: '56px',
-        footerHeight: '32px',
-        asideWidth: '320px',
-        sidebarWidth: '280px',
-        cardWidth: '360px',
-        bigButtonHeight: '70px',
-        gutter: '5px'
-    }
-};
-var fontSizesOptions = {
-    tablet: {
-        xxxsmall: '8px',
-        xxsmall: '10px',
-        xsmall: '12px',
-        small: '14px',
-        medium: '16px',
-        large: '20px',
-        xlarge: '24px',
-        xxlarge: '32px',
-        xxxlarge: '48px'
-    },
-    mobile: {
-        xxxsmall: '6px',
-        xxsmall: '8px',
-        xsmall: '10px',
-        small: '12px',
-        medium: '14px',
-        large: '16px',
-        xlarge: '20px',
-        xxlarge: '26px',
-        xxxlarge: '32px'
-    }
-};
-var radiusOptions = {
-    tablet: {
-        small: '3px',
-        medium: '6px',
-        large: '9px'
-    },
-    mobile: {
-        small: '2px',
-        medium: '4px',
-        large: '6px'
-    }
-};
-var buttonSizeOptions = {
-    tablet: {
-        link: {
-            fontSize: 'inherit',
-            padding: '0',
-            height: 'auto'
-        },
-        xsmall: {
-            fontSize: '12px',
-            padding: '6px',
-            height: 'auto'
-        },
-        small: {
-            fontSize: '14px',
-            padding: '9px 18px',
-            height: 'auto'
-        },
-        medium: {
-            fontSize: '14px',
-            padding: '13px 24px',
-            height: 'auto'
-        },
-        large: {
-            fontSize: '18px',
-            padding: '18px 24px',
-            height: 'auto'
-        },
-        xlarge: {
-            fontSize: '20px',
-            padding: '0 15px',
-            height: '80px'
-        },
-        tall: {
-            fontSize: '14px',
-            padding: '0 15px',
-            height: '60px'
-        }
-    },
-    mobile: {
-        link: {
-            fontSize: 'inherit',
-            padding: '0',
-            height: 'auto'
-        },
-        xsmall: {
-            fontSize: '10px',
-            padding: '4px',
-            height: 'auto'
-        },
-        small: {
-            fontSize: '12px',
-            padding: '6px 12px',
-            height: 'auto'
-        },
-        medium: {
-            fontSize: '14px',
-            padding: '8px 16px',
-            height: 'auto'
-        },
-        large: {
-            fontSize: '16px',
-            padding: '10px 20px',
-            height: 'auto'
-        },
-        xlarge: {
-            fontSize: '16px',
-            padding: '0 12px',
-            height: '64px'
-        },
-        tall: {
-            fontSize: '12px',
-            padding: '0 12px',
-            height: '48px'
-        }
-    }
-};
-var deviceType = react_device_detect_1.isMobileOnly ? 'mobile' : 'tablet';
-var layout = layoutOptions[deviceType];
-var fontSizes = fontSizesOptions[deviceType];
-var radius = radiusOptions[deviceType];
-var buttonSizes = buttonSizeOptions[deviceType];
 exports.theme = {
-    transition: 'all 0.15s ease',
-    disabled: '0.25',
-    arrowSize: '14px',
-    overlay: 'rgba(0, 0, 0, 0.8)',
-    strokeWidth: 1,
-    breakpoints: {
-        mobile: '768px'
-    },
-    layout: layout,
-    fontSizes: fontSizes,
-    radius: radius,
-    fonts: {
-        body: {
-            fontFamily: "'Inter', sans-serif",
-            fontWeight: '400',
-            fontStyle: 'normal',
-            lineHeight: '1.33333',
-            letterSpacing: '0.01em'
-        },
-        headings: {
-            fontFamily: "'Inter', sans-serif",
-            fontWeight: '500',
-            fontStyle: 'normal',
-            lineHeight: '1.0',
-            letterSpacing: '-0.013em'
-        },
-        mono: {
-            fontFamily: "'Akkurat Mono', monospace;",
-            fontWeight: '400',
-            fontStyle: 'normal',
-            lineHeight: '1.0',
-            letterSpacing: '0.04em'
-        }
-    },
     colors: {
-        text: {
-            primary: '#fafafb',
-            secondary: '#a9b0b7',
-            tertiary: '#5b6167' // secondary body
+        accent: {
+            primary: '#ddfa65',
+            secondary: '#E4E2DD'
         },
         background: {
-            primary: '#101114',
-            secondary: '#17191c',
-            tertiary: '#1c1e21' // modals
+            primary: '#fdfaf6',
+            secondary: '#F0EEEA',
+            tertiary: '#E4E2DD'
         },
         border: {
-            primary: '#22252a',
-            secondary: '#26282b',
-            tertiary: '#394047' // more pronounced
+            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)'
         },
-        link: {
-            primary: '#2bba3c',
-            secondary: '#1da1f2',
-            tertiary: '#a9b0b7' // gray
+        card: {
+            primary: '#ffffff'
         },
         error: {
-            primary: '#eb2d5a',
-            secondary: '#eb2d5a',
-            tertiary: '#430d15' // dark red
+            primary: '#A40303',
+            secondary: '#FECACA'
         },
         success: {
-            primary: '#2bba3c',
-            secondary: '#2bba3c',
-            tertiary: '#2bba3c' // green
+            primary: '#0C5844',
+            secondary: '#ADE0AC'
         },
-        alert: {
-            primary: '#f8e405',
-            secondary: '#5a5aff',
-            tertiary: '#5a5aff'
+        text: {
+            primary: '#191919',
+            secondary: '#191919'
         }
     },
-    buttons: {
-        colors: {
-            primary: {
-                color: '#fafafb',
-                bgColor: '#2bba3c',
-                borderColor: '#2bba3c' // green
-            },
-            secondary: {
-                color: '#fafafb',
-                bgColor: '#26282b',
-                borderColor: '#26282b' // gray
-            },
-            black: {
-                color: '#fafafb',
-                bgColor: '#101114',
-                borderColor: '#101114' // black
-            },
-            white: {
-                color: '#101114',
-                bgColor: '#fafafb',
-                borderColor: '#fafafb' // white
-            },
-            error: {
-                color: '#fafafb',
-                bgColor: '#eb2d5a',
-                borderColor: '#eb2d5a' // red
-            },
-            invisible: {
-                color: '#a9b0b7',
-                bgColor: 'transparent',
-                borderColor: 'transparent'
-            }
-        },
-        sizes: buttonSizes
+    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/app/hooks.d.ts

@@ -1,34 +1,35 @@
 import { TypedUseSelectorHook } from 'react-redux';
 import type { RootState } from './store';
-export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<import("redux").CombinedState<{
-    alerts: import("..").Alerts;
+export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
+    alerts: import("@open-tender/types").Alerts;
+    allergens: import("..").AllergensState;
     arrivals: import("..").ArrivalsState;
+    cartSummary: import("..").CartSummaryState;
     checkout: import("..").CheckoutState;
-    completedOrders: import("..").CompletedOrdersState;
     config: import("..").ConfigState;
+    customer: import("..").CustomerState;
+    customerIdentify: import("..").CustomerIdentifyState;
+    deals: import("..").DealsState;
     discounts: import("..").DiscountsState;
     errorAlerts: import("..").ErrorAlertsState;
-    kds: {
-        sidebar: boolean;
-        page: null;
-        view: null;
-        order: null;
-        businessDate: null;
-        alarm: boolean;
-    };
+    kds: import("..").KdsState;
+    kiosk: import("..").KioskState;
     menu: import("..").MenuState;
     menuPages: import("..").MenuPagesState;
     modal: import("..").ModalState;
-    notifications: import("..").Notifications;
+    notifications: import("@open-tender/types").Notifications;
     offlineAuths: import("..").OfflineAuthsState;
     order: import("..").OrderState;
-    orders: import("..").OrdersState;
     pos: import("..").PosState;
     punches: import("..").PunchesState;
     refund: import("..").RefundState;
+    sendReceipt: import("..").SendReceiptState;
     settings: import("..").SettingsState;
     sidebar: import("..").SidebarState;
     surcharges: import("..").SurchargesState;
     taxes: import("..").TaxesState;
-}>, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").Action<any>>;
+    idle: import("..").IdleState;
+    tags: import("..").TagsState;
+    revenueCenter: import("..").RevenueCenterState;
+}, undefined, import("redux").UnknownAction> & import("redux").Dispatch<import("redux").Action>;
 export declare const useAppSelector: TypedUseSelectorHook<RootState>;