@open-tender/store 1.1.83 → 1.1.85

package/dist/cjs/components/Header.js

@@ -9,6 +9,7 @@ var Header = function (_a) {
     var to = _a.to, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView;
     var dispatch = (0, hooks_1.useAppDispatch)();
     var header = ((0, hooks_1.useAppSelector)(slices_1.selectKioskConfig) || {}).header;
+    var showButtons = !!(backAction || to);
     var back = function () {
         if (backAction) {
             backAction();
@@ -16,14 +17,18 @@ var Header = function (_a) {
         else if (to) {
             navigate(to);
         }
+        else {
+            navigate('/');
+        }
     };
+    var startOver = function () { return navigate('/'); };
     var open = function () {
         dispatch((0, slices_1.toggleSidebar)());
     };
-    var handlers = to || backAction ? { back: back, open: open } : null;
+    var handlers = { back: back, open: open, startOver: startOver };
     var renderSignInButton = (0, react_1.useCallback)(function () { return (react_1.default.createElement(SignInButton_1.default, { pathname: pathname, navigate: navigate, children: SignInButtonView })); }, [pathname, navigate, SignInButtonView]);
     if (!header)
         return null;
-    return children({ config: header, handlers: handlers, renderSignInButton: renderSignInButton });
+    return children({ config: header, handlers: handlers, showButtons: showButtons, renderSignInButton: renderSignInButton });
 };
 exports.default = Header;

package/dist/cjs/components/SignInButton.js

@@ -19,6 +19,7 @@ var SignInButton = function (_a) {
     var customer = ((0, hooks_1.useAppSelector)(slices_1.selectCustomerIdentified) || {}).customer;
     var customerId = (customer || {}).customer_id;
     var isAccount = pathname.includes('account');
+    var shouldFetch = !!(customerId && !customer && !isAccount);
     var signIn = function () {
         dispatch((0, slices_1.openModal)({ type: 'SIGN_IN' }));
     };
@@ -30,10 +31,10 @@ var SignInButton = function (_a) {
     var goToAccount = function () { return navigate('/account'); };
     var handlers = { signIn: signIn, signOut: signOut, goToAccount: goToAccount };
     (0, react_1.useEffect)(function () {
-        if (customerId) {
+        if (shouldFetch) {
             dispatch((0, slices_1.fetchCustomer)({ customerId: customerId, endpoints: endpoints }));
         }
-    }, [dispatch, customerId]);
+    }, [dispatch, shouldFetch, customerId]);
     if (!config)
         return null;
     return children({ config: config, handlers: handlers, customer: customer, isAccount: isAccount });

package/dist/esm/components/Header.js

@@ -6,6 +6,7 @@ var Header = function (_a) {
     var to = _a.to, backAction = _a.backAction, pathname = _a.pathname, navigate = _a.navigate, children = _a.children, SignInButtonView = _a.SignInButtonView;
     var dispatch = useAppDispatch();
     var header = (useAppSelector(selectKioskConfig) || {}).header;
+    var showButtons = !!(backAction || to);
     var back = function () {
         if (backAction) {
             backAction();
@@ -13,14 +14,18 @@ var Header = function (_a) {
         else if (to) {
             navigate(to);
         }
+        else {
+            navigate('/');
+        }
     };
+    var startOver = function () { return navigate('/'); };
     var open = function () {
         dispatch(toggleSidebar());
     };
-    var handlers = to || backAction ? { back: back, open: open } : null;
+    var handlers = { back: back, open: open, startOver: startOver };
     var renderSignInButton = useCallback(function () { return (React.createElement(SignInButtonContainer, { pathname: pathname, navigate: navigate, children: SignInButtonView })); }, [pathname, navigate, SignInButtonView]);
     if (!header)
         return null;
-    return children({ config: header, handlers: handlers, renderSignInButton: renderSignInButton });
+    return children({ config: header, handlers: handlers, showButtons: showButtons, renderSignInButton: renderSignInButton });
 };
 export default Header;

package/dist/esm/components/SignInButton.js

@@ -17,6 +17,7 @@ var SignInButton = function (_a) {
     var customer = (useAppSelector(selectCustomerIdentified) || {}).customer;
     var customerId = (customer || {}).customer_id;
     var isAccount = pathname.includes('account');
+    var shouldFetch = !!(customerId && !customer && !isAccount);
     var signIn = function () {
         dispatch(openModal({ type: 'SIGN_IN' }));
     };
@@ -28,10 +29,10 @@ var SignInButton = function (_a) {
     var goToAccount = function () { return navigate('/account'); };
     var handlers = { signIn: signIn, signOut: signOut, goToAccount: goToAccount };
     useEffect(function () {
-        if (customerId) {
+        if (shouldFetch) {
             dispatch(fetchCustomer({ customerId: customerId, endpoints: endpoints }));
         }
-    }, [dispatch, customerId]);
+    }, [dispatch, shouldFetch, customerId]);
     if (!config)
         return null;
     return children({ config: config, handlers: handlers, customer: customer, isAccount: isAccount });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "1.1.83",
+  "version": "1.1.85",
   "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,8 +62,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@open-tender/types": "^0.4.59",
-    "@open-tender/ui": "^0.3.70",
-    "@open-tender/utils": "^0.4.31",
+    "@open-tender/ui": "^0.3.72",
+    "@open-tender/utils": "^0.4.34",
     "@reduxjs/toolkit": "^2.0.1",
     "date-fns": "2.30.0",
     "date-fns-tz": "^2.0.0",