@open-tender/store 1.1.1 → 1.1.3

package/dist/esm/hooks/useChipDNATender/useChipDNATender.js

@@ -0,0 +1,106 @@
+import { __awaiter, __generator } from "tslib";
+import { useEffect, useState } from 'react';
+import { handleRespError } from '@open-tender/utils';
+import { useAppDispatch, useAppSelector } from '../../app/hooks';
+import { completeChipDNA, selectApi, selectOrder } from '../../slices';
+import { processMessage } from './useChipDNATender.utils';
+// JC Amex card token: 440abfc9cc7518f1ad76e2be56f19fe4
+var useChipDNATender = function (amount) {
+    var dispatch = useAppDispatch();
+    var orderId = useAppSelector(selectOrder).orderId;
+    var api = useAppSelector(selectApi);
+    var _a = useState(false), reading = _a[0], setReading = _a[1];
+    var _b = useState('Pending...'), message = _b[0], setMessage = _b[1];
+    var _c = useState(null), success = _c[0], setSuccess = _c[1];
+    var _d = useState(null), canceled = _d[0], setCanceled = _d[1];
+    var _e = useState(null), error = _e[0], setError = _e[1];
+    useEffect(function () {
+        var readChipDNA = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var data, response, reader_1, card_token_1, card_msg_1, err_1, error_1, detail;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setReading(true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        if (!amount)
+                            return [2 /*return*/];
+                        data = { tender_type: 'CREDIT', amount: amount };
+                        if (!orderId)
+                            return [2 /*return*/];
+                        return [4 /*yield*/, api.postChipDNATender(orderId, data)];
+                    case 2:
+                        response = _a.sent();
+                        reader_1 = response.getReader();
+                        card_token_1 = null;
+                        card_msg_1 = null;
+                        reader_1.read().then(function processText(_a) {
+                            var done = _a.done, value = _a.value;
+                            // done - true if the stream has already given you all its data.
+                            // value - some data. Always undefined when done is true.
+                            if (done) {
+                                if (card_token_1 || card_msg_1 === 'Tender Created') {
+                                    setSuccess('Card authorized!');
+                                }
+                                else if (card_msg_1 === 'Transaction Declined') {
+                                    setError('Transaction DECLINED. Please try again.');
+                                }
+                                else if (card_msg_1 !== 'Transaction Canceled') {
+                                    setError('Card read error. Please try again.');
+                                }
+                                dispatch(completeChipDNA(card_token_1));
+                                return;
+                            }
+                            var _b = processMessage(value), msg = _b.msg, token = _b.token;
+                            if (msg)
+                                setMessage(msg);
+                            card_token_1 = token;
+                            card_msg_1 = msg;
+                            // console.log('card_msg', card_msg)
+                            // console.log('card_token', card_token)
+                            return reader_1.read().then(processText);
+                        });
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _a.sent();
+                        error_1 = handleRespError(err_1);
+                        detail = error_1.detail;
+                        setError(detail || 'Unknown payment error. Please contact support.');
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        if (!reading && amount && amount !== '0.00')
+            readChipDNA();
+    }, [api, dispatch, reading, orderId, amount]);
+    var cancel = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var err_2, detail;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, api.postChipDNACancel()];
+                case 1:
+                    _a.sent();
+                    setCanceled('EMV transaction canceled');
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_2 = _a.sent();
+                    detail = handleRespError(err_2).detail;
+                    setError(detail || 'Unknown cancellation error. Please contact support.');
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    return {
+        message: message,
+        success: success,
+        canceled: canceled,
+        error: error,
+        cancel: cancel
+    };
+};
+export default useChipDNATender;

package/dist/esm/hooks/useChipDNATender/useChipDNATender.utils.d.ts

@@ -0,0 +1,4 @@
+export declare const processMessage: (value?: BufferSource) => {
+    msg: string | null;
+    token: any;
+};

package/dist/esm/hooks/useChipDNATender/useChipDNATender.utils.js

@@ -0,0 +1,33 @@
+import { capitalize } from '@open-tender/utils';
+var makeMessage = function (event) {
+    if (!event)
+        return null;
+    return event
+        .replace('event: ', '')
+        .split('_')
+        .map(function (s) { return capitalize(s); })
+        .join(' ');
+};
+var parseToken = function (data) {
+    if (!data)
+        return null;
+    try {
+        var tender = JSON.parse(data.replace('data: ', ''));
+        var token = (tender.credit_card || {}).token;
+        return token || null;
+    }
+    catch (err) {
+        return null;
+    }
+};
+export var processMessage = function (value) {
+    var decoded = new TextDecoder('utf-8').decode(value);
+    var lines = decoded.split('\n');
+    var events = lines.filter(function (i) { return i.startsWith('event:'); });
+    var event = events[events.length - 1];
+    var msg = makeMessage(event);
+    var datas = lines.filter(function (i) { return i.startsWith('data:'); });
+    var data = datas[datas.length - 1];
+    var token = parseToken(data);
+    return { msg: msg, token: token };
+};

