From 15088b66e9e805779644c6ccd0cd654e37794cdb Mon Sep 17 00:00:00 2001
From: Jordan Aasen <166539328+jaasen-livefront@users.noreply.github.com>
Date: Wed, 21 Aug 2024 09:20:13 -0700
Subject: [PATCH] [PM-8228] - new premium component - fix copy (#10642)

* fix copy

* remove change to default config
---
 apps/browser/src/_locales/en/messages.json         | 14 +++++++++++++-
 .../popup/settings/premium-v2.component.html       |  4 ++--
 .../billing/popup/settings/premium-v2.component.ts |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/apps/browser/src/_locales/en/messages.json b/apps/browser/src/_locales/en/messages.json
index e7ca4ac48b..6dc0a93059 100644
--- a/apps/browser/src/_locales/en/messages.json
+++ b/apps/browser/src/_locales/en/messages.json
@@ -1083,7 +1083,7 @@
     "message": "1 GB encrypted storage for file attachments."
   },
   "premiumSignUpEmergency": {
-    "message": "Emergency access"
+    "message": "Emergency access."
   },
   "premiumSignUpTwoStepOptions": {
     "message": "Proprietary two-step login options such as YubiKey and Duo."
@@ -1115,6 +1115,9 @@
   "premiumCurrentMemberThanks": {
     "message": "Thank you for supporting Bitwarden."
   },
+  "premiumFeatures": {
+    "message": "Upgrade to premium and receive:"
+  },
   "premiumPrice": {
     "message": "All for just $PRICE$ /year!",
     "placeholders": {
@@ -1124,6 +1127,15 @@
       }
     }
   },
+  "premiumPriceV2": {
+    "message": "All for just $PRICE$ per year!",
+    "placeholders": {
+      "price": {
+        "content": "$1",
+        "example": "$10"
+      }
+    }
+  },
   "refreshComplete": {
     "message": "Refresh complete"
   },
diff --git a/apps/browser/src/billing/popup/settings/premium-v2.component.html b/apps/browser/src/billing/popup/settings/premium-v2.component.html
index 2a98cffb0e..7b781eafdb 100644
--- a/apps/browser/src/billing/popup/settings/premium-v2.component.html
+++ b/apps/browser/src/billing/popup/settings/premium-v2.component.html
@@ -9,13 +9,13 @@
     <h2 class="tw-font-bold">{{ "premiumFeatures" | i18n }}</h2>
     <bit-section>
       <bit-card>
-        <div class="tw-flex tw-flex-col tw-p-3">
+        <div class="tw-flex tw-flex-col tw-p-2">
           <ul class="tw-list-disc tw-pl-5 tw-space-y-2 tw-break-words">
             <li>
               {{ "ppremiumSignUpStorage" | i18n }}
             </li>
             <li>
-              {{ "ppremiumSignUpTwoStepOptions" | i18n }}
+              {{ "premiumSignUpTwoStepOptions" | i18n }}
             </li>
             <li>
               {{ "premiumSignUpEmergency" | i18n }}
diff --git a/apps/browser/src/billing/popup/settings/premium-v2.component.ts b/apps/browser/src/billing/popup/settings/premium-v2.component.ts
index 456aa6dc9a..ef4c39942a 100644
--- a/apps/browser/src/billing/popup/settings/premium-v2.component.ts
+++ b/apps/browser/src/billing/popup/settings/premium-v2.component.ts
@@ -74,7 +74,7 @@ export class PremiumV2Component extends BasePremiumComponent {
     const formattedPrice = this.platformUtilsService.isSafari()
       ? thePrice.replace("$", "$$$")
       : thePrice;
-    this.priceString = i18nService.t("premiumPrice", formattedPrice);
+    this.priceString = i18nService.t("premiumPriceV2", formattedPrice);
     if (this.priceString.indexOf("%price%") > -1) {
       this.priceString = this.priceString.replace("%price%", thePrice);
     }