Merge branch 'main' into dependabot/npm_and_yarn/stylelint-c5e2604df3

Author: codemist

package-lock.json

@@ -78,9 +78,9 @@
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "canvas-confetti": "^1.9.4",
-    "ioredis": "^5.8.2",
+    "ioredis": "^5.9.2",
     "jsdom": "^27.0.0",
-    "jsonwebtoken": "^9.0.2",
+    "jsonwebtoken": "^9.0.3",
     "jwk-to-pem": "^2.0.7",
     "knex": "^3.1.0",
     "lodash.isequal": "^4.5.0",
@@ -124,7 +124,7 @@
     "@types/lodash.isequal": "^4.5.8",
     "@types/mjml": "^4.7.4",
     "@types/mjml-browser": "^4.15.0",
-    "@types/nodemailer": "^7.0.4",
+    "@types/nodemailer": "^7.0.5",
     "@typescript-eslint/eslint-plugin": "^8.52.0",
     "@typescript-eslint/parser": "^8.32.1",
     "adm-zip": "^0.5.16",
@@ -139,7 +139,7 @@
     "eslint-plugin-jsdoc": "^62.0.0",
     "eslint-plugin-storybook": "10.1.11",
     "fast-check": "^4.5.3",
-    "globals": "^16.5.0",
+    "globals": "^17.0.0",
     "husky": "^9.1.7",
     "ioredis-mock": "^8.13.1",
     "jest": "^30.2.0",

package.json

@@ -135,27 +135,55 @@ export const SsnStory: Story = {
   args: {
     type: "social-security-number",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/high-risk-data-breaches/social-security-number",
+      },
+    },
+  },
 };
 
 export const CreditCardStory: Story = {
   name: "2b. Credit card",
   args: {
     type: "credit-card",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/high-risk-data-breaches/credit-card",
+      },
+    },
+  },
 };
 
 export const BankAccountStory: Story = {
   name: "2c. Bank account",
   args: {
     type: "bank-account",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/high-risk-data-breaches/bank-account",
+      },
+    },
+  },
 };
 
 export const PinStory: Story = {
   name: "2d. PIN",
   args: {
     type: "pin",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/high-risk-data-breaches/pin",
+      },
+    },
+  },
 };
 
 export const HighRiskBreachDoneStory: Story = {
@@ -164,4 +192,11 @@ export const HighRiskBreachDoneStory: Story = {
     type: "done",
     nextUnresolvedBreachType: "None",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/high-risk-data-breaches/done",
+      },
+    },
+  },
 };

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

@@ -122,13 +122,27 @@ export const PasswordsStory: Story = {
   args: {
     type: "passwords",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/leaked-passwords/passwords",
+      },
+    },
+  },
 };
 
 export const SecurityQuestionsStory: Story = {
   name: "3b. Security questions",
   args: {
     type: "security-questions",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/leaked-passwords/security-questions",
+      },
+    },
+  },
 };
 
 export const LeakedPasswordsDoneStory: Story = {
@@ -137,4 +151,11 @@ export const LeakedPasswordsDoneStory: Story = {
     type: "passwords-done",
     nextUnresolvedBreachType: "None",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/leaked-passwords/done",
+      },
+    },
+  },
 };

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/leaked-passwords/[type]/LeakedPasswords.stories.tsx

@@ -93,25 +93,53 @@ export const PhoneStory: Story = {
   args: {
     type: "phone",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/security-recommendations/phone",
+      },
+    },
+  },
 };
 
 export const EmailStory: Story = {
   name: "4b. Email address",
   args: {
     type: "email",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/security-recommendations/email",
+      },
+    },
+  },
 };
 
 export const IpStory: Story = {
   name: "4c. IP address",
   args: {
     type: "ip",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/security-recommendations/ip",
+      },
+    },
+  },
 };
 
 export const DoneStory: Story = {
   name: "4d. Done",
   args: {
     type: "done",
   },
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/security-recommendations/done",
+      },
+    },
+  },
 };

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/security-recommendations/[type]/SecurityRecommendations.stories.tsx

@@ -0,0 +1,28 @@
+@use "../../../tokens";
+
+.homeLink {
+  display: none;
+
+  @media screen and (min-width: tokens.$screen-md) {
+    align-items: center;
+    display: flex;
+    height: tokens.$tab-bar-height;
+    padding: 0 tokens.$spacing-lg;
+
+    img {
+      display: block;
+      max-width: 100%;
+    }
+
+    &:focus {
+      outline-offset: calc(-1 * tokens.$border-focus-width);
+      outline: tokens.$border-focus-width solid tokens.$color-purple-10;
+    }
+
+    &.isOnDashboard {
+      background: tokens.$color-white;
+      border-bottom: 1px solid tokens.$color-grey-20;
+      box-shadow: tokens.$box-shadow-xs;
+    }
+  }
+}

src/app/(proper_react)/(redesign)/Shell/MonitorLogo.module.scss

@@ -0,0 +1,36 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * 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 type { Meta, StoryObj } from "@storybook/nextjs";
+import { MonitorLogo } from "./MonitorLogo";
+
+const meta: Meta<typeof MonitorLogo> = {
+  title: "Layout/Navigation/Monitor Logo",
+  component: MonitorLogo,
+};
+
+export default meta;
+type Story = StoryObj<typeof MonitorLogo>;
+
+export const MonitorLogoFixFlow: Story = {
+  args: {},
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/fix/leaked-passwords/passwords",
+      },
+    },
+  },
+};
+
+export const MonitorLogoActionNeeded: Story = {
+  args: {},
+  parameters: {
+    nextjs: {
+      navigation: {
+        pathname: "/action-needed",
+      },
+    },
+  },
+};