[PM-8228] - new premium component - fix copy (#10642)

* fix copy

* remove change to default config

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"
   },

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 }}

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);
     }