package/dist/esm/hooks/useCustomerRewards.d.ts

@@ -0,0 +1,14 @@
+import { CustomerIdentify, Discounts, OrderCart } from '@open-tender/types';
+declare const useCustomerRewards: () => {
+    customer: CustomerIdentify | null;
+    hasDeals: boolean;
+    hasRewards: boolean;
+    hasPoints: boolean;
+    deals: Discounts;
+    rewards: Discounts;
+    items: OrderCart;
+    points: number;
+    pointsApplied: number;
+    pointsRemaining: number;
+};
+export default useCustomerRewards;

package/dist/esm/hooks/useCustomerRewards.js

@@ -0,0 +1,43 @@
+import { __assign } from "tslib";
+import { useAppSelector } from '../app/hooks';
+import { selectCustomer, selectCustomerIdentified, selectPosCheckout } from '../slices';
+var useCustomerRewards = function () {
+    var customer = useAppSelector(selectCustomerIdentified);
+    var _a = useAppSelector(selectCustomer), rewards = _a.rewards, deals = _a.deals;
+    var _b = useAppSelector(selectPosCheckout) || {}, check = _b.check, _c = _b.points, checkPoints = _c === void 0 ? [] : _c;
+    var _d = (check || {}).cart, cart = _d === void 0 ? [] : _d;
+    if (!customer) {
+        return {
+            customer: null,
+            hasDeals: false,
+            hasRewards: false,
+            hasPoints: false,
+            deals: [],
+            rewards: [],
+            items: [],
+            points: 0,
+            pointsApplied: 0,
+            pointsRemaining: 0
+        };
+    }
+    // const rewards = customer.rewards
+    var points = parseInt(customer.points);
+    var items = cart
+        .map(function (i, index) { return (__assign(__assign({}, i), { points: i.points ? __assign(__assign({}, i.points), { index: index }) : null })); })
+        .filter(function (i) { return i.points && i.points.per < points; });
+    var pointsApplied = checkPoints.reduce(function (t, i) { return (t += i.points); }, 0);
+    var pointsRemaining = points - pointsApplied;
+    return {
+        customer: customer,
+        hasDeals: deals.length > 0,
+        hasRewards: rewards.length > 0,
+        hasPoints: items.length > 0,
+        deals: deals,
+        rewards: rewards,
+        items: items,
+        points: points,
+        pointsApplied: pointsApplied,
+        pointsRemaining: pointsRemaining
+    };
+};
+export default useCustomerRewards;

package/dist/esm/hooks/useOrder.d.ts

@@ -0,0 +1,24 @@
+import { Order } from '@open-tender/types';
+declare const useOrder: (order: Order, callback?: () => void) => {
+    isInPrepQueue: boolean;
+    isUpcoming: boolean;
+    itemImages: {
+        title: string;
+        imageUrl: string;
+    }[];
+    itemNames: string;
+    status: import("@open-tender/types").OrderStatus;
+    orderId: number | null;
+    orderPrep: import("@open-tender/types").OrderPrep | null;
+    orderType: import("@open-tender/types").OrderType;
+    orderTypeName: string | undefined;
+    reorder: () => void;
+    requestedAt: string;
+    revenueCenter: import("@open-tender/types").OrderRevenueCenter;
+    serviceType: import("@open-tender/types").ServiceType;
+    subtitle: string;
+    orderNo: string;
+    title: string;
+    total: `${number}.${number}`;
+};
+export default useOrder;

package/dist/esm/hooks/useOrder.js

