@open-tender/store 1.0.36 → 1.1.1

package/dist/esm/utils/order.js

@@ -1,380 +0,0 @@
-import { __assign, __spreadArray } from "tslib";
-import { capitalize, convertStringToArray } from './helpers';
-export var orderTypeNamesMap = {
-    OLO: 'Regular',
-    CATERING: 'Catering',
-    MERCH: 'Merch'
-};
-export var normalizeOrderType = function (orderType) {
-    switch (orderType) {
-        case 'MAIN_MENU':
-            return 'OLO';
-        case 'ECOMMERCE':
-            return 'MERCH';
-        default:
-            return orderType;
-    }
-};
-export var serviceTypeNamesMap = {
-    WALKIN: 'Dine-In',
-    PICKUP: 'Pickup',
-    DELIVERY: 'Delivery',
-};
-export var tenderTypeNamesMap = {
-    CASH: 'Cash',
-    CREDIT: 'Credit',
-    HOUSE_ACCOUNT: 'House Account',
-    GIFT_CARD: 'Gift Card',
-    COMP: 'Comp'
-};
-export var makeTenderTypeName = function (tenderType) {
-    var name = tenderTypeNamesMap[tenderType];
-    return name || capitalize(tenderType.replace('_', ' '));
-};
-export var makeChannelName = function (channel) {
-    switch (channel.type) {
-        case 'ONLINE':
-            return 'Web';
-        case 'APP':
-            return 'App';
-        case 'PORTAL':
-            return channel.ext_name;
-        default:
-            return channel.type;
-    }
-};
-export var calcCashBack = function (tenders) {
-    if (!tenders || !tenders.length)
-        return '0.00';
-    return tenders
-        .filter(function (i) { return i.tender_type === 'CASH'; })
-        .reduce(function (t, i) { return (t += i.cash ? parseFloat(i.cash.cash_back) : 0.0); }, 0.0)
-        .toFixed(2);
-};
-export var findCreditCardToken = function (tenders) {
-    if (!tenders || !tenders.length)
-        return null;
-    var tender = tenders.find(function (i) { return i.tender_type === 'CREDIT'; });
-    return tender && tender.credit_card ? tender.credit_card.token : null;
-};
-var makeCartItemGroups = function (optionGroups, isEdit, soldOut) {
-    if (isEdit === void 0) { isEdit = false; }
-    if (soldOut === void 0) { soldOut = []; }
-    if (!optionGroups)
-        return [];
-    var groups = optionGroups.map(function (g) {
-        var options = g.option_items.map(function (o) {
-            var _a;
-            var isSoldOut = soldOut.includes(o.id);
-            var quantity = isSoldOut
-                ? 0
-                : o.opt_is_default && !isEdit
-                    ? o.min_quantity || 1
-                    : 0;
-            var cals = ((_a = o.nutritional_info) === null || _a === void 0 ? void 0 : _a.calories)
-                ? parseInt(o.nutritional_info.calories.toString())
-                : null;
-            var option = {
-                id: o.id,
-                name: o.name,
-                shortName: o.short_name,
-                color: o.color || null,
-                description: o.description,
-                imageUrl: o.small_image_url,
-                allergens: convertStringToArray(o.allergens),
-                tags: convertStringToArray(o.tags),
-                ingredients: o.ingredients,
-                nutritionalInfo: o.nutritional_info,
-                cals: cals,
-                price: parseFloat(o.price),
-                quantity: quantity,
-                isDefault: o.opt_is_default ? true : false,
-                increment: o.increment,
-                max: isSoldOut ? 0 : o.max_quantity,
-                min: o.min_quantity,
-                isSoldOut: isSoldOut,
-                points: o.points || 0,
-                totalPrice: 0.0,
-                totalPoints: 0.0,
-                totalCals: 0.0
-            };
-            return option;
-        });
-        var group = {
-            id: g.id,
-            name: g.name,
-            description: g.description,
-            imageUrl: g.small_image_url,
-            included: g.included_options,
-            max: g.max_options,
-            min: g.min_options,
-            isSize: !!g.is_size,
-            options: options,
-            quantity: options.reduce(function (t, o) { return (t += o.quantity); }, 0)
-        };
-        return group;
-    });
-    return groups;
-};
-export var calcPrices = function (item) {
-    var groups = item.groups.map(function (g) {
-        var groupQuantity = 0;
-        var options = g.options.map(function (o) {
-            var includedRemaining = Math.max(g.included - groupQuantity, 0);
-            var priceQuantity = Math.max(o.quantity - includedRemaining, 0);
-            var option = __assign(__assign({}, o), { totalPrice: priceQuantity * o.price, totalPoints: priceQuantity * o.points, totalCals: o.cals ? o.quantity * o.cals : 0 });
-            groupQuantity += o.quantity || 0;
-            return option;
-        });
-        return __assign(__assign({}, g), { quantity: groupQuantity, options: options });
-    });
-    var optionsPrice = groups.reduce(function (t, g) {
-        return t + g.options.reduce(function (ot, o) { return ot + o.totalPrice; }, 0.0);
-    }, 0.0);
-    var totalPrice = item.quantity * (item.price + optionsPrice);
-    var optionsPoints = groups.reduce(function (t, g) {
-        return t + g.options.reduce(function (ot, o) { return ot + o.totalPoints; }, 0);
-    }, 0.0);
-    var totalPoints = item.points
-        ? item.quantity * (item.points + optionsPoints)
-        : null;
-    var optionsCals = groups.reduce(function (t, g) {
-        return t + g.options.reduce(function (ot, o) { return ot + o.totalCals; }, 0);
-    }, 0.0);
-    var totalCals = item.cals || item.cals === 0
-        ? item.quantity * (item.cals + optionsCals)
-        : null;
-    return __assign(__assign({}, item), { groups: groups, totalPrice: totalPrice, totalPoints: totalPoints, totalCals: totalCals });
-};
-var nutritionKeys = [
-    'calories',
-    'cholesterol',
-    'dietary_fiber',
-    'protein',
-    'saturated_fat',
-    'sodium',
-    'sugars',
-    'total_carbs',
-    'total_fat',
-    'trans_fat'
-];
-export var calcNutrition = function (item) {
-    var nutritionalInfo = item.nutritionalInfo, groups = item.groups;
-    if (!nutritionalInfo)
-        return null;
-    var nutrition = __assign({}, nutritionalInfo);
-    var options = groups.reduce(function (arr, g) {
-        return __spreadArray(__spreadArray([], arr, true), g.options.filter(function (o) { return o.quantity > 0; }), true);
-    }, []);
-    options.forEach(function (o) {
-        nutritionKeys.forEach(function (key) {
-            var _a;
-            var optionVal = o.nutritionalInfo
-                ? o.nutritionalInfo[key] || 0
-                : 0;
-            optionVal =
-                typeof optionVal === 'string' ? parseInt(optionVal) : optionVal;
-            var itemVal = nutrition[key] || 0;
-            itemVal = typeof itemVal === 'string' ? parseInt(itemVal) : optionVal;
-            nutrition = __assign(__assign({}, nutrition), (_a = {}, _a[key] = itemVal + optionVal, _a));
-        });
-    });
-    return nutrition;
-};
-export var makeCartItem = function (item, isEdit, soldOut, simpleItem, hasPoints) {
-    if (isEdit === void 0) { isEdit = false; }
-    if (soldOut === void 0) { soldOut = []; }
-    if (hasPoints === void 0) { hasPoints = false; }
-    var groups = item.option_groups
-        ? makeCartItemGroups(item.option_groups, isEdit, soldOut)
-        : [];
-    var nutritional_info = item.nutritional_info;
-    var cals = (nutritional_info === null || nutritional_info === void 0 ? void 0 : nutritional_info.calories)
-        ? parseInt(nutritional_info.calories.toString())
-        : null;
-    var nutritionalInfo = (nutritional_info === null || nutritional_info === void 0 ? void 0 : nutritional_info.calories) ? nutritional_info : null;
-    var orderItem = {
-        id: item.id,
-        name: item.name,
-        shortName: item.short_name,
-        category: item.category_name,
-        description: item.description,
-        imageUrl: item.large_image_url,
-        slug: item.slug,
-        allergens: convertStringToArray(item.allergens),
-        tags: convertStringToArray(item.tags),
-        ingredients: item.ingredients,
-        nutritionalInfo: nutritionalInfo,
-        cals: cals,
-        groups: groups,
-        quantity: item.min_quantity || 1 * item.increment,
-        price: parseFloat(item.price),
-        increment: item.increment,
-        max: item.max_quantity,
-        min: item.min_quantity,
-        points: hasPoints ? item.points || null : null,
-        upsellItems: item.upsell_items || [],
-        similarItems: item.similar_items || [],
-        totalPrice: 0.0,
-        totalPoints: 0.0,
-        totalCals: 0.0
-    };
-    if (simpleItem) {
-        var cart_guest_id = simpleItem.cart_guest_id, customer_id = simpleItem.customer_id, made_for = simpleItem.made_for, notes = simpleItem.notes;
-        if (cart_guest_id)
-            orderItem.cart_guest_id = cart_guest_id;
-        if (customer_id)
-            orderItem.customer_id = customer_id;
-        if (made_for)
-            orderItem.madeFor = made_for;
-        if (notes)
-            orderItem.notes = notes;
-    }
-    var pricedItem = calcPrices(orderItem);
-    return pricedItem;
-};
-export var makeCartItemSignature = function (item, withNotes) {
-    if (withNotes === void 0) { withNotes = true; }
-    var optionIds = item.groups
-        .reduce(function (arr, group) {
-        var ids = group.options
-            .filter(function (o) { return o.quantity > 0; })
-            .reduce(function (optionsArr, o) {
-            var optionArr = new Array(o.quantity);
-            optionArr.fill(o.id);
-            return __spreadArray(__spreadArray([], optionsArr, true), optionArr, true);
-        }, []);
-        return __spreadArray(__spreadArray([], arr, true), ids, true);
-    }, [])
-        .sort(function (a, b) { return a - b; });
-    var itemIds = __spreadArray([item.id], optionIds, true).join('.');
-    return withNotes ? "".concat(itemIds, ".").concat(item.madeFor, ".").concat(item.notes) : itemIds;
-};
-var makeGroupsLookup = function (item) {
-    if (!item.groups)
-        return {};
-    return item.groups.reduce(function (grpObj, i) {
-        var options = i.options.reduce(function (optObj, o) {
-            optObj[o.id] = o;
-            return optObj;
-        }, {});
-        grpObj[i.id] = __assign(__assign({}, i), { options: options });
-        return grpObj;
-    }, {});
-};
-export var rehydrateCartItem = function (menuItem, simpleCartItem) {
-    var orderItem = makeCartItem(menuItem, true, [], simpleCartItem);
-    orderItem.quantity = simpleCartItem.quantity || 1;
-    if (simpleCartItem.groups && simpleCartItem.groups.length) {
-        var groupsLookup_1 = makeGroupsLookup(simpleCartItem);
-        orderItem.groups.forEach(function (group) {
-            var simpleGroup = groupsLookup_1[group.id];
-            if (simpleGroup) {
-                group.options.forEach(function (option) {
-                    var simpleOption = simpleGroup.options[option.id];
-                    option.quantity = simpleOption ? simpleOption.quantity : 0;
-                });
-            }
-        });
-    }
-    var pricedItem = calcPrices(orderItem);
-    return pricedItem;
-};
-export var addItem = function (cart, item) {
-    if (typeof item.index === 'undefined') {
-        var itemSignature_1 = makeCartItemSignature(item);
-        var itemSignatures = cart.map(function (i) { return (__assign({ signature: makeCartItemSignature(i) }, i)); });
-        var match = itemSignatures.find(function (i) { return i.signature === itemSignature_1; });
-        if (match && match.index) {
-            var quantity = item.quantity + match.quantity;
-            var newItem = __assign(__assign({}, item), { quantity: quantity });
-            var updated = calcPrices(newItem);
-            cart[match.index] = __assign(__assign({}, updated), { index: match.index });
-        }
-        else {
-            cart.push(__assign(__assign({}, item), { index: cart.length }));
-        }
-    }
-    else {
-        cart[item.index] = item;
-    }
-    var cartCounts = calcCartCounts(cart);
-    return { cart: cart, cartCounts: cartCounts };
-};
-var getItemRealIndex = function (cart, index) {
-    return cart.findIndex(function (item) { return item.index === index; });
-};
-export var removeItem = function (cart, index) {
-    var realIndex = getItemRealIndex(cart, index);
-    if (realIndex > -1) {
-        cart.splice(realIndex, 1);
-        cart = cart.map(function (i, _index) { return (__assign(__assign({}, i), { index: _index })); });
-    }
-    var cartCounts = calcCartCounts(cart);
-    return { cart: cart, cartCounts: cartCounts };
-};
-export var incrementItem = function (cart, index) {
-    var realIndex = getItemRealIndex(cart, index);
-    if (realIndex > -1) {
-        var item = cart[realIndex];
-        if (item.max === 0 || item.quantity < item.max) {
-            var newQuantity = item.quantity + item.increment;
-            newQuantity =
-                item.max === 0 ? newQuantity : Math.min(item.max, newQuantity);
-            var newItem = calcPrices(__assign(__assign({}, item), { quantity: newQuantity }));
-            cart[realIndex] = newItem;
-        }
-    }
-    var cartCounts = calcCartCounts(cart);
-    return { cart: cart, cartCounts: cartCounts };
-};
-export var decrementItem = function (cart, index) {
-    var realIndex = getItemRealIndex(cart, index);
-    if (realIndex > -1) {
-        var item = cart[realIndex];
-        var newQuantity = Math.max(item.quantity - item.increment, 0);
-        if (newQuantity === 0 || newQuantity < item.min) {
-            cart.splice(realIndex, 1);
-            cart = cart.map(function (i, _index) { return (__assign(__assign({}, i), { index: _index })); });
-        }
-        else {
-            var newItem = calcPrices(__assign(__assign({}, item), { quantity: newQuantity }));
-            cart[realIndex] = newItem;
-        }
-    }
-    var cartCounts = calcCartCounts(cart);
-    return { cart: cart, cartCounts: cartCounts };
-};
-export var makeSimpleCart = function (cart) {
-    var simpleCart = cart.map(function (i) {
-        var groups = i.groups.map(function (g) {
-            var options = g.options
-                .filter(function (o) { return o.quantity !== 0; })
-                .map(function (o) { return ({ id: o.id, quantity: o.quantity }); });
-            return { id: g.id, options: options };
-        });
-        return {
-            id: i.id,
-            quantity: i.quantity,
-            groups: groups,
-            made_for: i.madeFor || '',
-            notes: i.notes || ''
-        };
-    });
-    return simpleCart;
-};
-export var calcCartCounts = function (cart) {
-    return cart.reduce(function (obj, item) {
-        var _a;
-        var newCount = (obj[item.id] || 0) + item.quantity;
-        return __assign(__assign({}, obj), (_a = {}, _a[item.id] = newCount, _a));
-    }, {});
-};
-export var getItemOptions = function (item) {
-    if (!item.groups || !item.groups.length)
-        return [];
-    var options = item.groups
-        .map(function (group) { return group.options.filter(function (option) { return option.quantity > 0; }); })
-        .reduce(function (arr, i) { return __spreadArray(__spreadArray([], arr, true), i, true); }, []);
-    return options;
-};

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

