@open-tender/store 0.1.286 → 0.1.288

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.
Files changed (9) hide show
  1. package/dist/cjs/components/Header.d.ts +8 -2
  2. package/dist/cjs/components/Header.js +9 -2
  3. package/dist/cjs/components/ItemGroup.d.ts +5 -2
  4. package/dist/cjs/components/ItemGroup.js +2 -1
  5. package/dist/esm/components/Header.d.ts +8 -2
  6. package/dist/esm/components/Header.js +9 -2
  7. package/dist/esm/components/ItemGroup.d.ts +5 -2
  8. package/dist/esm/components/ItemGroup.js +2 -1
  9. package/package.json +1 -1
package/dist/cjs/components/Header.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps } from '@open-tender/ui';
1
+ import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps, ScreenConfig, Handlers } from '@open-tender/ui';
2
2
  import React, { ReactNode } from 'react';
3
- declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton }: {
3
+ declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton, AccessibilityButton }: {
4
4
  to?: string;
5
5
  backText?: string;
6
6
  backAction?: () => void;
@@ -9,10 +9,16 @@ declare const Header: ({ to, backText, backAction, pathname, navigate, children,
9
9
  children: (props: HeaderProps & {
10
10
  renderCartButton?: () => ReactNode;
11
11
  renderCancelButton?: () => ReactNode;
12
+ renderAccessibilityButton?: () => ReactNode;
12
13
  }) => ReactNode;
13
14
  SignInButtonView: (props: SignInButtonProps) => ReactNode;
14
15
  TagsButtonView?: (props: TagsButtonProps) => ReactNode;
15
16
  CartButton?: (props: CartButtonProps) => ReactNode;
16
17
  CancelButton?: (props: CancelButtonProps) => ReactNode;
18
+ AccessibilityButton?: (props: {
19
+ config: ScreenConfig;
20
+ isAccessibilityOn?: boolean;
21
+ handlers: Handlers;
22
+ }) => ReactNode;
17
23
  }) => React.ReactNode;
18
24
  export default Header;
package/dist/cjs/components/Header.js CHANGED
@@ -4,12 +4,13 @@ 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 AccessibilityButton_1 = tslib_1.__importDefault(require("./AccessibilityButton"));
7
8
  var CancelButton_1 = tslib_1.__importDefault(require("./CancelButton"));
8
9
  var CartButton_1 = tslib_1.__importDefault(require("./CartButton"));
9
10
  var SignInButton_1 = tslib_1.__importDefault(require("./SignInButton"));
10
11
  var TagsButton_1 = tslib_1.__importDefault(require("./TagsButton"));
11
12
  var Header = function (_a) {
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;
13
+ 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, AccessibilityButton = _a.AccessibilityButton;
13
14
  var dispatch = (0, hooks_1.useAppDispatch)();
14
15
  var config = ((0, hooks_1.useAppSelector)(slices_1.selectKioskConfig) || {}).header;
15
16
  var showButtons = !!(backAction || to);
@@ -38,6 +39,9 @@ var Header = function (_a) {
38
39
  var renderCancelButton = (0, react_1.useCallback)(function () {
39
40
  return CancelButton ? (react_1.default.createElement(CancelButton_1.default, { navigate: navigate, children: CancelButton })) : null;
40
41
  }, [CancelButton, navigate]);
42
+ var renderAccessibilityButton = (0, react_1.useCallback)(function () {
43
+ return AccessibilityButton ? (react_1.default.createElement(AccessibilityButton_1.default, { children: AccessibilityButton })) : null;
44
+ }, [AccessibilityButton]);
41
45
  if (!config)
42
46
  return null;
43
47
  return children({
@@ -50,7 +54,10 @@ var Header = function (_a) {
50
54
  ? renderTagsButton
51
55
  : undefined,
52
56
  renderCartButton: CartButton ? renderCartButton : undefined,
53
- renderCancelButton: CancelButton ? renderCancelButton : undefined
57
+ renderCancelButton: CancelButton ? renderCancelButton : undefined,
58
+ renderAccessibilityButton: AccessibilityButton
59
+ ? renderAccessibilityButton
60
+ : undefined
54
61
  });
55
62
  };
56
63
  exports.default = Header;
package/dist/cjs/components/ItemGroup.d.ts CHANGED
@@ -1,13 +1,16 @@
1
1
  import { CartItemGroup } from '@open-tender/types';
2
2
  import { ErrorMessageProps, ItemGroupProps, SuccessMessageProps } from '@open-tender/ui';
3
3
  import React from 'react';
4
- declare const _default: React.MemoExoticComponent<({ group, content, flash, index, onItemClicked, children, ErrorMessageView, SuccessMessageView }: {
4
+ declare const _default: React.MemoExoticComponent<({ group, content, flash, index, isInitiallyCollapsed, onItemClicked, children, ErrorMessageView, SuccessMessageView }: {
5
5
  group: CartItemGroup;
6
6
  content: React.ReactNode;
7
7
  flash?: boolean | undefined;
8
8
  index?: number | undefined;
9
+ isInitiallyCollapsed?: boolean | undefined;
9
10
  onItemClicked?: ((index?: number | undefined) => void) | undefined;
10
- children: (props: ItemGroupProps) => React.ReactNode;
11
+ children: (props: ItemGroupProps & {
12
+ isInitiallyCollapsed?: boolean | undefined;
13
+ }) => React.ReactNode;
11
14
  ErrorMessageView: (props: ErrorMessageProps) => React.ReactNode;
12
15
  SuccessMessageView: (props: SuccessMessageProps) => React.ReactNode;
13
16
  }) => React.ReactNode>;
package/dist/cjs/components/ItemGroup.js CHANGED
@@ -8,7 +8,7 @@ var slices_1 = require("../slices");
8
8
  var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
9
9
  var SuccessMessage_1 = tslib_1.__importDefault(require("./SuccessMessage"));
10
10
  var ItemGroup = function (_a) {
11
- var group = _a.group, content = _a.content, flash = _a.flash, index = _a.index, onItemClicked = _a.onItemClicked, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
11
+ var group = _a.group, content = _a.content, flash = _a.flash, index = _a.index, isInitiallyCollapsed = _a.isInitiallyCollapsed, onItemClicked = _a.onItemClicked, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
12
12
  var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).itemGroup;
13
13
  var modifierGroup = (0, utils_1.useModifierGroup)(group);
14
14
  var renderErrorMessage = (0, react_1.useCallback)(function (icon, children) { return (react_1.default.createElement(ErrorMessage_1.default, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
@@ -21,6 +21,7 @@ var ItemGroup = function (_a) {
21
21
  children: content,
22
22
  flash: flash,
23
23
  index: index,
24
+ isInitiallyCollapsed: isInitiallyCollapsed,
24
25
  onItemClicked: onItemClicked,
25
26
  renderErrorMessage: renderErrorMessage,
26
27
  renderSuccessMessage: renderSuccessMessage
package/dist/esm/components/Header.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps } from '@open-tender/ui';
1
+ import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps, ScreenConfig, Handlers } from '@open-tender/ui';
2
2
  import React, { ReactNode } from 'react';
3
- declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton }: {
3
+ declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton, AccessibilityButton }: {
4
4
  to?: string;
5
5
  backText?: string;
6
6
  backAction?: () => void;
@@ -9,10 +9,16 @@ declare const Header: ({ to, backText, backAction, pathname, navigate, children,
9
9
  children: (props: HeaderProps & {
10
10
  renderCartButton?: () => ReactNode;
11
11
  renderCancelButton?: () => ReactNode;
12
+ renderAccessibilityButton?: () => ReactNode;
12
13
  }) => ReactNode;
13
14
  SignInButtonView: (props: SignInButtonProps) => ReactNode;
14
15
  TagsButtonView?: (props: TagsButtonProps) => ReactNode;
15
16
  CartButton?: (props: CartButtonProps) => ReactNode;
16
17
  CancelButton?: (props: CancelButtonProps) => ReactNode;
18
+ AccessibilityButton?: (props: {
19
+ config: ScreenConfig;
20
+ isAccessibilityOn?: boolean;
21
+ handlers: Handlers;
22
+ }) => ReactNode;
17
23
  }) => React.ReactNode;
18
24
  export default Header;
package/dist/esm/components/Header.js CHANGED
@@ -1,12 +1,13 @@
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 AccessibilityButtonContainer } from './AccessibilityButton';
4
5
  import { default as CancelButtonContainer } from './CancelButton';
5
6
  import { default as CartButtonContainer } from './CartButton';
6
7
  import { default as SignInButtonContainer } from './SignInButton';
7
8
  import { default as TagsButtonContainer } from './TagsButton';
8
9
  var Header = function (_a) {
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;
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, CartButton = _a.CartButton, CancelButton = _a.CancelButton, AccessibilityButton = _a.AccessibilityButton;
10
11
  var dispatch = useAppDispatch();
11
12
  var config = (useAppSelector(selectKioskConfig) || {}).header;
12
13
  var showButtons = !!(backAction || to);
@@ -35,6 +36,9 @@ var Header = function (_a) {
35
36
  var renderCancelButton = useCallback(function () {
36
37
  return CancelButton ? (React.createElement(CancelButtonContainer, { navigate: navigate, children: CancelButton })) : null;
37
38
  }, [CancelButton, navigate]);
39
+ var renderAccessibilityButton = useCallback(function () {
40
+ return AccessibilityButton ? (React.createElement(AccessibilityButtonContainer, { children: AccessibilityButton })) : null;
41
+ }, [AccessibilityButton]);
38
42
  if (!config)
39
43
  return null;
40
44
  return children({
@@ -47,7 +51,10 @@ var Header = function (_a) {
47
51
  ? renderTagsButton
48
52
  : undefined,
49
53
  renderCartButton: CartButton ? renderCartButton : undefined,
50
- renderCancelButton: CancelButton ? renderCancelButton : undefined
54
+ renderCancelButton: CancelButton ? renderCancelButton : undefined,
55
+ renderAccessibilityButton: AccessibilityButton
56
+ ? renderAccessibilityButton
57
+ : undefined
51
58
  });
52
59
  };
53
60
  export default Header;
package/dist/esm/components/ItemGroup.d.ts CHANGED
@@ -1,13 +1,16 @@
1
1
  import { CartItemGroup } from '@open-tender/types';
2
2
  import { ErrorMessageProps, ItemGroupProps, SuccessMessageProps } from '@open-tender/ui';
3
3
  import React from 'react';
4
- declare const _default: React.MemoExoticComponent<({ group, content, flash, index, onItemClicked, children, ErrorMessageView, SuccessMessageView }: {
4
+ declare const _default: React.MemoExoticComponent<({ group, content, flash, index, isInitiallyCollapsed, onItemClicked, children, ErrorMessageView, SuccessMessageView }: {
5
5
  group: CartItemGroup;
6
6
  content: React.ReactNode;
7
7
  flash?: boolean | undefined;
8
8
  index?: number | undefined;
9
+ isInitiallyCollapsed?: boolean | undefined;
9
10
  onItemClicked?: ((index?: number | undefined) => void) | undefined;
10
- children: (props: ItemGroupProps) => React.ReactNode;
11
+ children: (props: ItemGroupProps & {
12
+ isInitiallyCollapsed?: boolean | undefined;
13
+ }) => React.ReactNode;
11
14
  ErrorMessageView: (props: ErrorMessageProps) => React.ReactNode;
12
15
  SuccessMessageView: (props: SuccessMessageProps) => React.ReactNode;
13
16
  }) => React.ReactNode>;
package/dist/esm/components/ItemGroup.js CHANGED
@@ -5,7 +5,7 @@ import { selectKioskConfig } from '../slices';
5
5
  import { default as ErrorMessageContainer } from './ErrorMessage';
6
6
  import { default as SuccessMessageContainer } from './SuccessMessage';
7
7
  var ItemGroup = function (_a) {
8
- var group = _a.group, content = _a.content, flash = _a.flash, index = _a.index, onItemClicked = _a.onItemClicked, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
8
+ var group = _a.group, content = _a.content, flash = _a.flash, index = _a.index, isInitiallyCollapsed = _a.isInitiallyCollapsed, onItemClicked = _a.onItemClicked, children = _a.children, ErrorMessageView = _a.ErrorMessageView, SuccessMessageView = _a.SuccessMessageView;
9
9
  var config = useAppSelector(selectKioskConfig).itemGroup;
10
10
  var modifierGroup = useModifierGroup(group);
11
11
  var renderErrorMessage = useCallback(function (icon, children) { return (React.createElement(ErrorMessageContainer, { icon: icon, content: children, children: ErrorMessageView })); }, [ErrorMessageView]);
@@ -18,6 +18,7 @@ var ItemGroup = function (_a) {
18
18
  children: content,
19
19
  flash: flash,
20
20
  index: index,
21
+ isInitiallyCollapsed: isInitiallyCollapsed,
21
22
  onItemClicked: onItemClicked,
22
23
  renderErrorMessage: renderErrorMessage,
23
24
  renderSuccessMessage: renderSuccessMessage
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@open-tender/store",
3
- "version": "0.1.286",
3
+ "version": "0.1.288",
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",