feat(container): revamp cookie deletion

ref: #MANAGER-21211

Signed-off-by: Dustin Kroger <dustin.kroger.ext@ovhcloud.com>

Author: aottr

packages/manager/apps/container/src/App.tsx

@@ -21,6 +21,7 @@ import { setupDevApplication } from '@/core/dev';
 import { ApplicationProvider } from '@/context';
 import Container from '@/container';
 import { ApiError } from './types/error.type';
+import { deleteMatchingCookies } from './helpers';
 
 function reloadPage() {
   window.location.reload();
@@ -55,26 +56,6 @@ function setupI18n(locale: string) {
     });
 }
 
-const deleteMatchingCookies = () => {
-  const cookies = document.cookie.split(';');
-  cookies.forEach((cookie) => {
-    const cookieName = cookie.split('=')[0].trim();
-    if (cookieName.startsWith('_biz_') || cookieName.startsWith('_mkto_trk') || cookieName.startsWith('_gcl_au')) {
-      // Delete the cookie by setting its expiration date to the past
-      document.cookie = `${cookieName}=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
-      // Also try to delete with domain variations
-      const domain = window.location.hostname;
-      document.cookie = `${cookieName}=; path=/; domain=${domain}; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
-      // Try with parent domain
-      const domainParts = domain.split('.');
-      if (domainParts.length > 2) {
-        const parentDomain = domainParts.slice(-2).join('.');
-        document.cookie = `${cookieName}=; path=/; domain=.${parentDomain}; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
-      }
-    }
-  });
-}
-
 const App = () => {
   const [error, setError] = useState(null);
   const [environment, setEnvironment] = useState<Environment>(null);

packages/manager/apps/container/src/cookie-policy/CookiePolicy.tsx

@@ -22,6 +22,7 @@ import { useApplication } from '@/context';
 import links from './links';
 import ovhCloudLogo from '../assets/images/logo-ovhcloud.png';
 import { WEBSITE_PRIVACY_COOKIE_NAME, WEBSITE_TRACKING_CONSENT_VALUE } from './CookiePolicy.constants';
+import { deleteCookie } from '@/helpers';
 
 type Props = {
   shell: Shell;
@@ -85,6 +86,7 @@ const CookiePolicy = ({ shell, onValidate }: Props): JSX.Element => {
       setShow(true);
     } else {
       trackingPlugin.setEnabled(false);
+      deleteCookie('clientSideUserId');
     }
     onValidate(isRegionUS || hasConsent);
   }, [show]);
@@ -94,10 +96,10 @@ const CookiePolicy = ({ shell, onValidate }: Props): JSX.Element => {
       {show && (
         <OsdsModal dismissible={false} onClick={(e) => e.stopPropagation()}>
           <div className="p-1">
-            <div className="w-full flex justify-center items-center">
+            <div className="flex w-full items-center justify-center">
               <img src={ovhCloudLogo} alt="ovh-cloud-logo" />
             </div>
-            <div className="text-center m-4">
+            <div className="m-4 text-center">
               <Subtitle>{t('cookie_policy_title')}</Subtitle>
             </div>
             <div className="mb-3">

packages/manager/apps/container/src/helpers/cookieHelper.ts

@@ -0,0 +1,23 @@
+export const deleteCookie = (cookieName: string) => {
+  // Delete the cookie by setting its expiration date to the past
+  document.cookie = `${cookieName}=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+  // Also try to delete with domain variations
+  const domain = window.location.hostname;
+  document.cookie = `${cookieName}=; path=/; domain=${domain}; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+  // Try with parent domain
+  const domainParts = domain.split('.');
+  if (domainParts.length > 2) {
+    const parentDomain = domainParts.slice(-2).join('.');
+    document.cookie = `${cookieName}=; path=/; domain=.${parentDomain}; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+  }
+};
+
+export const deleteMatchingCookies = () => {
+  const cookies = document.cookie.split(';');
+  cookies.forEach((cookie) => {
+    const cookieName = cookie.split('=')[0].trim();
+    if (cookieName.startsWith('_biz_') || cookieName.startsWith('_mkto_trk') || cookieName.startsWith('_gcl_au')) {
+      deleteCookie(cookieName);
+    }
+  });
+};

packages/manager/apps/container/src/helpers/index.ts

@@ -1,3 +1,4 @@
 export { truncate, capitalize, toScreamingSnakeCase } from './stringHelper/stringHelper';
 export { groupBy } from './arrayHelper/arrayHelper';
 export { fromNow } from './dateHelper';
+export { deleteMatchingCookies, deleteCookie } from './cookieHelper';