@@ -1,2 +0,0 @@
-import { Theme } from '@emotion/react';
-export declare const theme: Theme;

package/dist/esm/utils/theme.js

@@ -1,250 +0,0 @@
-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', // headings
-            secondary: '#a9b0b7', // body
-            tertiary: '#5b6167' // secondary body
-        },
-        background: {
-            primary: '#101114', // main
-            secondary: '#17191c', // boxes
-            tertiary: '#1c1e21' // modals
-        },
-        border: {
-            primary: '#22252a', // subtle
-            secondary: '#26282b', // less subtle
-            tertiary: '#394047' // more pronounced
-        },
-        link: {
-            primary: '#2bba3c', // green
-            secondary: '#1da1f2', // blue
-            tertiary: '#a9b0b7' // gray
-        },
-        error: {
-            primary: '#eb2d5a', // red
-            secondary: '#eb2d5a', // red - TODO: replace
-            tertiary: '#430d15' // dark red
-        },
-        success: {
-            primary: '#2bba3c', // green
-            secondary: '#2bba3c', // green
-            tertiary: '#2bba3c' // green
-        },
-        alert: {
-            primary: '#f8e405', // yellow
-            secondary: '#5a5aff',
-            tertiary: '#5a5aff'
-        }
-    },
-    buttons: {
-        colors: {
-            primary: {
-                color: '#fafafb', // white
-                bgColor: '#2bba3c', // green
-                borderColor: '#2bba3c' // green
-            },
-            secondary: {
-                color: '#fafafb', // white
-                bgColor: '#26282b', // gray
-                borderColor: '#26282b' // gray
-            },
-            black: {
-                color: '#fafafb', // white
-                bgColor: '#101114', // black
-                borderColor: '#101114' // black
-            },
-            white: {
-                color: '#101114', // black
-                bgColor: '#fafafb', // white
-                borderColor: '#fafafb' // white
-            },
-            error: {
-                color: '#fafafb', // white
-                bgColor: '#eb2d5a', // red
-                borderColor: '#eb2d5a' // red
-            },
-            invisible: {
-                color: '#a9b0b7', // gray (secondary text)
-                bgColor: 'transparent',
-                borderColor: 'transparent'
-            }
-        },
-        sizes: buttonSizes
-    }
-};

package/dist/esm/utils/themeCloud.d.ts

@@ -1,8 +0,0 @@
-import { HEX, Rems, ThemeCloud } from '../types';
-export declare const hexToRgbA: (hex: HEX, opacity: string) => string | null;
-export declare const remsToPixels: (rems: string, ratio: number) => string;
-export declare const remsToNumber: (rems: Rems) => number;
-export declare const makeRatio: (width: number, height: number) => number;
-export declare const makeWidthRatio: (width: number) => number;
-export declare const makeHeightRatio: (height: number) => number;
-export declare const decorateTheme: (theme: ThemeCloud, ratio: number) => ThemeCloud;