Merge branch 'main' into dependabot/npm_and_yarn/types/node-22.13.10

Author: codemist

esbuild.cronjobs.js

@@ -14,7 +14,10 @@ import { build } from "esbuild";
 // own issues in Next.js. Thus, esbuild is a compromise that can resolve these
 // import specifiers for us.
 build({
-  entryPoints: ["./src/scripts/cronjobs/**/*.tsx", "./src/scripts/cronjobs/**/*.ts"],
+  entryPoints: [
+    "./src/scripts/cronjobs/**/*.tsx",
+    "./src/scripts/cronjobs/**/*.ts",
+  ],
   tsconfig: "tsconfig.cronjobs.json",
   bundle: true,
   platform: "node",

locales-pending/settings-premium.ftl

@@ -8,6 +8,11 @@ settings-cancel-plus-title = Cancel { -brand-monitor-plus } subscription
 settings-cancel-plus-details = Your subscription will revert to a free account after the current billing cycle ends. Your data broker scan results will be permanently deleted, and you may be re-added to those sites.
 settings-cancel-plus-link-label = Cancel from your { -brand-mozilla-account }
 
+## Sidebar navigation
+
+# Label for a navigation bar link to settings for updating the users scan profile info – “update” is used as a verb.
+settings-tab-label-update-scan-info = Update scan info
+
 ## Cancel Plus subscription - flow with a cancellation survey
 
 settings-cancel-plus-survey-button-label = Cancel your subscription

package-lock.json

@@ -13,7 +13,6 @@
     "dev:cron:monthly-activity-free": "tsx --tsconfig tsconfig.cronjobs.json src/scripts/cronjobs/monthlyActivityFree.tsx",
     "dev:cron:monthly-activity-plus": "tsx --tsconfig tsconfig.cronjobs.json src/scripts/cronjobs/monthlyActivityPlus.tsx",
     "dev:cron:breach-alerts": "tsx --tsconfig tsconfig.cronjobs.json src/scripts/cronjobs/emailBreachAlerts.tsx",
-    "dev:task:breach-alerts": "LOOP='true' tsx --tsconfig tsconfig.cronjobs.json src/scripts/cronjobs/emailBreachAlerts.tsx",
     "dev:cron:db-delete-unverified-subscribers": "tsx --tsconfig tsconfig.cronjobs.json src/scripts/cronjobs/deleteUnverifiedSubscribers.ts",
     "dev:cron:db-pull-breaches": "tsx --tsconfig tsconfig.cronjobs.json src/scripts/cronjobs/syncBreaches.ts",
     "dev:cron:db-pull-data-brokers": "tsx --tsconfig tsconfig.cronjobs.json src/scripts/cronjobs/syncOnerepDataBrokers.ts",
@@ -35,7 +34,6 @@
     "cron:monthly-activity-free": "node dist/scripts/cronjobs/monthlyActivityFree.js",
     "cron:monthly-activity-plus": "node dist/scripts/cronjobs/monthlyActivityPlus.js",
     "cron:breach-alerts": "node dist/scripts/cronjobs/emailBreachAlerts.js",
-    "task:breach-alerts": "LOOP='true' node dist/scripts/cronjobs/emailBreachAlerts.js",
     "cron:db-delete-unverified-subscribers": "node dist/scripts/cronjobs/deleteUnverifiedSubscribers.js",
     "cron:db-pull-breaches": "node dist/scripts/cronjobs/syncBreaches.js",
     "cron:db-pull-data-brokers": "node dist/scripts/cronjobs/syncOnerepDataBrokers.js",
@@ -120,15 +118,15 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.5.0",
-    "@google-cloud/bigquery": "^7.9.1",
+    "@google-cloud/bigquery": "^7.9.2",
     "@playwright/test": "^1.50.1",
-    "@storybook/addon-a11y": "^8.5.8",
-    "@storybook/addon-actions": "^8.5.8",
-    "@storybook/addon-essentials": "^8.5.8",
-    "@storybook/addon-interactions": "^8.5.8",
-    "@storybook/addon-links": "^8.5.8",
-    "@storybook/nextjs": "^8.5.8",
-    "@storybook/react": "^8.5.8",
+    "@storybook/addon-a11y": "^8.6.4",
+    "@storybook/addon-actions": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/nextjs": "^8.6.4",
+    "@storybook/react": "^8.6.4",
     "@storybook/test": "^8.5.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",

package.json

@@ -1,16 +1,34 @@
 @use "../../../../../tokens";
 
 .wrapper {
+  background-color: tokens.$color-grey-05;
   display: flex;
   flex-direction: column;
-  gap: tokens.$spacing-2xl;
-  background-color: tokens.$color-grey-05;
-  height: 100%;
+  gap: tokens.$layout-md;
+  min-height: 100%;
   padding: tokens.$layout-lg tokens.$layout-2xl;
 
   @media screen and (max-width: tokens.$screen-lg) {
     padding: tokens.$spacing-lg;
   }
+
+  section {
+    display: flex;
+    flex-direction: column;
+    gap: tokens.$spacing-lg;
+  }
+
+  table {
+    border-collapse: collapse;
+    font: tokens.$text-body-sm;
+
+    th,
+    td {
+      border: 1px solid tokens.$color-grey-60;
+      padding: tokens.$spacing-xs tokens.$spacing-sm;
+      text-align: left;
+    }
+  }
 }
 
 .header {
@@ -25,15 +43,14 @@
 .form {
   display: flex;
   flex-direction: column;
-  gap: tokens.$spacing-2xl;
+  gap: tokens.$spacing-lg;
 
   .userPicker {
     flex: 1 0 auto;
     align-items: center;
     display: flex;
     flex-wrap: wrap;
-    gap: tokens.$spacing-2xl;
-    min-height: tokens.$layout-2xl;
+    gap: tokens.$spacing-lg;
 
     label {
       display: flex;
@@ -47,16 +64,12 @@
       font: tokens.$text-body-md;
     }
   }
+}
 
-  .actions {
-    display: flex;
-    flex-wrap: wrap;
-    gap: tokens.$spacing-xl;
-
-    button {
-      flex: 1 1 25%;
-    }
-  }
+.actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: tokens.$spacing-sm;
 }
 
 .status {
@@ -66,3 +79,15 @@
   padding: tokens.$spacing-md tokens.$spacing-lg;
   font: tokens.$text-body-md;
 }
+
+.content {
+  display: flex;
+  gap: tokens.$spacing-lg;
+}
+
+.editInputs {
+  display: grid;
+  font: tokens.$text-body-sm;
+  gap: tokens.$spacing-md;
+  grid-template-columns: repeat(2, 1fr);
+}