@open-tender/store 0.1.282 → 0.1.283
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.
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { HeaderProps, SignInButtonProps, TagsButtonProps } from '@open-tender/ui';
|
|
1
|
+
import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps } from '@open-tender/ui';
|
|
2
2
|
import React, { ReactNode } from 'react';
|
|
3
|
-
declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView }: {
|
|
3
|
+
declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton }: {
|
|
4
4
|
to?: string;
|
|
5
5
|
backText?: string;
|
|
6
6
|
backAction?: () => void;
|
|
7
7
|
pathname: string;
|
|
8
8
|
navigate: (route: string) => void;
|
|
9
|
-
children: (props: HeaderProps
|
|
9
|
+
children: (props: HeaderProps & {
|
|
10
|
+
renderCartButton?: () => ReactNode;
|
|
11
|
+
renderCancelButton?: () => ReactNode;
|
|
12
|
+
}) => ReactNode;
|
|
10
13
|
SignInButtonView: (props: SignInButtonProps) => ReactNode;
|
|
11
14
|
TagsButtonView?: (props: TagsButtonProps) => ReactNode;
|
|
15
|
+
CartButton?: (props: CartButtonProps) => ReactNode;
|
|
16
|
+
CancelButton?: (props: CancelButtonProps) => ReactNode;
|
|
12
17
|
}) => React.ReactNode;
|
|
13
18
|
export default Header;
|
|
@@ -4,10 +4,12 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
var hooks_1 = require("../app/hooks");
|
|
6
6
|
var slices_1 = require("../slices");
|
|
7
|
+
var CancelButton_1 = tslib_1.__importDefault(require("./CancelButton"));
|
|
8
|
+
var CartButton_1 = tslib_1.__importDefault(require("./CartButton"));
|
|
7
9
|
var SignInButton_1 = tslib_1.__importDefault(require("./SignInButton"));
|
|
8
10
|
var TagsButton_1 = tslib_1.__importDefault(require("./TagsButton"));
|
|
9
11
|
var Header = function (_a) {
|
|
10
|
-
var to = _a.to, _b = _a.backText, backText = _b === void 0 ? 'Back' : _b, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView, TagsButtonView = _a.TagsButtonView;
|
|
12
|
+
var to = _a.to, _b = _a.backText, backText = _b === void 0 ? 'Back' : _b, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView, TagsButtonView = _a.TagsButtonView, CartButton = _a.CartButton, CancelButton = _a.CancelButton;
|
|
11
13
|
var dispatch = (0, hooks_1.useAppDispatch)();
|
|
12
14
|
var config = ((0, hooks_1.useAppSelector)(slices_1.selectKioskConfig) || {}).header;
|
|
13
15
|
var showButtons = !!(backAction || to);
|
|
@@ -32,6 +34,10 @@ var Header = function (_a) {
|
|
|
32
34
|
var renderTagsButton = (0, react_1.useCallback)(function () {
|
|
33
35
|
return TagsButtonView ? react_1.default.createElement(TagsButton_1.default, { children: TagsButtonView }) : null;
|
|
34
36
|
}, [TagsButtonView]);
|
|
37
|
+
var renderCartButton = (0, react_1.useCallback)(function () { return (CartButton ? react_1.default.createElement(CartButton_1.default, { children: CartButton }) : null); }, [CartButton]);
|
|
38
|
+
var renderCancelButton = (0, react_1.useCallback)(function () {
|
|
39
|
+
return CancelButton ? (react_1.default.createElement(CancelButton_1.default, { navigate: navigate, children: CancelButton })) : null;
|
|
40
|
+
}, [CancelButton, navigate]);
|
|
35
41
|
if (!config)
|
|
36
42
|
return null;
|
|
37
43
|
return children({
|
|
@@ -42,7 +48,9 @@ var Header = function (_a) {
|
|
|
42
48
|
renderSignInButton: display_sign_in ? renderSignInButton : undefined,
|
|
43
49
|
renderTagsButton: TagsButtonView && (display_allergens || display_tags)
|
|
44
50
|
? renderTagsButton
|
|
45
|
-
: undefined
|
|
51
|
+
: undefined,
|
|
52
|
+
renderCartButton: CartButton ? renderCartButton : undefined,
|
|
53
|
+
renderCancelButton: CancelButton ? renderCancelButton : undefined
|
|
46
54
|
});
|
|
47
55
|
};
|
|
48
56
|
exports.default = Header;
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { HeaderProps, SignInButtonProps, TagsButtonProps } from '@open-tender/ui';
|
|
1
|
+
import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps } from '@open-tender/ui';
|
|
2
2
|
import React, { ReactNode } from 'react';
|
|
3
|
-
declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView }: {
|
|
3
|
+
declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton }: {
|
|
4
4
|
to?: string;
|
|
5
5
|
backText?: string;
|
|
6
6
|
backAction?: () => void;
|
|
7
7
|
pathname: string;
|
|
8
8
|
navigate: (route: string) => void;
|
|
9
|
-
children: (props: HeaderProps
|
|
9
|
+
children: (props: HeaderProps & {
|
|
10
|
+
renderCartButton?: () => ReactNode;
|
|
11
|
+
renderCancelButton?: () => ReactNode;
|
|
12
|
+
}) => ReactNode;
|
|
10
13
|
SignInButtonView: (props: SignInButtonProps) => ReactNode;
|
|
11
14
|
TagsButtonView?: (props: TagsButtonProps) => ReactNode;
|
|
15
|
+
CartButton?: (props: CartButtonProps) => ReactNode;
|
|
16
|
+
CancelButton?: (props: CancelButtonProps) => ReactNode;
|
|
12
17
|
}) => React.ReactNode;
|
|
13
18
|
export default Header;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import { useAppDispatch, useAppSelector } from '../app/hooks';
|
|
3
3
|
import { selectKioskConfig, selectStoreSettings, toggleSidebar } from '../slices';
|
|
4
|
+
import { default as CancelButtonContainer } from './CancelButton';
|
|
5
|
+
import { default as CartButtonContainer } from './CartButton';
|
|
4
6
|
import { default as SignInButtonContainer } from './SignInButton';
|
|
5
7
|
import { default as TagsButtonContainer } from './TagsButton';
|
|
6
8
|
var Header = function (_a) {
|
|
7
|
-
var to = _a.to, _b = _a.backText, backText = _b === void 0 ? 'Back' : _b, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView, TagsButtonView = _a.TagsButtonView;
|
|
9
|
+
var to = _a.to, _b = _a.backText, backText = _b === void 0 ? 'Back' : _b, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView, TagsButtonView = _a.TagsButtonView, CartButton = _a.CartButton, CancelButton = _a.CancelButton;
|
|
8
10
|
var dispatch = useAppDispatch();
|
|
9
11
|
var config = (useAppSelector(selectKioskConfig) || {}).header;
|
|
10
12
|
var showButtons = !!(backAction || to);
|
|
@@ -29,6 +31,10 @@ var Header = function (_a) {
|
|
|
29
31
|
var renderTagsButton = useCallback(function () {
|
|
30
32
|
return TagsButtonView ? React.createElement(TagsButtonContainer, { children: TagsButtonView }) : null;
|
|
31
33
|
}, [TagsButtonView]);
|
|
34
|
+
var renderCartButton = useCallback(function () { return (CartButton ? React.createElement(CartButtonContainer, { children: CartButton }) : null); }, [CartButton]);
|
|
35
|
+
var renderCancelButton = useCallback(function () {
|
|
36
|
+
return CancelButton ? (React.createElement(CancelButtonContainer, { navigate: navigate, children: CancelButton })) : null;
|
|
37
|
+
}, [CancelButton, navigate]);
|
|
32
38
|
if (!config)
|
|
33
39
|
return null;
|
|
34
40
|
return children({
|
|
@@ -39,7 +45,9 @@ var Header = function (_a) {
|
|
|
39
45
|
renderSignInButton: display_sign_in ? renderSignInButton : undefined,
|
|
40
46
|
renderTagsButton: TagsButtonView && (display_allergens || display_tags)
|
|
41
47
|
? renderTagsButton
|
|
42
|
-
: undefined
|
|
48
|
+
: undefined,
|
|
49
|
+
renderCartButton: CartButton ? renderCartButton : undefined,
|
|
50
|
+
renderCancelButton: CancelButton ? renderCancelButton : undefined
|
|
43
51
|
});
|
|
44
52
|
};
|
|
45
53
|
export default Header;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@open-tender/store",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.283",
|
|
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,7 +61,7 @@
|
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"@emotion/react": "^11.11.1",
|
|
64
|
-
"@open-tender/types": "^0.4.
|
|
64
|
+
"@open-tender/types": "^0.4.173",
|
|
65
65
|
"@open-tender/ui": "^0.4.52",
|
|
66
66
|
"@open-tender/utils": "^0.5.59",
|
|
67
67
|
"@reduxjs/toolkit": "^2.0.1",
|