MNTOR-5066 - Big data broker FE removal

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/high-risk-data-breaches/FraudAlertModal.tsx

@@ -58,6 +58,7 @@ export const FraudAlertModal = () => {
           isDismissable={true}
         >
           <Dialog
+            onDismiss={() => overlayTriggerState.close()}
             title={l10n.getString("ssn-modal-title")}
             illustration={<Image src={FraudAlertDialogIllustration} alt="" />}
           >

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/high-risk-data-breaches/[type]/HighRiskBreachLayout.test.tsx

@@ -3,7 +3,8 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import { it, expect } from "@jest/globals";
-import { render, screen } from "@testing-library/react";
+import { act, render, screen } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
 import { composeStory } from "@storybook/react";
 import { axe } from "jest-axe";
 import { setupJestCanvasMock } from "jest-canvas-mock";
@@ -130,3 +131,49 @@ it("shows the high-risk celebration view, next step is passwords, no next step",
   });
   expect(buttonLink).toHaveAttribute("href", "/user/dashboard");
 });
+
+it("opens the fraud alert modal when Open modal button is clicked", async () => {
+  const user = userEvent.setup();
+  const ComposedComponent = composeStory(SsnStory, Meta);
+  // Suppress navigation errors from jsdom
+  jest.spyOn(console, "error").mockImplementation(() => undefined);
+  render(<ComposedComponent />);
+
+  // The FraudAlertModal is only rendered for SSN breach type
+  // The button has aria-label="Open modal" and aria-describedby="ssnModalTitle"
+  const learnMoreButton = screen.getByLabelText("Open modal");
+  await act(async () => {
+    await user.click(learnMoreButton);
+  });
+
+  const dialog = screen.getByRole("dialog");
+  expect(dialog).toBeInTheDocument();
+  // Verify the dialog contains a title element
+  expect(dialog).toHaveAttribute("aria-labelledby");
+});
+
+it("closes the fraud alert modal when close button is clicked", async () => {
+  const user = userEvent.setup();
+  const ComposedComponent = composeStory(SsnStory, Meta);
+  // Suppress navigation errors from jsdom
+  jest.spyOn(console, "error").mockImplementation(() => undefined);
+  render(<ComposedComponent />);
+
+  // Open the modal first
+  const learnMoreButton = screen.getByLabelText("Open modal");
+  await act(async () => {
+    await user.click(learnMoreButton);
+  });
+
+  expect(screen.getByRole("dialog")).toBeInTheDocument();
+
+  // Close the modal
+  const closeButton = screen.getByRole("button", {
+    name: "Close modal",
+  });
+  await act(async () => {
+    await user.click(closeButton);
+  });
+
+  expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+});

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/SettingsPage.test.tsx

@@ -748,7 +748,7 @@
       expect(affectedRadioButton).toHaveAttribute("aria-checked", "true");
     });
 
     it("refreshes the session token after changing email alert preferences, to ensure the latest pref is available in it", async () => {
       global.fetch = jest.fn().mockResolvedValueOnce({ ok: true });
       const user = userEvent.setup();
       const ComposedStory = composeStory(
@@ -762,8 +762,23 @@
       await act(async () => {
         await user.click(affectedRadioButton);
       });
+    });
+  });
+
+  describe("activeTab prop fallback", () => {
+    it("uses first tab (edit-info) as default when activeTab is undefined", () => {
+      const ComposedStory = composeStory(
+        SettingsEditNotifications,
+        SettingsMeta,
+      );
+      // Pass undefined to test the fallback logic from SettingsContent.tsx line 58
+      render(<ComposedStory activeTab={undefined} />);
 
-      expect(mockedSessionUpdate).toHaveBeenCalledTimes(1);
+      // The first tab "Edit info" should be selected by default (tabsData[0].key = "edit-info")
+      const editInfoPanel = screen.getByRole("heading", {
+        name: "Update scan info",
+      });
+      expect(editInfoPanel).toBeInTheDocument();
     });
   });
 });

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/stories/SettingsStoryWrapper.tsx

@@ -2,11 +2,7 @@
  * 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 {
-  EmailAddressRow,
-  OnerepProfileRow,
-  SubscriberRow,
-} from "knex/types/tables";
+import { EmailAddressRow, SubscriberRow } from "knex/types/tables";
 import { fn } from "storybook/test";
 import { SettingsView, TabType } from "../View";
 import { Shell } from "../../../../../Shell/Shell";
