MNTOR-4943 - Support scan results without exposure data (#6103)

* MNTOR-4943 - Support scan results without exposure data

* add unit test

Author: codemist

locales-pending/dashboard-premium.ftl

@@ -211,6 +211,7 @@ exposure-card-description-info-for-sale-fixed = As a { -brand-monitor-plus } mem
 exposure-card-description-info-for-sale-fixed-manually-fixed =  You marked this profile as fixed. Be sure you’ve followed all instructions on <data_broker_profile>the site</data_broker_profile> to ensure they remove your personal info.
 exposure-card-description-info-for-sale-fixed-removal-under-maintenance-manually-fixed = You marked <data_broker_profile>this profile</data_broker_profile> as resolved. You could be added back in the future, so { -brand-monitor } will continue to scan data broker sites for new exposures.
 exposure-card-description-info-for-sale-manual-removal-needed = We’ve asked this data broker to remove your profile but they haven’t done it. To start the process sooner, we can guide you step-by-step to manually remove your profile and resolve any exposures. Select <b>Resolve exposures</b> to get started.
+exposure-card-description-no-exposures-found = This site only exposed your name; no other personal information was found.
 
 ## Manual Removal Data Broker
 

src/app/components/client/exposure_card/ExposureCard.stories.tsx

@@ -12,6 +12,7 @@ import {
 } from "../../../../apiMocks/mockData";
 import { defaultExperimentData } from "../../../../telemetry/generated/nimbus/experiments";
 import { BreachDataTypes } from "../../../functions/universal/breach";
+import { OnerepScanResultDataBrokerRow } from "knex/types/tables";
 
 const meta: Meta<typeof ExposureCard> = {
   title: "Dashboard/Exposures/Exposure Card",
@@ -50,12 +51,35 @@ const ScanMockItemInProgress = createRandomOnerepScanResult({
   status: "optout_in_progress",
   manually_resolved: false,
 });
-
 const ScanMockItemRemovalUnderMaintenance = createRandomOnerepScanResult({
   status: "optout_in_progress",
   manually_resolved: false,
   broker_status: "removal_under_maintenance",
 });
+const ScanMockItemNoExposureData: OnerepScanResultDataBrokerRow = {
+  id: 0,
+  onerep_scan_result_id: 123,
+  onerep_scan_id: 123,
+  first_name: "John",
+  last_name: "Doe",
+  middle_name: "",
+  age: 20,
+  status: "new",
+  manually_resolved: false,
+  phones: [],
+  emails: [],
+  relatives: [],
+  link: "link.com",
+  data_broker: "randomdatabroke.com",
+  data_broker_id: 100,
+  created_at: new Date(),
+  updated_at: new Date(),
+  optout_attempts: 0,
+  broker_status: "active",
+  scan_result_status: "new",
+  url: "url",
+  addresses: [],
+};
 
 const ScanMockItemRemovalUnderMaintenanceManuallyFixed =
   createRandomOnerepScanResult({
@@ -93,6 +117,13 @@ export const DataBrokerRequestedRemoval: Story = {
   },
 };
 
+export const DataBrokerActionNeededNoExposureResults: Story = {
+  args: {
+    exposureImg: FamilyTreeImage,
+    exposureData: ScanMockItemNoExposureData,
+  },
+};
+
 export const DataBrokerActionNeeded: Story = {
   args: {
     exposureImg: FamilyTreeImage,

src/app/components/client/exposure_card/ExposureCard.test.tsx

@@ -18,6 +18,7 @@ import Meta, {
   DataBrokerRemovalUnderMaintenance,
   DataBrokerRemovalUnderMaintenanceFixed,
   DataBrokerRemovalUnderMaintenanceAutomaticallyRemoved,
+  DataBrokerActionNeededNoExposureResults,
 } from "./ExposureCard.stories";
 import { isDataBrokerUnderMaintenance } from "../../../(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/View";
 import { createRandomOnerepScanResult } from "../../../../apiMocks/mockData";
@@ -42,6 +43,19 @@ it("passes the axe accessibility test suite", async () => {
 }, 10_000);
 
 describe("ScanResultCard", () => {
+  // No exposure results down
+  it("shows the alternative string for when exposure results are empty", () => {
+    const ComposedProgressCard = composeStory(
+      DataBrokerActionNeededNoExposureResults,
+      Meta,
+    );
+    render(<ComposedProgressCard />);
+    const innerDescription = screen.getByText(
+      "This site only exposed your name; no other personal information was found.",
+    );
+    expect(innerDescription).toBeInTheDocument();
+  });
+
   // Data broker action needed
   it("shows the right description for a scan result card where there is action needed", () => {
     const ComposedProgressCard = composeStory(DataBrokerActionNeeded, Meta);

src/app/components/client/exposure_card/ScanResultCard.tsx

@@ -277,6 +277,12 @@ export const ScanResultCard = (props: ScanResultCardProps) => {
     }
   })();
 
+  const noExposureDataFound =
+    scanResult.phones.length === 0 &&
+    scanResult.relatives.length === 0 &&
+    scanResult.addresses.length === 0 &&
+    scanResult.emails.length === 0;
+
   const exposureCard = (
     <div aria-label={props.scanResult.data_broker}>
       <div className={styles.exposureCard}>
@@ -379,13 +385,17 @@ export const ScanResultCard = (props: ScanResultCardProps) => {
           </div>
           <div className={styles.exposureDetailsContent}>
             <p className={styles.exposedInfoTitle}>
-              {l10n.getString("exposure-card-found-the-following-data")}
+              {noExposureDataFound
+                ? l10n.getString("exposure-card-description-no-exposures-found")
+                : l10n.getString("exposure-card-found-the-following-data")}
             </p>
-            <div className={styles.exposedDataTypes}>
-              {exposureCategoriesArray.map((item) => (
-                <React.Fragment key={item.key}>{item}</React.Fragment>
-              ))}
-            </div>
+            {!noExposureDataFound && (
+              <div className={styles.exposedDataTypes}>
+                {exposureCategoriesArray.map((item) => (
+                  <React.Fragment key={item.key}>{item}</React.Fragment>
+                ))}
+              </div>
+            )}
           </div>
           <span className={styles.resolveExposuresCtaMobile}>
             {resolveExposuresCta}