@open-tender/store 0.1.285 → 0.1.287

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

@@ -1,6 +1,6 @@
-import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps } from '@open-tender/ui';
+import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps, ScreenConfig, Handlers } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton }: {
+declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton, AccessibilityButton }: {
     to?: string;
     backText?: string;
     backAction?: () => void;
@@ -9,10 +9,16 @@ declare const Header: ({ to, backText, backAction, pathname, navigate, children,
     children: (props: HeaderProps & {
         renderCartButton?: () => ReactNode;
         renderCancelButton?: () => ReactNode;
+        renderAccessibilityButton?: () => ReactNode;
     }) => ReactNode;
     SignInButtonView: (props: SignInButtonProps) => ReactNode;
     TagsButtonView?: (props: TagsButtonProps) => ReactNode;
     CartButton?: (props: CartButtonProps) => ReactNode;
     CancelButton?: (props: CancelButtonProps) => ReactNode;
+    AccessibilityButton?: (props: {
+        config: ScreenConfig;
+        isAccessibilityOn?: boolean;
+        handlers: Handlers;
+    }) => ReactNode;
 }) => React.ReactNode;
 export default Header;

package/dist/cjs/components/Header.js

@@ -4,12 +4,13 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var hooks_1 = require("../app/hooks");
 var slices_1 = require("../slices");
+var AccessibilityButton_1 = tslib_1.__importDefault(require("./AccessibilityButton"));
 var CancelButton_1 = tslib_1.__importDefault(require("./CancelButton"));
 var CartButton_1 = tslib_1.__importDefault(require("./CartButton"));
 var SignInButton_1 = tslib_1.__importDefault(require("./SignInButton"));
 var TagsButton_1 = tslib_1.__importDefault(require("./TagsButton"));
 var Header = function (_a) {
-    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;
+    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;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var config = ((0, hooks_1.useAppSelector)(slices_1.selectKioskConfig) || {}).header;
     var showButtons = !!(backAction || to);
@@ -38,6 +39,9 @@ var Header = function (_a) {
     var renderCancelButton = (0, react_1.useCallback)(function () {
         return CancelButton ? (react_1.default.createElement(CancelButton_1.default, { navigate: navigate, children: CancelButton })) : null;
     }, [CancelButton, navigate]);
+    var renderAccessibilityButton = (0, react_1.useCallback)(function () {
+        return AccessibilityButton ? (react_1.default.createElement(AccessibilityButton_1.default, { children: AccessibilityButton })) : null;
+    }, [AccessibilityButton]);
     if (!config)
         return null;
     return children({
@@ -50,7 +54,10 @@ var Header = function (_a) {
             ? renderTagsButton
             : undefined,
         renderCartButton: CartButton ? renderCartButton : undefined,
-        renderCancelButton: CancelButton ? renderCancelButton : undefined
+        renderCancelButton: CancelButton ? renderCancelButton : undefined,
+        renderAccessibilityButton: AccessibilityButton
+            ? renderAccessibilityButton
+            : undefined
     });
 };
 exports.default = Header;

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

@@ -1,6 +1,8 @@
 import { NotificationsProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const Notifications: ({ children }: {
-    children: (props: NotificationsProps) => ReactNode;
+    children: (props: NotificationsProps & {
+        isAccesibilityOn?: boolean;
+    }) => ReactNode;
 }) => ReactNode;
 export default Notifications;

package/dist/cjs/components/Notifications.js

@@ -6,8 +6,9 @@ var Notifications = function (_a) {
     var children = _a.children;
     var config = (0, hooks_1.useAppSelector)(slices_1.selectKioskConfig).notifications;
     var messages = (0, hooks_1.useAppSelector)(slices_1.selectNotifications);
+    var isAccesibilityOn = (0, hooks_1.useAppSelector)(slices_1.selectAccessibility);
     if (!config)
         return null;
-    return children({ config: config, messages: messages });
+    return children({ config: config, messages: messages, isAccesibilityOn: isAccesibilityOn });
 };
 exports.default = Notifications;

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

@@ -1,6 +1,6 @@
-import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps } from '@open-tender/ui';
+import { HeaderProps, SignInButtonProps, TagsButtonProps, CartButtonProps, CancelButtonProps, ScreenConfig, Handlers } from '@open-tender/ui';
 import React, { ReactNode } from 'react';
-declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton }: {
+declare const Header: ({ to, backText, backAction, pathname, navigate, children, SignInButtonView, TagsButtonView, CartButton, CancelButton, AccessibilityButton }: {
     to?: string;
     backText?: string;
     backAction?: () => void;
@@ -9,10 +9,16 @@ declare const Header: ({ to, backText, backAction, pathname, navigate, children,
     children: (props: HeaderProps & {
         renderCartButton?: () => ReactNode;
         renderCancelButton?: () => ReactNode;
+        renderAccessibilityButton?: () => ReactNode;
     }) => ReactNode;
     SignInButtonView: (props: SignInButtonProps) => ReactNode;
     TagsButtonView?: (props: TagsButtonProps) => ReactNode;
     CartButton?: (props: CartButtonProps) => ReactNode;
     CancelButton?: (props: CancelButtonProps) => ReactNode;
+    AccessibilityButton?: (props: {
+        config: ScreenConfig;
+        isAccessibilityOn?: boolean;
+        handlers: Handlers;
+    }) => ReactNode;
 }) => React.ReactNode;
 export default Header;

package/dist/esm/components/Header.js

@@ -1,12 +1,13 @@
 import React, { useCallback } from 'react';
 import { useAppDispatch, useAppSelector } from '../app/hooks';
 import { selectKioskConfig, selectStoreSettings, toggleSidebar } from '../slices';
+import { default as AccessibilityButtonContainer } from './AccessibilityButton';
 import { default as CancelButtonContainer } from './CancelButton';
 import { default as CartButtonContainer } from './CartButton';
 import { default as SignInButtonContainer } from './SignInButton';
 import { default as TagsButtonContainer } from './TagsButton';
 var Header = function (_a) {
-    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;
+    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;
     var dispatch = useAppDispatch();
     var config = (useAppSelector(selectKioskConfig) || {}).header;
     var showButtons = !!(backAction || to);
@@ -35,6 +36,9 @@ var Header = function (_a) {
     var renderCancelButton = useCallback(function () {
         return CancelButton ? (React.createElement(CancelButtonContainer, { navigate: navigate, children: CancelButton })) : null;
     }, [CancelButton, navigate]);
+    var renderAccessibilityButton = useCallback(function () {
+        return AccessibilityButton ? (React.createElement(AccessibilityButtonContainer, { children: AccessibilityButton })) : null;
+    }, [AccessibilityButton]);
     if (!config)
         return null;
     return children({
@@ -47,7 +51,10 @@ var Header = function (_a) {
             ? renderTagsButton
             : undefined,
         renderCartButton: CartButton ? renderCartButton : undefined,
-        renderCancelButton: CancelButton ? renderCancelButton : undefined
+        renderCancelButton: CancelButton ? renderCancelButton : undefined,
+        renderAccessibilityButton: AccessibilityButton
+            ? renderAccessibilityButton
+            : undefined
     });
 };
 export default Header;

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

@@ -1,6 +1,8 @@
 import { NotificationsProps } from '@open-tender/ui';
 import { ReactNode } from 'react';
 declare const Notifications: ({ children }: {
-    children: (props: NotificationsProps) => ReactNode;
+    children: (props: NotificationsProps & {
+        isAccesibilityOn?: boolean;
+    }) => ReactNode;
 }) => ReactNode;
 export default Notifications;

package/dist/esm/components/Notifications.js

@@ -1,11 +1,12 @@
 import { useAppSelector } from '../app/hooks';
-import { selectKioskConfig, selectNotifications } from '../slices';
+import { selectAccessibility, selectKioskConfig, selectNotifications } from '../slices';
 var Notifications = function (_a) {
     var children = _a.children;
     var config = useAppSelector(selectKioskConfig).notifications;
     var messages = useAppSelector(selectNotifications);
+    var isAccesibilityOn = useAppSelector(selectAccessibility);
     if (!config)
         return null;
-    return children({ config: config, messages: messages });
+    return children({ config: config, messages: messages, isAccesibilityOn: isAccesibilityOn });
 };
 export default Notifications;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "0.1.285",
+  "version": "0.1.287",
   "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",