@open-tender/store 1.1.116 → 1.1.118

package/dist/cjs/components/SignInQr.d.ts

@@ -1,12 +1,13 @@
 import { SignInQrProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
 import { ScanListener } from '../hooks/types';
-declare const SignInQr: ({ close, callback, children, listener, cameraScanner, type }: {
+declare const SignInQr: ({ close, callback, children, listener, cameraScanner, type, imageUrl }: {
     close: () => void;
     callback?: () => void;
     children: (props: SignInQrProps) => ReactNode;
     listener: ScanListener;
     cameraScanner: ScanListener;
     type?: string;
+    imageUrl?: string;
 }) => React.JSX.Element;
 export default SignInQr;

package/dist/cjs/components/SignInQr.js

@@ -1,63 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var utils_1 = require("@open-tender/utils");
 var react_1 = tslib_1.__importStar(require("react"));
 var hooks_1 = require("../app/hooks");
 var hooks_2 = require("../hooks");
 var slices_1 = require("../slices");
 var SignInQr = function (_a) {
-    var close = _a.close, callback = _a.callback, children = _a.children, listener = _a.listener, cameraScanner = _a.cameraScanner, type = _a.type;
-    var dispatch = (0, hooks_1.useAppDispatch)();
-    var _b = (0, react_1.useState)(false), submitted = _b[0], setSubmitted = _b[1];
-    var _c = (0, react_1.useState)(false), hasRead = _c[0], setHasRead = _c[1];
-    var _d = (0, react_1.useState)(null), errMsg = _d[0], setErrMsg = _d[1];
-    var _e = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _e.signInQr, errorMessageConfig = _e.errorMessage, modalContentConfig = _e.modalContent;
-    var api = (0, hooks_1.useAppSelector)(slices_1.selectApi);
-    var scan = (0, hooks_2.useBarcodeScanner)(listener, cameraScanner, type, api);
-    var _f = (0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentify), customer = _f.data, loading = _f.loading, error = _f.error;
-    var isLoading = loading === 'pending';
-    var cancel = function () {
-        if (!(scan === null || scan === void 0 ? void 0 : scan.code))
-            scan === null || scan === void 0 ? void 0 : scan.cancel();
-        close();
-    };
-    var retry = function () {
-        (scan === null || scan === void 0 ? void 0 : scan.reset) && scan.reset();
-        setHasRead(false);
-        setErrMsg(null);
-    };
-    (0, react_1.useEffect)(function () {
-        if (scan === null || scan === void 0 ? void 0 : scan.error) {
-            setErrMsg(scan.error);
-        }
-        else if ((scan === null || scan === void 0 ? void 0 : scan.code) && !customer) {
-            dispatch((0, slices_1.fetchCustomerIdentify)({ qr_code: scan.code }));
-            setSubmitted(true);
-        }
-        else if (!hasRead) {
-            setHasRead(true);
-            scan === null || scan === void 0 ? void 0 : scan.read();
-        }
-    }, [dispatch, scan, close, customer, hasRead]);
-    var handlers = { close: cancel, retry: retry };
-    (0, react_1.useEffect)(function () {
-        if (submitted && !isLoading) {
-            if (error) {
-                var detail = (0, utils_1.handleRespError)(error).detail;
-                setErrMsg(detail || 'Something went wrong');
-            }
-            else {
-                callback ? callback() : close();
-            }
-        }
-    }, [submitted, isLoading, error, close, callback]);
+    var close = _a.close, callback = _a.callback, children = _a.children, listener = _a.listener, cameraScanner = _a.cameraScanner, type = _a.type, imageUrl = _a.imageUrl;
+    var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signInQr, errorMessageConfig = _b.errorMessage, modalContentConfig = _b.modalContent;
+    var _c = (0, hooks_2.useSignInQr)(listener, cameraScanner, type, close, callback), handlers = _c.handlers, errMsg = _c.errMsg, scan = _c.scan;
     var CameraComponent = (0, react_1.useMemo)(function () { return scan === null || scan === void 0 ? void 0 : scan.camera; }, [scan]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         children({
             config: config,
             handlers: handlers,
             errMsg: errMsg,
+            imageUrl: imageUrl,
             errorMessageConfig: errorMessageConfig,
             modalContentConfig: modalContentConfig
         }),

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

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

package/dist/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScanListener = exports.BarcodeScannerType = exports.useBarcodeScanner = exports.useBarcodeUSB = exports.useBarcodeCameraScanner = exports.useRefund = exports.usePunch = exports.usePrevious = exports.useOrderValidate = exports.useOrder = exports.useKioskImageUrl = exports.useGiftCardBalance = exports.useEmployee = exports.useCustomerRewards = exports.useChipDNATender = exports.useCardSwipe = exports.useBarcode = void 0;
+exports.ScanListener = exports.BarcodeScannerType = exports.useSignInQr = exports.useRefund = exports.usePunch = exports.usePrevious = exports.useOrderValidate = exports.useOrder = exports.useKioskImageUrl = exports.useGiftCardBalance = exports.useEmployee = exports.useCustomerRewards = exports.useChipDNATender = exports.useCardSwipe = exports.useBarcodeUSB = exports.useBarcodeScanner = exports.useBarcodeCameraScanner = exports.useBarcode = void 0;
 var tslib_1 = require("tslib");
 var types_1 = require("./types");
 Object.defineProperty(exports, "BarcodeScannerType", { enumerable: true, get: function () { return types_1.BarcodeScannerType; } });
@@ -35,3 +35,5 @@ var usePunch_1 = tslib_1.__importDefault(require("./usePunch"));
 exports.usePunch = usePunch_1.default;
 var useRefund_1 = tslib_1.__importDefault(require("./useRefund"));
 exports.useRefund = useRefund_1.default;
+var useSignInQr_1 = tslib_1.__importDefault(require("./useSignInQr"));
+exports.useSignInQr = useSignInQr_1.default;

package/dist/cjs/hooks/useSignInQr.d.ts

@@ -0,0 +1,10 @@
+import { ScanListener } from './types';
+declare const useSignInQr: (listener: ScanListener, cameraScanner: ScanListener, type?: string, close?: () => void, callback?: () => void) => {
+    handlers: {
+        close: () => void;
+        retry: () => void;
+    };
+    errMsg: string | null;
+    scan: import("./types").BarcodeScannerMethod | undefined;
+};
+export default useSignInQr;

package/dist/cjs/hooks/useSignInQr.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("@open-tender/utils");
+var react_1 = require("react");
+var hooks_1 = require("../app/hooks");
+var slices_1 = require("../slices");
+var useBarcodeScanner_1 = require("./useBarcodeScanner");
+var useSignInQr = function (listener, cameraScanner, type, close, callback) {
+    var dispatch = (0, hooks_1.useAppDispatch)();
+    var _a = (0, react_1.useState)(false), submitted = _a[0], setSubmitted = _a[1];
+    var _b = (0, react_1.useState)(false), hasRead = _b[0], setHasRead = _b[1];
+    var _c = (0, react_1.useState)(null), errMsg = _c[0], setErrMsg = _c[1];
+    var api = (0, hooks_1.useAppSelector)(slices_1.selectApi);
+    var scan = (0, useBarcodeScanner_1.useBarcodeScanner)(listener, cameraScanner, type, api);
+    var _d = (0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentify), customer = _d.data, loading = _d.loading, error = _d.error;
+    var isLoading = loading === 'pending';
+    var cancel = function () {
+        if (!(scan === null || scan === void 0 ? void 0 : scan.code))
+            scan === null || scan === void 0 ? void 0 : scan.cancel();
+        if (close)
+            close();
+    };
+    var retry = function () {
+        (scan === null || scan === void 0 ? void 0 : scan.reset) && scan.reset();
+        setHasRead(false);
+        setErrMsg(null);
+    };
+    (0, react_1.useEffect)(function () {
+        if (scan === null || scan === void 0 ? void 0 : scan.error) {
+            setErrMsg(scan.error);
+        }
+        else if ((scan === null || scan === void 0 ? void 0 : scan.code) && !customer) {
+            dispatch((0, slices_1.fetchCustomerIdentify)({ qr_code: scan.code }));
+            setSubmitted(true);
+        }
+        else if (!hasRead) {
+            setHasRead(true);
+            scan === null || scan === void 0 ? void 0 : scan.read();
+        }
+    }, [dispatch, scan, close, customer, hasRead]);
+    var handlers = { close: cancel, retry: retry };
+    (0, react_1.useEffect)(function () {
+        if (submitted && !isLoading) {
+            if (error) {
+                var detail = (0, utils_1.handleRespError)(error).detail;
+                setErrMsg(detail || 'Something went wrong');
+            }
+            else {
+                callback ? callback() : close ? close() : null;
+            }
+        }
+    }, [submitted, isLoading, error, close, callback]);
+    return { handlers: handlers, errMsg: errMsg, scan: scan };
+};
+exports.default = useSignInQr;

package/dist/esm/components/SignInQr.d.ts

@@ -1,12 +1,13 @@
 import { SignInQrProps } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
 import { ScanListener } from '../hooks/types';
-declare const SignInQr: ({ close, callback, children, listener, cameraScanner, type }: {
+declare const SignInQr: ({ close, callback, children, listener, cameraScanner, type, imageUrl }: {
     close: () => void;
     callback?: () => void;
     children: (props: SignInQrProps) => ReactNode;
     listener: ScanListener;
     cameraScanner: ScanListener;
     type?: string;
+    imageUrl?: string;
 }) => React.JSX.Element;
 export default SignInQr;

package/dist/esm/components/SignInQr.js

@@ -1,60 +1,18 @@
-import { handleRespError } from '@open-tender/utils';
-import React, { useEffect, useMemo, useState } from 'react';
-import { useAppDispatch, useAppSelector } from '../app/hooks';
-import { useBarcodeScanner } from '../hooks';
-import { fetchCustomerIdentify, selectApi, selectCustomerIdentify, selectKioskConfig } from '../slices';
+import React, { useMemo } from 'react';
+import { useAppSelector } from '../app/hooks';
+import { useSignInQr } from '../hooks';
+import { selectKioskConfig } from '../slices';
 var SignInQr = function (_a) {
-    var close = _a.close, callback = _a.callback, children = _a.children, listener = _a.listener, cameraScanner = _a.cameraScanner, type = _a.type;
-    var dispatch = useAppDispatch();
-    var _b = useState(false), submitted = _b[0], setSubmitted = _b[1];
-    var _c = useState(false), hasRead = _c[0], setHasRead = _c[1];
-    var _d = useState(null), errMsg = _d[0], setErrMsg = _d[1];
-    var _e = useAppSelector(selectKioskConfig), config = _e.signInQr, errorMessageConfig = _e.errorMessage, modalContentConfig = _e.modalContent;
-    var api = useAppSelector(selectApi);
-    var scan = useBarcodeScanner(listener, cameraScanner, type, api);
-    var _f = useAppSelector(selectCustomerIdentify), customer = _f.data, loading = _f.loading, error = _f.error;
-    var isLoading = loading === 'pending';
-    var cancel = function () {
-        if (!(scan === null || scan === void 0 ? void 0 : scan.code))
-            scan === null || scan === void 0 ? void 0 : scan.cancel();
-        close();
-    };
-    var retry = function () {
-        (scan === null || scan === void 0 ? void 0 : scan.reset) && scan.reset();
-        setHasRead(false);
-        setErrMsg(null);
-    };
-    useEffect(function () {
-        if (scan === null || scan === void 0 ? void 0 : scan.error) {
-            setErrMsg(scan.error);
-        }
-        else if ((scan === null || scan === void 0 ? void 0 : scan.code) && !customer) {
-            dispatch(fetchCustomerIdentify({ qr_code: scan.code }));
-            setSubmitted(true);
-        }
-        else if (!hasRead) {
-            setHasRead(true);
-            scan === null || scan === void 0 ? void 0 : scan.read();
-        }
-    }, [dispatch, scan, close, customer, hasRead]);
-    var handlers = { close: cancel, retry: retry };
-    useEffect(function () {
-        if (submitted && !isLoading) {
-            if (error) {
-                var detail = handleRespError(error).detail;
-                setErrMsg(detail || 'Something went wrong');
-            }
-            else {
-                callback ? callback() : close();
-            }
-        }
-    }, [submitted, isLoading, error, close, callback]);
+    var close = _a.close, callback = _a.callback, children = _a.children, listener = _a.listener, cameraScanner = _a.cameraScanner, type = _a.type, imageUrl = _a.imageUrl;
+    var _b = useAppSelector(selectKioskConfig), config = _b.signInQr, errorMessageConfig = _b.errorMessage, modalContentConfig = _b.modalContent;
+    var _c = useSignInQr(listener, cameraScanner, type, close, callback), handlers = _c.handlers, errMsg = _c.errMsg, scan = _c.scan;
     var CameraComponent = useMemo(function () { return scan === null || scan === void 0 ? void 0 : scan.camera; }, [scan]);
     return (React.createElement(React.Fragment, null,
         children({
             config: config,
             handlers: handlers,
             errMsg: errMsg,
+            imageUrl: imageUrl,
             errorMessageConfig: errorMessageConfig,
             modalContentConfig: modalContentConfig
         }),

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

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

package/dist/esm/hooks/index.js

@@ -14,4 +14,5 @@ import useOrderValidate from './useOrderValidate';
 import usePrevious from './usePrevious';
 import usePunch from './usePunch';
 import useRefund from './useRefund';
-export { useBarcode, useCardSwipe, useChipDNATender, useCustomerRewards, useEmployee, useGiftCardBalance, useKioskImageUrl, useOrder, useOrderValidate, usePrevious, usePunch, useRefund, useBarcodeCameraScanner, useBarcodeUSB, useBarcodeScanner, BarcodeScannerType, ScanListener };
+import useSignInQr from './useSignInQr';
+export { useBarcode, useBarcodeCameraScanner, useBarcodeScanner, useBarcodeUSB, useCardSwipe, useChipDNATender, useCustomerRewards, useEmployee, useGiftCardBalance, useKioskImageUrl, useOrder, useOrderValidate, usePrevious, usePunch, useRefund, useSignInQr, BarcodeScannerType, ScanListener };

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

@@ -0,0 +1,10 @@
+import { ScanListener } from './types';
+declare const useSignInQr: (listener: ScanListener, cameraScanner: ScanListener, type?: string, close?: () => void, callback?: () => void) => {
+    handlers: {
+        close: () => void;
+        retry: () => void;
+    };
+    errMsg: string | null;
+    scan: import("./types").BarcodeScannerMethod | undefined;
+};
+export default useSignInQr;

package/dist/esm/hooks/useSignInQr.js

@@ -0,0 +1,53 @@
+import { handleRespError } from '@open-tender/utils';
+import { useEffect, useState } from 'react';
+import { useAppDispatch, useAppSelector } from '../app/hooks';
+import { fetchCustomerIdentify, selectApi, selectCustomerIdentify } from '../slices';
+import { useBarcodeScanner } from './useBarcodeScanner';
+var useSignInQr = function (listener, cameraScanner, type, close, callback) {
+    var dispatch = useAppDispatch();
+    var _a = useState(false), submitted = _a[0], setSubmitted = _a[1];
+    var _b = useState(false), hasRead = _b[0], setHasRead = _b[1];
+    var _c = useState(null), errMsg = _c[0], setErrMsg = _c[1];
+    var api = useAppSelector(selectApi);
+    var scan = useBarcodeScanner(listener, cameraScanner, type, api);
+    var _d = useAppSelector(selectCustomerIdentify), customer = _d.data, loading = _d.loading, error = _d.error;
+    var isLoading = loading === 'pending';
+    var cancel = function () {
+        if (!(scan === null || scan === void 0 ? void 0 : scan.code))
+            scan === null || scan === void 0 ? void 0 : scan.cancel();
+        if (close)
+            close();
+    };
+    var retry = function () {
+        (scan === null || scan === void 0 ? void 0 : scan.reset) && scan.reset();
+        setHasRead(false);
+        setErrMsg(null);
+    };
+    useEffect(function () {
+        if (scan === null || scan === void 0 ? void 0 : scan.error) {
+            setErrMsg(scan.error);
+        }
+        else if ((scan === null || scan === void 0 ? void 0 : scan.code) && !customer) {
+            dispatch(fetchCustomerIdentify({ qr_code: scan.code }));
+            setSubmitted(true);
+        }
+        else if (!hasRead) {
+            setHasRead(true);
+            scan === null || scan === void 0 ? void 0 : scan.read();
+        }
+    }, [dispatch, scan, close, customer, hasRead]);
+    var handlers = { close: cancel, retry: retry };
+    useEffect(function () {
+        if (submitted && !isLoading) {
+            if (error) {
+                var detail = handleRespError(error).detail;
+                setErrMsg(detail || 'Something went wrong');
+            }
+            else {
+                callback ? callback() : close ? close() : null;
+            }
+        }
+    }, [submitted, isLoading, error, close, callback]);
+    return { handlers: handlers, errMsg: errMsg, scan: scan };
+};
+export default useSignInQr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.116",
+  "version": "1.1.118",
   "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",
@@ -62,7 +62,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@open-tender/types": "^0.4.62",
-    "@open-tender/ui": "^0.3.85",
+    "@open-tender/ui": "^0.3.86",
     "@open-tender/utils": "^0.4.39",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",