remove __ac cookie

Author: Tishasoumya-02

frontend/packages/volto-light-theme/src/customizations/volto/helpers/AuthToken/AuthToken.js

@@ -0,0 +1,108 @@
+/**
+ * OVERRIDE: AuthToken.js
+ * REASON: Removing '__ac' cookie to avoid login-logout flicker issues
+ * DATE: 2026-01-06
+ * DEVELOPER: @Tishasoumya-02
+ */
+
+import Cookies from 'universal-cookie';
+import jwtDecode from 'jwt-decode';
+import { loginRenew } from '@plone/volto/actions/userSession/userSession';
+import { getCookieOptions } from '@plone/volto/helpers/Cookies/cookies';
+import { push } from 'connected-react-router';
+
+/**
+ * Get auth token method (does not work in SSR)
+ * @method getAuthToken
+ * @returns {undefined}
+ */
+export function getAuthToken() {
+  const cookies = new Cookies();
+  return cookies.get('auth_token');
+}
+
+/**
+ * Persist auth token method.
+ * @method persistAuthToken
+ * @param {object} store Redux store.
+ * @returns {undefined}
+ */
+export function persistAuthToken(store, req) {
+  const cookies = new Cookies();
+  let currentValue;
+  if (req) {
+    // We are in SSR
+    currentValue = req.universalCookies.get('auth_token');
+  } else {
+    currentValue = cookies.get('auth_token');
+  }
+  /**
+   * handleChange method.
+   * @method handleChange
+   * @param {bool} initial Initial call.
+   * @returns {undefined}
+   */
+  function handleChange(initial) {
+    const previousValue = currentValue;
+    const state = store.getState();
+    currentValue = state.userSession.token;
+    if (
+      module.hot &&
+      module.hot.data &&
+      module.hot.data.reloaded &&
+      previousValue
+    ) {
+      currentValue = previousValue;
+    }
+    if (previousValue !== currentValue || initial) {
+      if (!currentValue) {
+        if (previousValue) {
+          cookies.remove('auth_token', { path: '/' });
+          //START CUSTOMIZATION
+          cookies.remove('__ac', { path: '/' });
+          //END CUSTOMIZATION
+        }
+      } else {
+        if (previousValue !== currentValue) {
+          cookies.set(
+            'auth_token',
+            currentValue,
+            getCookieOptions({
+              expires: new Date(jwtDecode(currentValue).exp * 1000),
+            }),
+          );
+        }
+        const exp =
+          (jwtDecode(store.getState().userSession.token).exp * 1000 -
+            new Date().getTime()) *
+            0.9 || 3600000;
+        setTimeout(() => {
+          if (store.getState().userSession.token) {
+            if (
+              jwtDecode(store.getState().userSession.token).exp * 1000 >
+              new Date().getTime()
+            ) {
+              store.dispatch(loginRenew());
+            } else {
+              // Logout
+              store.dispatch(
+                push(
+                  `/logout?return_url=${
+                    store.getState().router.location.pathname
+                  }`,
+                ),
+              );
+            }
+          }
+        }, exp);
+      }
+    }
+  }
+  store.subscribe(handleChange);
+  handleChange(true);
+}
+if (module?.hot) {
+  module.hot.dispose((data) => {
+    data.reloaded = true;
+  });
+}