@@ -0,0 +1,50 @@
+import { formatDollars, isoToDate, isoToDateStr, makeOrderTypeName, timezoneMap } from '@open-tender/utils';
+import { useAppDispatch } from '../app/hooks';
+import { setOrderServiceType } from '../slices';
+var useOrder = function (order, callback) {
+    var dispatch = useAppDispatch();
+    var orderId = order.order_id, status = order.status, serviceType = order.service_type, orderType = order.order_type, revenueCenter = order.revenue_center, requested_at = order.requested_at, timezone = order.timezone, cart = order.cart, totals = order.totals, orderPrep = order.order_prep;
+    var _a = (orderPrep || {}).is_in_prep_queue, isInPrepQueue = _a === void 0 ? false : _a;
+    var orderTypeName = makeOrderTypeName(orderType, serviceType);
+    var tz = timezoneMap[timezone];
+    var requestedAt = isoToDateStr(requested_at, tz, 'MMMM d, yyyy @ h:mma');
+    var isUpcoming = isoToDate(requested_at) > new Date();
+    var itemImages = cart
+        .map(function (i) {
+        return i.images
+            .filter(function (m) { return m.type === 'SMALL_IMAGE' && m.url; })
+            .map(function (image) { return ({ title: i.name, imageUrl: image.url }); });
+    })
+        .flat();
+    var itemNames = cart.map(function (i) { return i.name; }).join(', ');
+    var total = totals.total;
+    var orderNo = "Order #".concat(orderId);
+    var title = "".concat(orderTypeName, " from ").concat(revenueCenter.name);
+    var subtitle = "".concat(requestedAt, " | ").concat(formatDollars(total));
+    var reorder = function () {
+        // const { revenue_center_id: revenueCenterId } = revenueCenter
+        dispatch(setOrderServiceType({ orderType: 'OLO', serviceType: 'WALKIN' }));
+        if (callback)
+            callback();
+    };
+    return {
+        isInPrepQueue: isInPrepQueue,
+        isUpcoming: isUpcoming,
+        itemImages: itemImages,
+        itemNames: itemNames,
+        status: status,
+        orderId: orderId,
+        orderPrep: orderPrep,
+        orderType: orderType,
+        orderTypeName: orderTypeName,
+        reorder: reorder,
+        requestedAt: requestedAt,
+        revenueCenter: revenueCenter,
+        serviceType: serviceType,
+        subtitle: subtitle,
+        orderNo: orderNo,
+        title: title,
+        total: total
+    };
+};
+export default useOrder;

package/dist/esm/hooks/useOrderValidate.d.ts

@@ -0,0 +1,2 @@
+declare const useOrderValidate: () => void;
+export default useOrderValidate;

package/dist/esm/hooks/useOrderValidate.js

@@ -0,0 +1,20 @@
+import { __rest } from "tslib";
+import { useEffect } from 'react';
+import isEqual from 'react-fast-compare';
+import { prepareOrder, selectOrder, selectPosCheckout, validatePosOrder } from '../slices';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import usePrevious from './usePrevious';
+var useOrderValidate = function () {
+    var dispatch = useAppDispatch();
+    var checkout = useAppSelector(selectPosCheckout);
+    var order = useAppSelector(selectOrder);
+    var preparedOrder = prepareOrder(order, checkout);
+    var ordeCheckout = __rest(preparedOrder || {}, []);
+    var prevOrderCheckout = usePrevious(ordeCheckout);
+    useEffect(function () {
+        if (preparedOrder && !isEqual(prevOrderCheckout, ordeCheckout)) {
+            dispatch(validatePosOrder());
+        }
+    }, [dispatch, preparedOrder, prevOrderCheckout, ordeCheckout]);
+};
+export default useOrderValidate;

package/dist/esm/index.d.ts

@@ -1,6 +1,7 @@
 import { appReducer } from './app/store';
+import tempConfig from './config';
 export * from './components';
 export * from './hooks';
 export * from './slices';
 export * from './utils';
-export { appReducer };
+export { appReducer, tempConfig };

package/dist/esm/index.js

@@ -1,6 +1,7 @@
 import { appReducer } from './app/store';
+import tempConfig from './config';
 export * from './components';
 export * from './hooks';
 export * from './slices';
 export * from './utils';
-export { appReducer };
+export { appReducer, tempConfig };

package/dist/esm/styles/buttons.json

@@ -0,0 +1,27 @@
+{
+    "WebkitFontSmoothing": "antialiased",
+    "alignItems": "center",
+    "backgroundColor": "#ddfa65",
+    "borderColor": "#ddfa65",
+    "borderRadius": 40,
+    "borderStyle": "solid",
+    "borderWidth": 1,
+    "color": "#191919",
+    "display": "flex",
+    "flexDirection": "row",
+    "fontFamily": "'Neue Montreal', sans-serif",
+    "fontSize": 16,
+    "fontStyle": "normal",
+    "fontWeight": 500,
+    "gap": 8,
+    "justifyContent": "center",
+    "letterSpacing": 0,
+    "lineHeight": 1,
+    "paddingBottom": 10,
+    "paddingLeft": 22,
+    "paddingRight": 22,
+    "paddingTop": 10,
+    "textAlign": "center",
+    "textDecoration": "none",
+    "textTransform": "none"
+}

