Revert "Set cookies for all pages" (#5077)

package.json

@@ -160,7 +160,6 @@
     "stylelint-scss": "^6.6.0",
     "tsx": "^4.19.1",
     "typescript": "^5.6.2",
-    "universal-cookie": "^7.2.0",
     "yaml": "^2.5.0"
   }
 }

src/TestComponentWrapper.tsx

@@ -8,28 +8,25 @@ import { PublicEnvProvider } from "./contextProviders/public-env";
 import { SessionProvider } from "next-auth/react";
 import { ReactAriaI18nProvider } from "./contextProviders/react-aria";
 import { getL10nBundles } from "./app/functions/l10n/storybookAndJest";
-import { CookiesProvider } from "./contextProviders/cookies";
 
 const l10nBundles = getL10nBundles();
 
 export const TestComponentWrapper = (props: { children: ReactNode }) => {
   return (
-    <CookiesProvider defaultSetOptions={{ path: "/" }}>
-      <L10nProvider bundleSources={l10nBundles}>
-        <PublicEnvProvider
-          publicEnvs={{
-            PUBLIC_APP_ENV:
-              /* c8 ignore next */
-              process.env.STORYBOOK === "true" ? "storybook" : "test",
-          }}
-        >
-          <SessionProvider session={null}>
-            <ReactAriaI18nProvider locale="en">
-              {props.children}
-            </ReactAriaI18nProvider>
-          </SessionProvider>
-        </PublicEnvProvider>
-      </L10nProvider>
-    </CookiesProvider>
+    <L10nProvider bundleSources={l10nBundles}>
+      <PublicEnvProvider
+        publicEnvs={{
+          PUBLIC_APP_ENV:
+            /* c8 ignore next */
+            process.env.STORYBOOK === "true" ? "storybook" : "test",
+        }}
+      >
+        <SessionProvider session={null}>
+          <ReactAriaI18nProvider locale="en">
+            {props.children}
+          </ReactAriaI18nProvider>
+        </SessionProvider>
+      </PublicEnvProvider>
+    </L10nProvider>
   );
 };

src/app/(proper_react)/layout.tsx

@@ -14,7 +14,6 @@ import { getCountryCode } from "../functions/server/getCountryCode";
 import { PageLoadEvent } from "../components/client/PageLoadEvent";
 import { getExperimentationId } from "../functions/server/getExperimentationId";
 import { getEnabledFeatureFlags } from "../../db/tables/featureFlags";
-import { CookiesProvider } from "../../contextProviders/cookies";
 
 export default async function Layout({ children }: { children: ReactNode }) {
   const l10nBundles = getL10nBundles();
@@ -26,18 +25,16 @@ export default async function Layout({ children }: { children: ReactNode }) {
   });
 
   return (
-    <CookiesProvider defaultSetOptions={{ path: "/" }}>
-      <L10nProvider bundleSources={l10nBundles}>
-        <ReactAriaI18nProvider locale={getLocale(l10nBundles)}>
-          <CountryCodeProvider countryCode={countryCode}>
-            {children}
-            <PageLoadEvent
-              experimentationId={getExperimentationId(session?.user ?? null)}
-              enabledFlags={enabledFlags}
-            />
-          </CountryCodeProvider>
-        </ReactAriaI18nProvider>
-      </L10nProvider>
-    </CookiesProvider>
+    <L10nProvider bundleSources={l10nBundles}>
+      <ReactAriaI18nProvider locale={getLocale(l10nBundles)}>
+        <CountryCodeProvider countryCode={countryCode}>
+          {children}
+          <PageLoadEvent
+            experimentationId={getExperimentationId(session?.user ?? null)}
+            enabledFlags={enabledFlags}
+          />
+        </CountryCodeProvider>
+      </ReactAriaI18nProvider>
+    </L10nProvider>
   );
 }

src/app/components/client/PageLoadEvent.tsx

@@ -50,9 +50,11 @@ export const PageLoadEvent = (props: Props) => {
     // record attributions on page load
     if (window.location.search?.length > 0) {
       if (!cookies.attributionsFirstTouch) {
-        setCookie("attributionsFirstTouch", window.location.search);
+        setCookie("attributionsFirstTouch", window.location.search, {
+          path: "/",
+        });
       }
-      setCookie("attributionsLastTouch", window.location.search);
+      setCookie("attributionsLastTouch", window.location.search, { path: "/" });
     }
   }, [setCookie, cookies.attributionsFirstTouch]);
   // This component doesn't render anything.

src/app/functions/client/deleteAllCookies.ts

@@ -2,11 +2,10 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import { Cookies } from "react-cookie";
-
 export function deleteAllCookies() {
-  const cookies = new Cookies(null, { path: "/" });
-  Object.keys(cookies.getAll()).forEach((cookieName) =>
-    cookies.remove(cookieName),
-  );
+  const cookieParts = document.cookie.split(";");
+  const cookieNames = cookieParts.map((part) => part.trim().split("=")[0]);
+  cookieNames.forEach((cookieName) => {
+    document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+  });
 }