@open-tender/store 0.1.10 → 0.1.281

package/dist/esm/utils/refunds.js

@@ -1,18 +1,35 @@
 import { __assign } from "tslib";
+export var emptyRefund = function (error) {
+    if (!error || !error.params)
+        return false;
+    return Object.values(error.params).includes('Nothing to refund');
+};
 export 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 };
             });
         });
     });
     return lookup;
 };
+var makeGiftCardAmountsLookup = function (gift_cards) {
+    return gift_cards.reduce(function (obj, i) {
+        var _a;
+        if (!i.id)
+            return obj;
+        return __assign(__assign({}, obj), (_a = {}, _a[i.id] = i.amount, _a));
+    }, {});
+};
 var makeSurchargeAmountsLookup = function (surcharges) {
     return surcharges.reduce(function (obj, i) {
         var _a;
@@ -25,24 +42,24 @@ var makeDiscountsAmountsLookup = function (discounts) {
         return (__assign(__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 (__assign(__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 (__assign(__assign({}, obj), (_a = {}, _a[i.tender_index || idx] = i.amount, _a)));
     }, {});
 };
 export 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: makeRefundCartLookup(cart),
-        // gift_cards: makeAmountsLookup(gift_cards, 'code'),
+        gift_cards: gift_cards ? makeGiftCardAmountsLookup(gift_cards) : {},
         surcharges: makeSurchargeAmountsLookup(surcharges),
         discounts: makeDiscountsAmountsLookup(discounts),
         taxes: makeTaxesAmountsLookup(taxes),
@@ -57,11 +74,19 @@ export var makeRefundLookup = function (order) {
         total: total
     };
 };
-// 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)
@@ -78,34 +103,74 @@ export var makeRefundLookup = function (order) {
 //   '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
-// }
+export 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 = 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;
+};

package/dist/esm/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/esm/utils/theme.js

@@ -1,250 +1,74 @@
-import { isMobileOnly } from '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 = isMobileOnly ? 'mobile' : 'tablet';
-var layout = layoutOptions[deviceType];
-var fontSizes = fontSizesOptions[deviceType];
-var radius = radiusOptions[deviceType];
-var buttonSizes = buttonSizeOptions[deviceType];
 export var 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "0.1.10",
+  "version": "0.1.281",
   "description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -13,6 +13,7 @@
     "build:esm": "tsc",
     "build:cjs": "tsc --module commonjs --outDir dist/cjs",
     "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "lint:fix": "eslint . --fix",
     "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
   },
   "homepage": "https://github.com/open-tender/open-tender-store",
@@ -32,38 +33,43 @@
   "license": "MIT",
   "private": false,
   "devDependencies": {
-    "@babel/core": "^7.19.1",
-    "@emotion/react": "^11.10.4",
-    "@reduxjs/toolkit": "^1.8.5",
-    "@types/react": "^18.0.18",
-    "@types/react-dom": "^18.0.6",
-    "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
-    "@typescript-eslint/parser": "^5.36.2",
-    "date-fns": "^2.29.2",
-    "date-fns-tz": "^1.3.7",
-    "eslint": "^8.23.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.7",
+    "@babel/core": "^7.23.6",
+    "@emotion/react": "^11.11.1",
+    "@reduxjs/toolkit": "^2.0.1",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@types/uuid": "^9.0.7",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "date-fns": "2.30.0",
+    "date-fns-tz": "^2.0.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.7.1",
+    "prettier": "^3.1.1",
     "react": "^18.2.0",
-    "react-device-detect": "^2.2.2",
+    "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
-    "react-redux": "^8.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.8.2",
-    "uuid": "^9.0.0"
+    "react-fast-compare": "^3.2.2",
+    "react-redux": "^9.0.4",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3",
+    "uuid": "^9.0.1"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.10.4",
-    "@reduxjs/toolkit": "^1.8.5",
-    "date-fns": "^2.29.2",
-    "date-fns-tz": "^1.3.7",
+    "@emotion/react": "^11.11.1",
+    "@open-tender/types": "^0.4.172",
+    "@open-tender/ui": "^0.4.52",
+    "@open-tender/utils": "^0.5.59",
+    "@reduxjs/toolkit": "^2.0.1",
+    "date-fns": "2.30.0",
+    "date-fns-tz": "^2.0.0",
     "react": "^18.2.0",
-    "react-device-detect": "^2.2.2",
+    "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
-    "uuid": "^9.0.0"
+    "uuid": "^9.0.1"
   }
 }