@open-tender/store 0.1.9 → 0.1.280

package/dist/esm/config/successMessage.js

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var successMessage = {
+    successMessage: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: theme.colors.success.secondary,
+            borderRadius: 5,
+            flexDirection: 'row',
+            gap: 5,
+            justifyContent: 'center',
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 5
+        }
+    },
+    successMessage__icon: {
+        classes: '',
+        props: {},
+        style: {
+            color: theme.colors.success.primary
+        }
+    },
+    successMessage__message: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.small, color: theme.colors.success.primary })
+    }
+};
+export default successMessage;

package/dist/esm/config/tag.d.ts

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

package/dist/esm/config/tag.js

@@ -0,0 +1,33 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var tag = {
+    tag: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: theme.colors.success.secondary,
+            borderRadius: 5,
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 5
+        }
+    },
+    tag__image: {
+        classes: '',
+        props: {},
+        style: {
+            width: 30,
+            height: 30
+        }
+    },
+    tag__name: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { color: theme.colors.success.primary, fontSize: theme.fontSizes.xsmall })
+    }
+};
+export default tag;

package/dist/esm/config/textarea.d.ts

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

package/dist/esm/config/textarea.js

@@ -0,0 +1,11 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var textarea = {
+    textarea: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { backgroundColor: 'transparent', borderColor: theme.colors.border.primary, borderRadius: theme.spacing.borderRadius.small, borderStyle: 'solid', borderWidth: theme.spacing.borderWidth.medium, color: theme.colors.text.primary, fontSize: theme.fontSizes.large, paddingBottom: theme.spacing.padding.small, paddingLeft: theme.spacing.padding.medium, paddingRight: theme.spacing.padding.medium, paddingTop: theme.spacing.padding.small })
+    }
+};
+export default textarea;

package/dist/esm/config/upsellItem.d.ts

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

package/dist/esm/config/upsellItem.js

@@ -0,0 +1,127 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var upsellItem = {
+    upsellItem: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    upsellItem__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            // gap: theme.spacing.padding.medium,
+            justifyContent: 'space-between'
+            // padding: theme.spacing.padding.medium
+        }
+    },
+    upsellItem__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    upsellItem__info: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            padding: theme.spacing.padding.medium
+        }
+    },
+    upsellItem__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    upsellItem__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.medium })
+    },
+    upsellItem__details: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    upsellItem__price: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { flexGrow: 0, flexShrink: 0, fontSize: theme.fontSizes.small })
+    },
+    upsellItem__calories: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { flexGrow: 0, flexShrink: 0, fontSize: theme.fontSizes.small })
+    },
+    upsellItem__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing.padding.small,
+            paddingTop: theme.spacing.padding.small
+        }
+    },
+    upsellItem__description: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxsmall, flexBasis: 480, flexGrow: 1, flexShrink: 1, maxWidth: 480 })
+    },
+    upsellItem__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 10,
+            justifyContent: 'space-between'
+        }
+    },
+    upsellItem__footerButtons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 15,
+            justifyContent: 'flex-end'
+        }
+    },
+    upsellItem__add: {
+        classes: '',
+        props: { text: 'Edit' },
+        style: __assign(__assign({}, styles.buttonPrimary), { fontSize: theme.fontSizes.small, paddingBottom: 8, paddingTop: 8 })
+    }
+};
+export default upsellItem;

package/dist/esm/config/upsells.d.ts

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

package/dist/esm/config/upsells.js

