@open-tender/store 1.1.119 → 1.1.121
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/SignInOptionsModal.d.ts +2 -1
- package/dist/cjs/components/SignInOptionsModal.js +2 -2
- package/dist/cjs/components/SignInPhone.js +17 -5
- package/dist/cjs/components/SignInQr.d.ts +1 -1
- package/dist/cjs/components/SignInQr.js +0 -1
- package/dist/cjs/components/SignUp.d.ts +6 -0
- package/dist/cjs/components/SignUp.js +14 -0
- package/dist/cjs/components/index.d.ts +2 -1
- package/dist/cjs/components/index.js +3 -1
- package/dist/esm/components/SignInOptionsModal.d.ts +2 -1
- package/dist/esm/components/SignInOptionsModal.js +2 -2
- package/dist/esm/components/SignInPhone.js +17 -5
- package/dist/esm/components/SignInQr.d.ts +1 -1
- package/dist/esm/components/SignInQr.js +0 -1
- package/dist/esm/components/SignUp.d.ts +6 -0
- package/dist/esm/components/SignUp.js +12 -0
- package/dist/esm/components/index.d.ts +2 -1
- package/dist/esm/components/index.js +2 -1
- package/package.json +3 -3
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ErrorMessageProps, KeypadProps, SignInOptionsModalProps, SignInPhoneProps, SignInQrProps } from '@open-tender/ui';
|
|
2
2
|
import React, { ReactNode } from 'react';
|
|
3
3
|
import { ScanListener } from '../hooks/types';
|
|
4
|
-
declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, KeypadView, ErrorMessageView }: {
|
|
4
|
+
declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, KeypadView, ErrorMessageView, imageUrl }: {
|
|
5
5
|
listener: ScanListener;
|
|
6
6
|
cameraScanner: ScanListener;
|
|
7
7
|
close: () => void;
|
|
@@ -10,5 +10,6 @@ declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, S
|
|
|
10
10
|
SignInPhoneView: (props: SignInPhoneProps) => ReactNode;
|
|
11
11
|
KeypadView: (props: KeypadProps) => ReactNode;
|
|
12
12
|
ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
|
|
13
|
+
imageUrl?: string | null;
|
|
13
14
|
}) => React.ReactNode;
|
|
14
15
|
export default SignInOptionsModal;
|
|
@@ -7,7 +7,7 @@ var slices_1 = require("../slices");
|
|
|
7
7
|
var SignInPhone_1 = tslib_1.__importDefault(require("./SignInPhone"));
|
|
8
8
|
var SignInQr_1 = tslib_1.__importDefault(require("./SignInQr"));
|
|
9
9
|
var SignInOptionsModal = function (_a) {
|
|
10
|
-
var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
|
|
10
|
+
var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView, imageUrl = _a.imageUrl;
|
|
11
11
|
var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
|
|
12
12
|
var _c = (0, react_1.useState)(null), signInType = _c[0], setSignInType = _c[1];
|
|
13
13
|
var terminal = (0, hooks_1.useAppSelector)(slices_1.selectKioskTerminal);
|
|
@@ -18,7 +18,7 @@ var SignInOptionsModal = function (_a) {
|
|
|
18
18
|
if (!hasScanner)
|
|
19
19
|
setSignInType('PHONE');
|
|
20
20
|
}, [hasScanner]);
|
|
21
|
-
var renderSignInQr = (0, react_1.useCallback)(function (close) { return (react_1.default.createElement(SignInQr_1.default, { listener: listener, cameraScanner: cameraScanner, close: close, children: SignInQrView, type: scannerType })); }, [SignInQrView, cameraScanner, listener, scannerType]);
|
|
21
|
+
var renderSignInQr = (0, react_1.useCallback)(function (close) { return (react_1.default.createElement(SignInQr_1.default, { listener: listener, cameraScanner: cameraScanner, close: close, children: SignInQrView, type: scannerType, imageUrl: imageUrl })); }, [SignInQrView, cameraScanner, listener, scannerType, imageUrl]);
|
|
22
22
|
var renderSignInPhone = (0, react_1.useCallback)(function (close) { return (react_1.default.createElement(SignInPhone_1.default, { ErrorMessageView: ErrorMessageView, KeypadView: KeypadView, close: close, children: SignInPhoneView })); }, [SignInPhoneView, KeypadView, ErrorMessageView]);
|
|
23
23
|
if (!config)
|
|
24
24
|
return null;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
+
var ui_1 = require("@open-tender/ui");
|
|
4
5
|
var utils_1 = require("@open-tender/utils");
|
|
5
6
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
7
|
var hooks_1 = require("../app/hooks");
|
|
@@ -8,21 +9,26 @@ var slices_1 = require("../slices");
|
|
|
8
9
|
var utils_2 = require("../utils");
|
|
9
10
|
var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
|
|
10
11
|
var Keypad_1 = tslib_1.__importDefault(require("./Keypad"));
|
|
12
|
+
var SignUp_1 = tslib_1.__importDefault(require("./SignUp"));
|
|
11
13
|
var SignInPhone = function (_a) {
|
|
12
14
|
var close = _a.close, callback = _a.callback, children = _a.children, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
|
|
13
15
|
var dispatch = (0, hooks_1.useAppDispatch)();
|
|
14
16
|
var _b = (0, react_1.useState)(''), phone = _b[0], setPhone = _b[1];
|
|
15
17
|
var _c = (0, react_1.useState)(false), submitted = _c[0], setSubmitted = _c[1];
|
|
16
|
-
var _d = (0, react_1.useState)(
|
|
17
|
-
var _e = (0,
|
|
18
|
-
var _f = (0, hooks_1.useAppSelector)(slices_1.
|
|
18
|
+
var _d = (0, react_1.useState)(false), showSignUp = _d[0], setShowSignUp = _d[1];
|
|
19
|
+
var _e = (0, react_1.useState)(null), errMsg = _e[0], setErrMsg = _e[1];
|
|
20
|
+
var _f = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _f.signInPhone, modalContentConfig = _f.modalContent;
|
|
21
|
+
var _g = (0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentify), customer = _g.data, loading = _g.loading, error = _g.error;
|
|
19
22
|
var hasCustomer = !!customer;
|
|
20
23
|
var isLoading = loading === 'pending';
|
|
21
24
|
var submit = function () {
|
|
22
25
|
setSubmitted(true);
|
|
23
26
|
dispatch((0, slices_1.fetchCustomerIdentify)({ phone: phone }));
|
|
24
27
|
};
|
|
25
|
-
var
|
|
28
|
+
var retry = function () {
|
|
29
|
+
setShowSignUp(false);
|
|
30
|
+
};
|
|
31
|
+
var handlers = { submit: submit, retry: retry, close: close };
|
|
26
32
|
(0, react_1.useEffect)(function () {
|
|
27
33
|
if (submitted && !isLoading) {
|
|
28
34
|
if (error) {
|
|
@@ -46,13 +52,19 @@ var SignInPhone = function (_a) {
|
|
|
46
52
|
}); }, []);
|
|
47
53
|
var renderKeypad = (0, react_1.useCallback)(function () { return (react_1.default.createElement(Keypad_1.default, { type: "numeric", handlers: keypadHandlers, value: phone, children: KeypadView })); }, [KeypadView, phone, keypadHandlers]);
|
|
48
54
|
var renderErrorMessage = (0, react_1.useCallback)(function (errMsg) { return (react_1.default.createElement(ErrorMessage_1.default, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
|
|
55
|
+
var renderSignUp = (0, react_1.useCallback)(function () { return react_1.default.createElement(SignUp_1.default, { children: ui_1.SignUp }); }, []);
|
|
56
|
+
(0, react_1.useEffect)(function () {
|
|
57
|
+
if (errMsg)
|
|
58
|
+
setShowSignUp(true);
|
|
59
|
+
}, [errMsg]);
|
|
49
60
|
return children({
|
|
50
61
|
config: config,
|
|
51
62
|
handlers: handlers,
|
|
52
63
|
errMsg: errMsg,
|
|
53
64
|
modalContentConfig: modalContentConfig,
|
|
54
65
|
renderKeypad: renderKeypad,
|
|
55
|
-
renderErrorMessage: renderErrorMessage
|
|
66
|
+
renderErrorMessage: renderErrorMessage,
|
|
67
|
+
renderSignUp: showSignUp ? renderSignUp : undefined
|
|
56
68
|
});
|
|
57
69
|
};
|
|
58
70
|
exports.default = SignInPhone;
|
|
@@ -8,7 +8,6 @@ var slices_1 = require("../slices");
|
|
|
8
8
|
var SignInQr = function (_a) {
|
|
9
9
|
var close = _a.close, callback = _a.callback, children = _a.children, listener = _a.listener, cameraScanner = _a.cameraScanner, type = _a.type, imageUrl = _a.imageUrl;
|
|
10
10
|
var _b = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig), config = _b.signInQr, errorMessageConfig = _b.errorMessage, modalContentConfig = _b.modalContent;
|
|
11
|
-
console.log('SignInQr Store', imageUrl);
|
|
12
11
|
var _c = (0, hooks_2.useSignInQr)(listener, cameraScanner, type, close, callback), handlers = _c.handlers, errMsg = _c.errMsg, scan = _c.scan;
|
|
13
12
|
var CameraComponent = (0, react_1.useMemo)(function () { return scan === null || scan === void 0 ? void 0 : scan.camera; }, [scan]);
|
|
14
13
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var hooks_1 = require("../app/hooks");
|
|
4
|
+
var slices_1 = require("../slices");
|
|
5
|
+
var SignUp = function (_a) {
|
|
6
|
+
var children = _a.children;
|
|
7
|
+
var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).signUp;
|
|
8
|
+
var web_app_url = ((0, hooks_1.useAppSelector)(slices_1.selectKioskBrand) || {}).web_app_url;
|
|
9
|
+
var webAppUrl = web_app_url ? "".concat(web_app_url, "/signup") : null;
|
|
10
|
+
if (!config)
|
|
11
|
+
return null;
|
|
12
|
+
return children({ config: config, webAppUrl: webAppUrl });
|
|
13
|
+
};
|
|
14
|
+
exports.default = SignUp;
|
|
@@ -60,9 +60,10 @@ import SignInCheckout from './SignInCheckout';
|
|
|
60
60
|
import SignInOptionsModal from './SignInOptionsModal';
|
|
61
61
|
import SignInPhone from './SignInPhone';
|
|
62
62
|
import SignInQr from './SignInQr';
|
|
63
|
+
import SignUp from './SignUp';
|
|
63
64
|
import SuccessMessage from './SuccessMessage';
|
|
64
65
|
import Tag from './Tag';
|
|
65
66
|
import TextArea from './TextArea';
|
|
66
67
|
import UpsellItem from './UpsellItem';
|
|
67
68
|
import Upsells from './Upsells';
|
|
68
|
-
export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
|
|
69
|
+
export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.OrderDetailsItem = exports.OrderDetails = exports.OrderCard = exports.Option = exports.NutritionalInfo = exports.ModalHeader = exports.ModalContent = exports.MenuOther = exports.MenuCategory = exports.MadeForNotes = exports.MadeForName = exports.Loader = exports.Keypad = exports.ItemSelections = exports.ItemSize = exports.ItemOptionSelected = exports.ItemOption = exports.ItemGroups = exports.ItemGroup = exports.InputButton = exports.Input = exports.Ingredients = exports.Header = exports.FavsButton = exports.ErrorMessage = exports.Discount = exports.CheckTotals = exports.CheckoutTotals = exports.CheckoutPromoCode = exports.CheckoutHeader = exports.CheckoutFooter = exports.CheckoutContent = exports.CheckoutCart = exports.Checkout = exports.CategoryNavOther = exports.CategoryNavItem = exports.CategoryNav = exports.CategoryItem = exports.CartUpsells = exports.CartUpsellItem = exports.CartItem = exports.CartButton = exports.Cart = exports.Card = exports.CancelButton = exports.ButtonLink = exports.Applied = exports.Allergen = exports.AccountSection = exports.AccountLoyalty = void 0;
|
|
4
|
-
exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = exports.SuccessMessage = exports.SignInQr = exports.SignInPhone = exports.SignInOptionsModal = exports.SignInCheckout = exports.SignInButton = exports.SignIn = exports.Rewards = exports.Reward = exports.Quantity = exports.PromoCode = exports.PointsRewards = exports.PointsReward = void 0;
|
|
4
|
+
exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = exports.SuccessMessage = exports.SignUp = exports.SignInQr = exports.SignInPhone = exports.SignInOptionsModal = exports.SignInCheckout = exports.SignInButton = exports.SignIn = exports.Rewards = exports.Reward = exports.Quantity = exports.PromoCode = exports.PointsRewards = exports.PointsReward = void 0;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
6
|
var AccountLoyalty_1 = tslib_1.__importDefault(require("./AccountLoyalty"));
|
|
7
7
|
exports.AccountLoyalty = AccountLoyalty_1.default;
|
|
@@ -127,6 +127,8 @@ var SignInPhone_1 = tslib_1.__importDefault(require("./SignInPhone"));
|
|
|
127
127
|
exports.SignInPhone = SignInPhone_1.default;
|
|
128
128
|
var SignInQr_1 = tslib_1.__importDefault(require("./SignInQr"));
|
|
129
129
|
exports.SignInQr = SignInQr_1.default;
|
|
130
|
+
var SignUp_1 = tslib_1.__importDefault(require("./SignUp"));
|
|
131
|
+
exports.SignUp = SignUp_1.default;
|
|
130
132
|
var SuccessMessage_1 = tslib_1.__importDefault(require("./SuccessMessage"));
|
|
131
133
|
exports.SuccessMessage = SuccessMessage_1.default;
|
|
132
134
|
var Tag_1 = tslib_1.__importDefault(require("./Tag"));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ErrorMessageProps, KeypadProps, SignInOptionsModalProps, SignInPhoneProps, SignInQrProps } from '@open-tender/ui';
|
|
2
2
|
import React, { ReactNode } from 'react';
|
|
3
3
|
import { ScanListener } from '../hooks/types';
|
|
4
|
-
declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, KeypadView, ErrorMessageView }: {
|
|
4
|
+
declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, SignInQrView, SignInPhoneView, KeypadView, ErrorMessageView, imageUrl }: {
|
|
5
5
|
listener: ScanListener;
|
|
6
6
|
cameraScanner: ScanListener;
|
|
7
7
|
close: () => void;
|
|
@@ -10,5 +10,6 @@ declare const SignInOptionsModal: ({ listener, cameraScanner, close, children, S
|
|
|
10
10
|
SignInPhoneView: (props: SignInPhoneProps) => ReactNode;
|
|
11
11
|
KeypadView: (props: KeypadProps) => ReactNode;
|
|
12
12
|
ErrorMessageView: (props: ErrorMessageProps) => ReactNode;
|
|
13
|
+
imageUrl?: string | null;
|
|
13
14
|
}) => React.ReactNode;
|
|
14
15
|
export default SignInOptionsModal;
|
|
@@ -4,7 +4,7 @@ import { selectKioskConfig, selectKioskHasScanner, selectKioskTerminal } from '.
|
|
|
4
4
|
import { default as SignInPhoneContainer } from './SignInPhone';
|
|
5
5
|
import { default as SignInQrContainer } from './SignInQr';
|
|
6
6
|
var SignInOptionsModal = function (_a) {
|
|
7
|
-
var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
|
|
7
|
+
var listener = _a.listener, cameraScanner = _a.cameraScanner, close = _a.close, children = _a.children, SignInQrView = _a.SignInQrView, SignInPhoneView = _a.SignInPhoneView, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView, imageUrl = _a.imageUrl;
|
|
8
8
|
var _b = useAppSelector(selectKioskConfig), config = _b.signInOptions, modalContentConfig = _b.modalContent;
|
|
9
9
|
var _c = useState(null), signInType = _c[0], setSignInType = _c[1];
|
|
10
10
|
var terminal = useAppSelector(selectKioskTerminal);
|
|
@@ -15,7 +15,7 @@ var SignInOptionsModal = function (_a) {
|
|
|
15
15
|
if (!hasScanner)
|
|
16
16
|
setSignInType('PHONE');
|
|
17
17
|
}, [hasScanner]);
|
|
18
|
-
var renderSignInQr = useCallback(function (close) { return (React.createElement(SignInQrContainer, { listener: listener, cameraScanner: cameraScanner, close: close, children: SignInQrView, type: scannerType })); }, [SignInQrView, cameraScanner, listener, scannerType]);
|
|
18
|
+
var renderSignInQr = useCallback(function (close) { return (React.createElement(SignInQrContainer, { listener: listener, cameraScanner: cameraScanner, close: close, children: SignInQrView, type: scannerType, imageUrl: imageUrl })); }, [SignInQrView, cameraScanner, listener, scannerType, imageUrl]);
|
|
19
19
|
var renderSignInPhone = useCallback(function (close) { return (React.createElement(SignInPhoneContainer, { ErrorMessageView: ErrorMessageView, KeypadView: KeypadView, close: close, children: SignInPhoneView })); }, [SignInPhoneView, KeypadView, ErrorMessageView]);
|
|
20
20
|
if (!config)
|
|
21
21
|
return null;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SignUp } from '@open-tender/ui';
|
|
1
2
|
import { handleRespError } from '@open-tender/utils';
|
|
2
3
|
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
4
|
import { useAppDispatch, useAppSelector } from '../app/hooks';
|
|
@@ -5,21 +6,26 @@ import { fetchCustomerIdentify, selectCustomerIdentify, selectKioskConfig } from
|
|
|
5
6
|
import { makePhone } from '../utils';
|
|
6
7
|
import { default as ErrorMessageContainer } from './ErrorMessage';
|
|
7
8
|
import { default as KeypadContainer } from './Keypad';
|
|
9
|
+
import { default as SignUpContainer } from './SignUp';
|
|
8
10
|
var SignInPhone = function (_a) {
|
|
9
11
|
var close = _a.close, callback = _a.callback, children = _a.children, KeypadView = _a.KeypadView, ErrorMessageView = _a.ErrorMessageView;
|
|
10
12
|
var dispatch = useAppDispatch();
|
|
11
13
|
var _b = useState(''), phone = _b[0], setPhone = _b[1];
|
|
12
14
|
var _c = useState(false), submitted = _c[0], setSubmitted = _c[1];
|
|
13
|
-
var _d = useState(
|
|
14
|
-
var _e =
|
|
15
|
-
var _f = useAppSelector(
|
|
15
|
+
var _d = useState(false), showSignUp = _d[0], setShowSignUp = _d[1];
|
|
16
|
+
var _e = useState(null), errMsg = _e[0], setErrMsg = _e[1];
|
|
17
|
+
var _f = useAppSelector(selectKioskConfig), config = _f.signInPhone, modalContentConfig = _f.modalContent;
|
|
18
|
+
var _g = useAppSelector(selectCustomerIdentify), customer = _g.data, loading = _g.loading, error = _g.error;
|
|
16
19
|
var hasCustomer = !!customer;
|
|
17
20
|
var isLoading = loading === 'pending';
|
|
18
21
|
var submit = function () {
|
|
19
22
|
setSubmitted(true);
|
|
20
23
|
dispatch(fetchCustomerIdentify({ phone: phone }));
|
|
21
24
|
};
|
|
22
|
-
var
|
|
25
|
+
var retry = function () {
|
|
26
|
+
setShowSignUp(false);
|
|
27
|
+
};
|
|
28
|
+
var handlers = { submit: submit, retry: retry, close: close };
|
|
23
29
|
useEffect(function () {
|
|
24
30
|
if (submitted && !isLoading) {
|
|
25
31
|
if (error) {
|
|
@@ -43,13 +49,19 @@ var SignInPhone = function (_a) {
|
|
|
43
49
|
}); }, []);
|
|
44
50
|
var renderKeypad = useCallback(function () { return (React.createElement(KeypadContainer, { type: "numeric", handlers: keypadHandlers, value: phone, children: KeypadView })); }, [KeypadView, phone, keypadHandlers]);
|
|
45
51
|
var renderErrorMessage = useCallback(function (errMsg) { return (React.createElement(ErrorMessageContainer, { content: errMsg, children: ErrorMessageView })); }, [ErrorMessageView]);
|
|
52
|
+
var renderSignUp = useCallback(function () { return React.createElement(SignUpContainer, { children: SignUp }); }, []);
|
|
53
|
+
useEffect(function () {
|
|
54
|
+
if (errMsg)
|
|
55
|
+
setShowSignUp(true);
|
|
56
|
+
}, [errMsg]);
|
|
46
57
|
return children({
|
|
47
58
|
config: config,
|
|
48
59
|
handlers: handlers,
|
|
49
60
|
errMsg: errMsg,
|
|
50
61
|
modalContentConfig: modalContentConfig,
|
|
51
62
|
renderKeypad: renderKeypad,
|
|
52
|
-
renderErrorMessage: renderErrorMessage
|
|
63
|
+
renderErrorMessage: renderErrorMessage,
|
|
64
|
+
renderSignUp: showSignUp ? renderSignUp : undefined
|
|
53
65
|
});
|
|
54
66
|
};
|
|
55
67
|
export default SignInPhone;
|
|
@@ -5,7 +5,6 @@ import { selectKioskConfig } from '../slices';
|
|
|
5
5
|
var SignInQr = function (_a) {
|
|
6
6
|
var close = _a.close, callback = _a.callback, children = _a.children, listener = _a.listener, cameraScanner = _a.cameraScanner, type = _a.type, imageUrl = _a.imageUrl;
|
|
7
7
|
var _b = useAppSelector(selectKioskConfig), config = _b.signInQr, errorMessageConfig = _b.errorMessage, modalContentConfig = _b.modalContent;
|
|
8
|
-
console.log('SignInQr Store', imageUrl);
|
|
9
8
|
var _c = useSignInQr(listener, cameraScanner, type, close, callback), handlers = _c.handlers, errMsg = _c.errMsg, scan = _c.scan;
|
|
10
9
|
var CameraComponent = useMemo(function () { return scan === null || scan === void 0 ? void 0 : scan.camera; }, [scan]);
|
|
11
10
|
return (React.createElement(React.Fragment, null,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useAppSelector } from '../app/hooks';
|
|
2
|
+
import { selectKioskBrand, selectKioskConfig } from '../slices';
|
|
3
|
+
var SignUp = function (_a) {
|
|
4
|
+
var children = _a.children;
|
|
5
|
+
var config = useAppSelector(selectKioskConfig).signUp;
|
|
6
|
+
var web_app_url = (useAppSelector(selectKioskBrand) || {}).web_app_url;
|
|
7
|
+
var webAppUrl = web_app_url ? "".concat(web_app_url, "/signup") : null;
|
|
8
|
+
if (!config)
|
|
9
|
+
return null;
|
|
10
|
+
return children({ config: config, webAppUrl: webAppUrl });
|
|
11
|
+
};
|
|
12
|
+
export default SignUp;
|
|
@@ -60,9 +60,10 @@ import SignInCheckout from './SignInCheckout';
|
|
|
60
60
|
import SignInOptionsModal from './SignInOptionsModal';
|
|
61
61
|
import SignInPhone from './SignInPhone';
|
|
62
62
|
import SignInQr from './SignInQr';
|
|
63
|
+
import SignUp from './SignUp';
|
|
63
64
|
import SuccessMessage from './SuccessMessage';
|
|
64
65
|
import Tag from './Tag';
|
|
65
66
|
import TextArea from './TextArea';
|
|
66
67
|
import UpsellItem from './UpsellItem';
|
|
67
68
|
import Upsells from './Upsells';
|
|
68
|
-
export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
|
|
69
|
+
export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
|
|
@@ -60,9 +60,10 @@ import SignInCheckout from './SignInCheckout';
|
|
|
60
60
|
import SignInOptionsModal from './SignInOptionsModal';
|
|
61
61
|
import SignInPhone from './SignInPhone';
|
|
62
62
|
import SignInQr from './SignInQr';
|
|
63
|
+
import SignUp from './SignUp';
|
|
63
64
|
import SuccessMessage from './SuccessMessage';
|
|
64
65
|
import Tag from './Tag';
|
|
65
66
|
import TextArea from './TextArea';
|
|
66
67
|
import UpsellItem from './UpsellItem';
|
|
67
68
|
import Upsells from './Upsells';
|
|
68
|
-
export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
|
|
69
|
+
export { AccountLoyalty, AccountSection, Allergen, Applied, ButtonLink, CancelButton, Card, Cart, CartButton, CartItem, CartUpsellItem, CartUpsells, CategoryItem, CategoryNav, CategoryNavItem, CategoryNavOther, Checkout, CheckoutCart, CheckoutContent, CheckoutFooter, CheckoutHeader, CheckoutPromoCode, CheckoutTotals, CheckTotals, Discount, ErrorMessage, FavsButton, Header, Ingredients, Input, InputButton, ItemGroup, ItemGroups, ItemOption, ItemOptionSelected, ItemSize, ItemSelections, Keypad, Loader, MadeForName, MadeForNotes, MenuCategory, MenuOther, ModalContent, ModalHeader, NutritionalInfo, Option, OrderCard, OrderDetails, OrderDetailsItem, PointsReward, PointsRewards, PromoCode, Quantity, Reward, Rewards, SignIn, SignInButton, SignInCheckout, SignInOptionsModal, SignInPhone, SignInQr, SignUp, SuccessMessage, Tag, TextArea, UpsellItem, Upsells };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@open-tender/store",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.121",
|
|
4
4
|
"description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"@emotion/react": "^11.11.1",
|
|
64
|
-
"@open-tender/types": "^0.4.
|
|
65
|
-
"@open-tender/ui": "^0.3.
|
|
64
|
+
"@open-tender/types": "^0.4.63",
|
|
65
|
+
"@open-tender/ui": "^0.3.90",
|
|
66
66
|
"@open-tender/utils": "^0.4.39",
|
|
67
67
|
"@reduxjs/toolkit": "^2.0.1",
|
|
68
68
|
"date-fns": "2.30.0",
|