MNTOR-3887- Add EnableRemovalUnderMaintenanceStep flag to manual removal feature (#5427)

* add enabledfeatureflags prop to components

* add more unit tests

* ignore tests

* ignore tests

* ignore test

* remove ignore comments

* iteration to prevent c8 ignore  for useglean and usetelemetry

Author: codemist

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/index.tsx

@@ -9,6 +9,7 @@ import { DoughnutChart as Chart } from "../../../../../../../components/client/C
 import { DashboardSummary } from "../../../../../../../functions/server/dashboard";
 import { StepDeterminationData } from "../../../../../../../functions/server/getRelevantGuidedSteps";
 import { DashboardTopBannerContent } from "./DashboardTopBannerContent";
+import { FeatureFlagName } from "../../../../../../../../db/tables/featureFlags";
 
 export type DashboardTopBannerProps = {
   bannerData: DashboardSummary;
@@ -29,6 +30,7 @@ export type DashboardTopBannerProps = {
     monthly: number;
   };
   totalNumberOfPerformedScans?: number;
+  enabledFeatureFlags: FeatureFlagName[];
 };
 
 export const DashboardTopBanner = (props: DashboardTopBannerProps) => {

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/View.tsx

@@ -178,9 +178,8 @@ export const View = (props: Props) => {
     arraySortedByDate.filter((exposure: Exposure) => {
       const exposureStatus = getExposureStatus(
         exposure,
-        props.enabledFeatureFlags.includes("AdditionalRemovalStatuses"),
-        // TODO: Waiting for criteria for data brokers under maintenance to be determined
-        // isDataBrokerUnderMaintenance(exposure),
+        isDataBrokerUnderMaintenance(exposure),
+        props.enabledFeatureFlags,
       );
 
       return (
@@ -232,12 +231,15 @@ export const View = (props: Props) => {
               variant="primary"
               wide
               href={
-                getNextGuidedStep({
-                  user: props.user,
-                  countryCode,
-                  latestScanData: adjustedScanData,
-                  subscriberBreaches: props.userBreaches,
-                }).href
+                getNextGuidedStep(
+                  {
+                    user: props.user,
+                    countryCode,
+                    latestScanData: adjustedScanData,
+                    subscriberBreaches: props.userBreaches,
+                  },
+                  props.enabledFeatureFlags,
+                ).href
               }
             >
               {l10n.getString("exposure-card-resolve-exposures-cta")}
@@ -531,6 +533,7 @@ export const View = (props: Props) => {
           yearlySubscriptionUrl={props.yearlySubscriptionUrl}
           subscriptionBillingAmount={props.subscriptionBillingAmount}
           totalNumberOfPerformedScans={props.totalNumberOfPerformedScans}
+          enabledFeatureFlags={props.enabledFeatureFlags}
         />
         <section className={styles.exposuresArea}>
           {activeTab === "action-needed" ? (
@@ -562,12 +565,12 @@ export const View = (props: Props) => {
   );
 };
 
-// TODO: Waiting for criteria for data brokers under maintenace to be determined
-// export function isDataBrokerUnderMaintenance(
-//   exposure: Exposure | OnerepScanResultDataBrokerRow,
-// ): boolean {
-//   return (
-//     isScanResult(exposure) &&
-//     exposure.broker_status === "removal_under_maintenance"
-//   );
-// }
+export function isDataBrokerUnderMaintenance(
+  exposure: Exposure | OnerepScanResultDataBrokerRow,
+): boolean {
+  return (
+    isScanResult(exposure) &&
+    exposure.broker_status === "removal_under_maintenance" &&
+    exposure.status !== "removed"
+  );
+}

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/FixView.tsx

@@ -19,6 +19,7 @@ import {
 } from "../../../../../../../functions/server/getRelevantGuidedSteps";
 import { useTelemetry } from "../../../../../../../hooks/useTelemetry";
 import { TelemetryButton } from "../../../../../../../components/client/TelemetryButton";
+import { FeatureFlagName } from "../../../../../../../../db/tables/featureFlags";
 
 export type FixViewProps = {
   children: ReactNode;
@@ -34,6 +35,7 @@ export type FixViewProps = {
   hideNavClose?: boolean;
   hideNextNavigationRightArrow?: boolean;
   showConfetti?: boolean;
+  enabledFeatureFlags: FeatureFlagName[];
 };
 
 export const FixView = (props: FixViewProps) => {
@@ -91,6 +93,7 @@ export const FixView = (props: FixViewProps) => {
             label={l10n.getString(
               "guided-resolution-flow-step-navigation-label",
             )}
+            enabledFeatureFlags={props.enabledFeatureFlags}
           />
         )}
         {!props.hideNavClose && navigationClose()}

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/automatic-remove/AutomaticRemove.stories.tsx

@@ -76,6 +76,7 @@ export const AutomaticRemoveViewStory: Story = {
             yearly: 13.37,
             monthly: 42.42,
           }}
+          enabledFeatureFlags={[]}
         />
       </Shell>
     );

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/automatic-remove/AutomaticRemoveView.tsx

@@ -32,6 +32,7 @@ import {
   useRadioGroup,
 } from "react-aria";
 import { VisuallyHidden } from "../../../../../../../../../components/server/VisuallyHidden";
+import { FeatureFlagName } from "../../../../../../../../../../db/tables/featureFlags";
 
 export type Props = Omit<ComponentProps<typeof FixView>, "children"> & {
   monthlySubscriptionUrl: string;
@@ -40,6 +41,7 @@ export type Props = Omit<ComponentProps<typeof FixView>, "children"> & {
     yearly: number;
     monthly: number;
   };
+  enabledFeatureFlags: FeatureFlagName[];
 };
 
 const RadioContext = createContext<RadioGroupState | null>(null);

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/automatic-remove/page.tsx

@@ -22,6 +22,7 @@ import {
 } from "../../../../../../../../../functions/server/getPremiumSubscriptionInfo";
 import { getAttributionsFromCookiesOrDb } from "../../../../../../../../../functions/server/attributions";
 import { hasPremium } from "../../../../../../../../../functions/universal/user";
+import { getEnabledFeatureFlags } from "../../../../../../../../../../db/tables/featureFlags";
 
 const monthlySubscriptionUrl = getPremiumSubscriptionUrl({ type: "monthly" });
 const yearlySubscriptionUrl = getPremiumSubscriptionUrl({ type: "yearly" });
@@ -37,6 +38,10 @@ export default async function AutomaticRemovePage() {
     session.user.subscriber.id,
   );
 
+  const enabledFeatureFlags = await getEnabledFeatureFlags({
+    email: session.user.email,
+  });
+
   const countryCode = getCountryCode(headers());
   const profileId = await getOnerepProfileId(session.user.subscriber.id);
   const scanData = await getScanResultsWithBroker(
@@ -60,11 +65,12 @@ export default async function AutomaticRemovePage() {
     <AutomaticRemoveView
       data={data}
       subscriberEmails={subscriberEmails}
-      nextStep={getNextGuidedStep(data, "Scan")}
+      nextStep={getNextGuidedStep(data, enabledFeatureFlags, "Scan")}
       currentSection="data-broker-profiles"
       monthlySubscriptionUrl={`${monthlySubscriptionUrl}&${additionalSubplatParams.toString()}`}
       yearlySubscriptionUrl={`${yearlySubscriptionUrl}&${additionalSubplatParams.toString()}`}
       subscriptionBillingAmount={getSubscriptionBillingAmount()}
+      enabledFeatureFlags={enabledFeatureFlags}
     />
   );
 }

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/manual-remove/ManualRemove.stories.tsx

@@ -66,6 +66,7 @@ export const ManualRemoveViewStory: Story = {
           subscriberEmails={[]}
           isPremiumUser={hasPremium(user)}
           isEligibleForPremium={true}
+          enabledFeatureFlags={[]}
         />
       </Shell>
     );

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/manual-remove/ManualRemoveView.tsx

@@ -26,6 +26,7 @@ import {
 import { FixView } from "../../FixView";
 import { TelemetryLink } from "../../../../../../../../../components/client/TelemetryLink";
 import { TelemetryButton } from "../../../../../../../../../components/client/TelemetryButton";
+import { FeatureFlagName } from "../../../../../../../../../../db/tables/featureFlags";
 
 export type Props = {
   scanData: LatestOnerepScanData;
@@ -35,6 +36,7 @@ export type Props = {
   user: Session["user"];
   countryCode: string;
   subscriberEmails: string[];
+  enabledFeatureFlags: FeatureFlagName[];
 };
 
 export function ManualRemoveView(props: Props) {
@@ -54,14 +56,19 @@ export function ManualRemoveView(props: Props) {
     user: props.user,
   };
 
-  const stepAfterSkip = getNextGuidedStep(data, "Scan");
+  const stepAfterSkip = getNextGuidedStep(
+    data,
+    props.enabledFeatureFlags,
+    "Scan",
+  );
 
   return (
     <FixView
       data={data}
       subscriberEmails={props.subscriberEmails}
       nextStep={stepAfterSkip}
       currentSection="data-broker-profiles"
+      enabledFeatureFlags={props.enabledFeatureFlags}
     >
       <div className={styles.main}>
         <div className={styles.content}>

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/manual-remove/page.tsx

@@ -13,6 +13,7 @@ import { hasPremium } from "../../../../../../../../../functions/universal/user"
 import { getCountryCode } from "../../../../../../../../../functions/server/getCountryCode";
 import { getSubscriberEmails } from "../../../../../../../../../functions/server/getSubscriberEmails";
 import { isEligibleForPremium } from "../../../../../../../../../functions/universal/premium";
+import { getEnabledFeatureFlags } from "../../../../../../../../../../db/tables/featureFlags";
 
 export default async function ManualRemovePage() {
   const session = await getServerSession();
@@ -21,6 +22,10 @@ export default async function ManualRemovePage() {
     redirect("/user/dashboard");
   }
 
+  const enabledFeatureFlags = await getEnabledFeatureFlags({
+    email: session.user.email,
+  });
+
   const countryCode = getCountryCode(headers());
   const profileId = await getOnerepProfileId(session.user.subscriber.id);
   const scanData = await getScanResultsWithBroker(
@@ -42,6 +47,7 @@ export default async function ManualRemovePage() {
       user={session.user}
       countryCode={countryCode}
       subscriberEmails={subscriberEmails}
+      enabledFeatureFlags={enabledFeatureFlags}
     />
   );
 }

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/removal-under-maintenance/RemovalUnderMaintenanceView.stories.tsx

@@ -64,6 +64,7 @@ export const RemovalUnderMaintenanceViewStory: Story = {
             user: mockedSession.user,
           }}
           subscriberEmails={[]}
+          enabledFeatureFlags={[]}
         />
       </Shell>
     );