@@ -0,0 +1,79 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var upsells = {
+    upsells: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme.colors.background.primary,
+            borderRadius: theme.spacing.borderRadius.medium,
+            boxShadow: theme.colors.boxShadow.primary,
+            // flexGrow: 1,
+            minWidth: 800,
+            overflow: 'hidden',
+            padding: theme.spacing.padding.large
+        }
+    },
+    upsells__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    upsells__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'You Might Also Like'
+        },
+        style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxlarge })
+    },
+    upsells__items: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            justifyContent: 'center',
+            overflow: 'scroll'
+        }
+    },
+    upsells__itemsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center',
+            padding: theme.spacing.padding.large
+        }
+    },
+    upsells__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            textAlign: 'center'
+        }
+    },
+    upsells__cancel: {
+        classes: '',
+        props: { text: 'Add To Order' },
+        style: __assign(__assign({}, styles.buttonPrimary), { flexBasis: 400, flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 20, paddingLeft: 30, paddingRight: 30, paddingTop: 20 })
+    }
+};
+export default upsells;

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

@@ -0,0 +1,19 @@
+import { BarcodeScannerType, BarcodeScannerMethod, ScanListener } from './types';
+import useBarcode from './useBarcode';
+import useBarcodeCameraScanner from './useBarcodeCameraScanner';
+import { useBarcodeScanner } from './useBarcodeScanner';
+import useBarcodeUSB from './useBarcodeUSB';
+import useCardSwipe from './useCardSwipe';
+import useChipDNATender from './useChipDNATender';
+import useCustomerRewards from './useCustomerRewards';
+import useEmployee from './useEmployee';
+import useGiftCardBalance from './useGiftCardBalance';
+import { useKioskImageUrl } from './useKioskImageUrl';
+import useOrder from './useOrder';
+import useOrderValidate from './useOrderValidate';
+import usePrevious from './usePrevious';
+import usePunch from './usePunch';
+import useRefund from './useRefund';
+import useResetOrder from './useResetOrder';
+import useSignInQr from './useSignInQr';
+export { useBarcode, useBarcodeCameraScanner, useBarcodeScanner, useBarcodeUSB, useCardSwipe, useChipDNATender, useCustomerRewards, useEmployee, useGiftCardBalance, useKioskImageUrl, useOrder, useOrderValidate, usePrevious, usePunch, useRefund, useResetOrder, useSignInQr, BarcodeScannerType, BarcodeScannerMethod, ScanListener };

package/dist/esm/hooks/index.js

@@ -0,0 +1,19 @@
+import { BarcodeScannerType, ScanListener } from './types';
+import useBarcode from './useBarcode';
+import useBarcodeCameraScanner from './useBarcodeCameraScanner';
+import { useBarcodeScanner } from './useBarcodeScanner';
+import useBarcodeUSB from './useBarcodeUSB';
+import useCardSwipe from './useCardSwipe';
+import useChipDNATender from './useChipDNATender';
+import useCustomerRewards from './useCustomerRewards';
+import useEmployee from './useEmployee';
+import useGiftCardBalance from './useGiftCardBalance';
+import { useKioskImageUrl } from './useKioskImageUrl';
+import useOrder from './useOrder';
+import useOrderValidate from './useOrderValidate';
+import usePrevious from './usePrevious';
+import usePunch from './usePunch';
+import useRefund from './useRefund';
+import useResetOrder from './useResetOrder';
+import useSignInQr from './useSignInQr';
+export { useBarcode, useBarcodeCameraScanner, useBarcodeScanner, useBarcodeUSB, useCardSwipe, useChipDNATender, useCustomerRewards, useEmployee, useGiftCardBalance, useKioskImageUrl, useOrder, useOrderValidate, usePrevious, usePunch, useRefund, useResetOrder, useSignInQr, BarcodeScannerType, ScanListener };

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare enum BarcodeScannerType {
+    NONE = "NONE",
+    MORPHSTICK = "MORPHSTICK",
+    USB = "USB",
+    CAMERA = "CAMERA"
+}
+export interface BarcodeScannerMethod {
+    code: string | null;
+    error: string | null;
+    read: () => Promise<void>;
+    cancel: () => Promise<void>;
+    reset?: () => Promise<void>;
+    camera?: () => React.ReactNode;
+    showScanner?: boolean;
+    close?: () => void;
+}
+export declare abstract class ScanListener {
+    constructor();
+    abstract read(callback?: any): Promise<void>;
+    abstract cancel(callback?: any): Promise<void>;
+    scannerComponent(callback?: any): any;
+}

