Adding notification for updated seed phrase wording (#11131)

* Adding notification for updated seed phrase wording

* Updating e2e notification state

* Always displaying image for swaps notification

app/_locales/en/messages.json

@@ -1288,6 +1288,10 @@
     "message": "Swap on Binance Smart Chain",
     "description": "Title for a notification in the 'See What's New' popup. Encourages users to do swaps on Binance Smart Chain."
   },
+  "notifications5Description": {
+    "message": "Your \"Seed Phrase\" is now called your \"Secret Recovery Phrase.\"",
+    "description": "Description of a notification in the 'See What's New' popup. Describes the seed phrase wording update."
+  },
   "notifications6DescriptionOne": {
     "message": "As of Chrome version 91, the API that enabled our Ledger support (U2F) no longer supports hardware wallets. MetaMask has implemented a new Ledger Live support that allows you to continue to connect to your Ledger device via the Ledger Live desktop app.",
     "description": "Description of a notification in the 'See What's New' popup. Describes the Ledger support update."

shared/notifications/index.js

@@ -22,6 +22,10 @@ export const UI_NOTIFICATIONS = {
       width: '100%',
     },
   },
+  5: {
+    id: 5,
+    date: '2021-05-18',
+  },
   6: {
     id: 6,
     date: '2021-05-26',
@@ -57,6 +61,15 @@ export const getTranslatedUINoficiations = (t, locale) => {
         new Date(UI_NOTIFICATIONS[4].date),
       ),
     },
+    5: {
+      ...UI_NOTIFICATIONS[5],
+      title: t('walletSeed'),
+      description: t('notifications5Description'),
+      actionText: t('notifications3ActionText'),
+      date: new Intl.DateTimeFormat(formattedLocale).format(
+        new Date(UI_NOTIFICATIONS[5].date),
+      ),
+    },
     6: {
       ...UI_NOTIFICATIONS[6],
       title: t('notifications6Title'),

test/e2e/fixtures/address-entry/state.json

@@ -55,10 +55,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         },
         "6": {

test/e2e/fixtures/connected-state/state.json

@@ -45,10 +45,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         },
         "6": {

test/e2e/fixtures/custom-rpc/state.json

@@ -41,10 +41,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         }
       }

test/e2e/fixtures/import-ui/state.json

@@ -96,10 +96,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         },
         "6": {

test/e2e/fixtures/imported-account/state.json

@@ -41,10 +41,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         },
         "6": {

test/e2e/fixtures/localization/state.json

@@ -41,10 +41,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         },
         "6": {

test/e2e/fixtures/metrics-enabled/state.json

@@ -45,10 +45,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         },
         "6": {

test/e2e/fixtures/send-edit/state.json

@@ -42,10 +42,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         },
         "6": {

test/e2e/fixtures/threebox-enabled/state.json

@@ -52,10 +52,10 @@
         "1": {
           "isShown": true
         },
-        "2": {
+        "3": {
           "isShown": true
         },
-        "3": {
+        "5": {
           "isShown": true
         },
         "6": {

ui/components/app/whats-new-popup/whats-new-popup.js

@@ -32,6 +32,12 @@ function getActionFunctionById(id, history) {
       updateViewedNotifications({ 4: true });
       history.push(BUILD_QUOTE_ROUTE);
     },
+    5: () => {
+      updateViewedNotifications({ 5: true });
+      global.platform.openTab({
+        url: 'https://metamask.zendesk.com/hc/en-us/articles/360060826432',
+      });
+    },
   };
 
   return actionFunctions[id];

ui/selectors/selectors.js

@@ -528,6 +528,7 @@ function getAllowedNotificationIds(state) {
     2: true,
     3: true,
     4: getCurrentChainId(state) === BSC_CHAIN_ID,
+    5: true,
     6: true,
   };
 }