@@ -34,9 +30,7 @@ export type SettingsWrapperProps = {
   isMonthlySubscriber: boolean;
   subscriber: SubscriberRow;
   emailAddresses?: EmailAddressRow[];
-  profileData?: OnerepProfileRow;
   data?: SubscriberEmailPreferencesOutput;
-  hasPlus?: boolean;
 };
 
 export const mockedActions = {
@@ -57,7 +51,7 @@ export const SettingsWrapper = (props: SettingsWrapperProps) => {
       metricsEnabled: false,
       avatar: "https://profile.stage.mozaws.net/v1/avatar/e",
       avatarDefault: true,
-      subscriptions: props.hasPlus ? ["monitor"] : [],
+      subscriptions: [],
     },
     subscriber: {
       id: 42,

src/app/components/client/dialog/Dialog.tsx

@@ -12,7 +12,7 @@ import { useL10n } from "../../../hooks/l10n";
 
 export type Props = {
   children: ReactNode;
-  onDismiss?: () => void;
+  onDismiss: () => void;
   title?: ReactNode;
   illustration?: ReactNode;
   fitContent?: boolean;
@@ -40,25 +40,24 @@ export const Dialog = ({
     dialogTitleRef.current?.focus();
   }, []);
 
-  const dismissButton =
-    typeof onDismiss === "function" ? (
-      <button
-        {...dismissButtonProps}
-        ref={dismissButtonRef}
-        className={styles.dismissButton}
-        /* c8 ignore start */
-        onClick={() => {
-          onDismiss();
-        }}
-        /* c8 ignore stop */
-      >
-        <CloseBtn
-          alt={l10n.getString("close-modal-alt")}
-          width="14"
-          height="14"
-        />
-      </button>
-    ) : null;
+  const dismissButton = (
+    <button
+      {...dismissButtonProps}
+      ref={dismissButtonRef}
+      className={styles.dismissButton}
+      /* c8 ignore start */
+      onClick={() => {
+        onDismiss();
+      }}
+      /* c8 ignore stop */
+    >
+      <CloseBtn
+        alt={l10n.getString("close-modal-alt")}
+        width="14"
+        height="14"
+      />
+    </button>
+  );
 
   return (
     <div

src/app/functions/universal/attributions.ts

@@ -24,26 +24,6 @@ export function modifyAttributionsForUrl(
   return `${originalUrl.href.split("?")[0]}?${searchParams.toString()}`;
 }
 
-export function modifyAttributionsForUrlSearchParams(
-  searchParams: URLSearchParams,
-  replaceValues: Record<string, string>,
-  defaultValues: Record<string, string>,
-) {
-  // overwrite the three params below
-  for (const k in replaceValues) {
-    searchParams.set(k, replaceValues[k]);
-  }
-
-  // placeholder utms if acquisition source is unknown
-  for (const k in defaultValues) {
-    if (!searchParams.has(k)) {
-      searchParams.append(k, defaultValues[k]);
-    }
-  }
-
-  return searchParams;
-}
-
 export const containsExpectedSearchParams = (
   expectedSearchParams: Record<string, string>,
   searchParams: URLSearchParams,

src/app/functions/universal/user.ts

@@ -3,7 +3,6 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import { Session } from "next-auth";
-import { ISO8601DateString } from "../../../utils/parse";
 import { SubscriberRow } from "knex/types/tables";
 
 // TODO: Keep this until after Dec 31, 2024, then remove Plus entirely.
@@ -20,15 +19,3 @@ export function hasPremium(user?: Session["user"] | SubscriberRow): boolean {
   /* c8 ignore next */
   return subscriptions?.includes("monitor") ?? false;
 }
-
-// Users need to be at least 13 years or older.
-const USER_MIN_AGE = 13;
-export function meetsAgeRequirement(dateOfBirth: ISO8601DateString): boolean {
-  const dateNow = new Date();
-  const dateBirth = new Date(dateOfBirth);
-  const dateDelta = new Date(dateNow.valueOf() - dateBirth.valueOf());
-  const unixStartDate = new Date(0);
-  const age = dateDelta.getUTCFullYear() - unixStartDate.getUTCFullYear();
-
-  return age >= USER_MIN_AGE;
-}