package/dist/esm/hooks/types.js

@@ -0,0 +1,17 @@
+export var BarcodeScannerType;
+(function (BarcodeScannerType) {
+    BarcodeScannerType["NONE"] = "NONE";
+    BarcodeScannerType["MORPHSTICK"] = "MORPHSTICK";
+    BarcodeScannerType["USB"] = "USB";
+    BarcodeScannerType["CAMERA"] = "CAMERA";
+})(BarcodeScannerType || (BarcodeScannerType = {}));
+var ScanListener = /** @class */ (function () {
+    function ScanListener() {
+    }
+    ScanListener.prototype.scannerComponent = function (callback) {
+        callback && callback();
+        return null;
+    };
+    return ScanListener;
+}());
+export { ScanListener };

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

@@ -0,0 +1,7 @@
+declare const useBarcode: (api: any) => {
+    code: string | null;
+    error: string | null;
+    read: () => Promise<void>;
+    cancel: () => Promise<void>;
+};
+export default useBarcode;

package/dist/esm/hooks/useBarcode.js

@@ -0,0 +1,65 @@
+import { __awaiter, __generator } from "tslib";
+import { handleRespError } from '@open-tender/utils';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+var useBarcode = function (api) {
+    var isAborted = useRef(false);
+    var _a = useState(null), code = _a[0], setCode = _a[1];
+    var _b = useState(null), error = _b[0], setError = _b[1];
+    useEffect(function () {
+        return function () {
+            isAborted.current = true;
+        };
+    }, []);
+    var read = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, err_1, detail;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, api.getBarcodeRead()];
+                case 1:
+                    response = _a.sent();
+                    if (!isAborted.current) {
+                        if (response) {
+                            setCode(response.data);
+                        }
+                        else {
+                            setError('Read timed out');
+                        }
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    if (!isAborted.current) {
+                        detail = handleRespError(err_1).detail;
+                        setError(detail || 'Unknown error');
+                    }
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [api]);
+    var cancel = useCallback(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.postBarcodeCancel()];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_2 = _a.sent();
+                    if (!isAborted.current) {
+                        detail = handleRespError(err_2).detail;
+                        setError(detail || 'Unknown error');
+                    }
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [api]);
+    return useMemo(function () { return ({ code: code, error: error, read: read, cancel: cancel }); }, [code, error, read, cancel]);
+};
+export default useBarcode;

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

@@ -0,0 +1,3 @@
+import { ScanListener, BarcodeScannerMethod } from './types';
+declare function useBarcodeCameraScanner(listener: ScanListener, close?: () => void): BarcodeScannerMethod;
+export default useBarcodeCameraScanner;

package/dist/esm/hooks/useBarcodeCameraScanner.js

@@ -0,0 +1,55 @@
+import { __awaiter, __generator } from "tslib";
+import { useCallback, useRef, useState } from 'react';
+function useBarcodeCameraScanner(listener, close) {
+    var _this = this;
+    var scannedCode = useRef('');
+    var _a = useState(null), error = _a[0], setError = _a[1];
+    var _b = useState(false), showScanner = _b[0], setShowScanner = _b[1];
+    var onCodeScanned = function (event) {
+        scannedCode.current = event.nativeEvent.codeStringValue;
+        setShowScanner(false);
+        close && close();
+    };
+    var requestPermissionHandler = function (result) {
+        setShowScanner(result === 'granted');
+        setError(result !== 'granted'
+            ? 'Authorization Error: Cannot Access Device Camera'
+            : null);
+    };
+    var read = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            listener.read(requestPermissionHandler);
+            return [2 /*return*/];
+        });
+    }); };
+    var cancel = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            listener.cancel(function () { return setShowScanner(false); });
+            return [2 /*return*/];
+        });
+    }); };
+    var camera = useCallback(function () {
+        if (!showScanner) {
+            return null;
+        }
+        return listener.scannerComponent(onCodeScanned);
+    }, [listener, showScanner]);
+    var reset = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            scannedCode.current = '';
+            setShowScanner(false);
+            setError(null);
+            return [2 /*return*/];
+        });
+    }); };
+    return {
+        read: read,
+        camera: camera,
+        error: error,
+        cancel: cancel,
+        reset: reset,
+        showScanner: showScanner,
+        code: scannedCode.current
+    };
+}
+export default useBarcodeCameraScanner;

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