package/dist/esm/styles/index.d.ts

@@ -0,0 +1,105 @@
+declare const styles: {
+    textBody: {
+        WebkitFontSmoothing: string;
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    textHeading: {
+        WebkitFontSmoothing: string;
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    textHeadline: {
+        WebkitFontSmoothing: string;
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    buttonPrimary: {
+        WebkitFontSmoothing: string;
+        alignItems: string;
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: number;
+        borderStyle: string;
+        borderWidth: number;
+        color: string;
+        display: string;
+        flexDirection: string;
+        fontFamily: string;
+        fontSize: number;
+        fontStyle: string;
+        fontWeight: number;
+        gap: number;
+        justifyContent: string;
+        letterSpacing: number;
+        lineHeight: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        textAlign: string;
+        textDecoration: string;
+        textTransform: string;
+    };
+    buttonSecondary: {
+        backgroundColor: string;
+        borderColor: string;
+        WebkitFontSmoothing: string;
+        alignItems: string;
+        borderRadius: number;
+        borderStyle: string;
+        borderWidth: number;
+        color: string;
+        display: string;
+        flexDirection: string;
+        fontFamily: string;
+        fontSize: number;
+        fontStyle: string;
+        fontWeight: number;
+        gap: number;
+        justifyContent: string;
+        letterSpacing: number;
+        lineHeight: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        textAlign: string;
+        textDecoration: string;
+        textTransform: string;
+    };
+    buttonDelete: {
+        backgroundColor: string;
+        borderColor: string;
+        WebkitFontSmoothing: string;
+        alignItems: string;
+        borderRadius: number;
+        borderStyle: string;
+        borderWidth: number;
+        color: string;
+        display: string;
+        flexDirection: string;
+        fontFamily: string;
+        fontSize: number;
+        fontStyle: string;
+        fontWeight: number;
+        gap: number;
+        justifyContent: string;
+        letterSpacing: number;
+        lineHeight: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        textAlign: string;
+        textDecoration: string;
+        textTransform: string;
+    };
+};
+export default styles;

package/dist/esm/styles/index.js

@@ -0,0 +1,6 @@
+import { __assign } from "tslib";
+import { theme } from '../utils';
+import button from './buttons.json';
+import text from './text.json';
+var styles = __assign({ buttonPrimary: button, buttonSecondary: __assign(__assign({}, button), { backgroundColor: theme.colors.background.tertiary, borderColor: theme.colors.background.tertiary }), buttonDelete: __assign(__assign({}, button), { backgroundColor: theme.colors.error.secondary, borderColor: theme.colors.error.secondary }) }, text);
+export default styles;

package/dist/esm/styles/text.json

@@ -0,0 +1,23 @@
+{
+    "textBody": {
+        "WebkitFontSmoothing": "antialiased",
+        "fontFamily": "'Neue Montreal', sans-serif",
+        "fontSize": 16,
+        "fontWeight": 400,
+        "lineHeight": 1.3
+    },
+    "textHeading": {
+        "WebkitFontSmoothing": "antialiased",
+        "fontFamily": "'Neue Montreal', sans-serif",
+        "fontSize": 24,
+        "fontWeight": 500,
+        "lineHeight": 1.1
+    },
+    "textHeadline": {
+        "WebkitFontSmoothing": "antialiased",
+        "fontFamily": "'Neue Montreal', sans-serif",
+        "fontSize": 48,
+        "fontWeight": 500,
+        "lineHeight": 1.0
+    }
+}

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

@@ -3,3 +3,4 @@ export * from './orders';
 export * from './pos';
 export * from './punches';
 export * from './refunds';
+export * from './theme';

package/dist/esm/utils/index.js

@@ -1,7 +1,6 @@
-// export * from './datetimes'
-// export * from './helpers'
 export * from './menu';
 export * from './orders';
 export * from './pos';
 export * from './punches';
 export * from './refunds';
+export * from './theme';

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

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1,74 @@
+export var theme = {
+    colors: {
+        accent: {
+            primary: '#ddfa65',
+            secondary: '#E4E2DD'
+        },
+        background: {
+            primary: '#fdfaf6',
+            secondary: '#F0EEEA',
+            tertiary: '#E4E2DD'
+        },
+        border: {
+            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)'
+        },
+        card: {
+            primary: '#ffffff'
+        },
+        error: {
+            primary: '#A40303',
+            secondary: '#FECACA'
+        },
+        success: {
+            primary: '#0C5844',
+            secondary: '#ADE0AC'
+        },
+        text: {
+            primary: '#191919',
+            secondary: '#191919'
+        }
+    },
+    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
+        }
+    }
+};