@shoppexio/storefront-react 0.2.0 → 0.2.1

package/eject/account/account-page.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState, type ComponentType, type ReactElement, type ReactNode } from 'react';
+import { notifyFavoritesChanged } from '@shoppexio/storefront-react';
 import { Link, Navigate, useLocation } from 'react-router-dom';
 import {
   isAccountTabOffered,
@@ -119,6 +120,26 @@ export interface AccountPageProps {
   notFound: ReactNode;
 }
 
+/**
+ * The customer session changed inside this page (signed in or out) without a
+ * reload. Everything else on the storefront that reads the session must hear
+ * it: the favorites hearts reload, so a buyer who just signed in can save
+ * products and a signed-out page shows no one's saved set.
+ */
+export function announceCustomerSessionChange(): void {
+  notifyFavoritesChanged();
+}
+
+/**
+ * Whether a sign-out request ended the session. The worker clears the session
+ * cookie on every response it produces, even a 500 from the backend, so an
+ * ANSWERED request means the buyer really is signed out. Only a result with no
+ * status at all means nothing reached the edge and the session is still live.
+ */
+export function signOutEndedSession(result: { success: boolean; status?: number }): boolean {
+  return result.success || result.status !== undefined;
+}
+
 export function AccountPage({ frame: Frame, notFound }: AccountPageProps) {
   const location = useLocation();
   const search = new URLSearchParams(location.search);
@@ -184,16 +205,14 @@ export function AccountPage({ frame: Frame, notFound }: AccountPageProps) {
     const result = await callCustomerApi((sdk) => sdk.logout());
     setSigningOut(false);
 
-    // The worker clears the session cookie on every response it produces, even
-    // a 500 from the backend — so an ANSWERED request means the buyer really is
-    // signed out, whatever the status says. Only a result with no status at all
-    // means nothing reached the edge: the cookie is still there, the session is
-    // still live, and a signed-out page would be a lie the next reload exposes.
-    if (!result.success && result.status === undefined) {
+    // A signed-out page for a session that is still live would be a lie the
+    // next reload exposes (see signOutEndedSession).
+    if (!signOutEndedSession(result)) {
       setSignOutError(result.message?.trim() || t('account.signOutFailed'));
       return;
     }
     setSession({ status: 'signed-out' });
+    announceCustomerSessionChange();
   };
 
   /*
@@ -255,6 +274,7 @@ export function AccountPage({ frame: Frame, notFound }: AccountPageProps) {
               // and their already-used code.
               setPrefill(spendSignInPrefill());
               setSession({ status: 'signed-in' });
+              announceCustomerSessionChange();
             }}
           />
         ) : null}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoppexio/storefront-react",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React hooks, models and a customer account for Shoppex code storefronts",
   "type": "module",
   "homepage": "https://docs.shoppex.io/storefront/code-storefront-development",