@@ -0,0 +1,3 @@
+import { PosAPI } from '../services';
+import { BarcodeScannerMethod, ScanListener } from './types';
+export declare const useBarcodeScanner: (listener: ScanListener, cameraScanner: ScanListener, type?: string, api?: PosAPI, close?: () => void) => BarcodeScannerMethod | undefined;

package/dist/esm/hooks/useBarcodeScanner.js

@@ -0,0 +1,18 @@
+import { BarcodeScannerType } from './types';
+import useBarcode from './useBarcode';
+import useBarcodeCameraScanner from './useBarcodeCameraScanner';
+import useBarcodeUSB from './useBarcodeUSB';
+export var useBarcodeScanner = function (listener, cameraScanner, type, api, close) {
+    var usbScan = useBarcodeUSB(listener);
+    var cameraScan = useBarcodeCameraScanner(cameraScanner, close);
+    var defaultScan = useBarcode(api);
+    switch (type) {
+        case BarcodeScannerType.CAMERA:
+            return cameraScan;
+        case BarcodeScannerType.USB:
+            return usbScan;
+        case BarcodeScannerType.MORPHSTICK:
+            return defaultScan;
+    }
+    return undefined;
+};

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

@@ -0,0 +1,3 @@
+import { ScanListener, BarcodeScannerMethod } from './types';
+declare const useBarcodeUSB: (listener: ScanListener) => BarcodeScannerMethod;
+export default useBarcodeUSB;

package/dist/esm/hooks/useBarcodeUSB.js

@@ -0,0 +1,50 @@
+import { __awaiter, __generator } from "tslib";
+import { useCallback, useEffect, useRef, useState } from 'react';
+var SCAN_MAX_TIME_DIFF = 100;
+var useBarcodeUSB = function (listener) {
+    var barcodeArray = useRef([]);
+    var _a = useState(false), setCodeScanned = _a[1];
+    var _b = useState(null), error = _b[0], setError = _b[1];
+    var timer = useRef(undefined);
+    var updateBarcode = function (data) {
+        barcodeArray.current.push(data.pressedKey);
+        clearTimeout(timer === null || timer === void 0 ? void 0 : timer.current);
+        timer.current = setTimeout(function () { return setCodeScanned(function (prev) { return !prev; }); }, SCAN_MAX_TIME_DIFF);
+    };
+    var cancel = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            listener.cancel(function () { return clearTimeout(timer === null || timer === void 0 ? void 0 : timer.current); });
+            return [2 /*return*/];
+        });
+    }); }, [listener]);
+    var reset = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            cancel();
+            barcodeArray.current = [];
+            setCodeScanned(false);
+            setError(null);
+            return [2 /*return*/];
+        });
+    }); }, [cancel]);
+    useEffect(function () {
+        return function () {
+            reset();
+        };
+    }, [reset]);
+    var read = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            listener.read(updateBarcode);
+            return [2 /*return*/];
+        });
+    }); };
+    return {
+        code: barcodeArray.current.length > 0
+            ? barcodeArray.current.join('').trim()
+            : null,
+        read: read,
+        cancel: cancel,
+        reset: reset,
+        error: error
+    };
+};
+export default useBarcodeUSB;

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

@@ -0,0 +1,7 @@
+declare const useCardSwipe: (api: any, parse?: boolean) => {
+    code: string | null;
+    error: string | null;
+    read: () => Promise<void>;
+    cancel: () => Promise<void>;
+};
+export default useCardSwipe;