Merge pull request #20125 from mozilla/PAY-3557-update-subscription-ending-reminder-email

feat(payments-next): Update SubscriptionEndingReminder email

Author: elizabeth-ilina

libs/accounts/email-renderer/src/templates/subscriptionEndingReminder/en.ftl

@@ -7,17 +7,17 @@ subscriptionEndingReminder-title = Your { $productName } subscription will expir
 #   $productName (String) - The name of the subscribed product, e.g. Mozilla VPN
 #   $serviceLastActiveDateOnly (String) - The date of last active service, e.g. 01/20/2016
 subscriptionEndingReminder-content-line1 = Your access to { $productName } will end on <strong>{ $serviceLastActiveDateOnly }</strong>.
-subscriptionEndingReminder-content-line2 = If you’d like to continue using { $productName }, you can reactivate your subscription in <a data-l10n-name="subscriptionEndingReminder-account-settings">Account Settings</a> before <strong>{ $serviceLastActiveDateOnly }</strong>. If you need assistance, <a data-l10n-name="subscriptionEndingReminder-contact-support">contact our Support Team</a>.  
+subscriptionEndingReminder-content-line2-v2 = If you’d like to continue using { $productName }, you can stay subscribed in <a data-l10n-name="subscriptionEndingReminder-subscription-management">Subscription Management</a> before <strong>{ $serviceLastActiveDateOnly }</strong>. If you need assistance, <a data-l10n-name="subscriptionEndingReminder-contact-support">contact our Support Team</a>.
 subscriptionEndingReminder-content-line1-plaintext = Your access to { $productName } will end on { $serviceLastActiveDateOnly }.
-subscriptionEndingReminder-content-line2-plaintext = If you’d like to continue using { $productName }, you can reactivate your subscription in Account Settings before { $serviceLastActiveDateOnly }. If you need assistance, contact our Support Team.  
+subscriptionEndingReminder-content-line2-plaintext-v2 = If you’d like to continue using { $productName }, you can stay subscribed in Subscription Management before { $serviceLastActiveDateOnly }. If you need assistance, contact our Support Team.
 
 subscriptionEndingReminder-content-closing = Thanks for being a valued subscriber!
 
 subscriptionEndingReminder-churn-title = Want to keep access?
 subscriptionEndingReminder-churn-terms = <a data-l10n-name="subscriptionEndingReminder-churn-terms">Limited terms and restrictions apply</a>
 
 # Variables:
-#  $churnTermsUrlWithUtm (String) - URL to the terms and restrictions page applied to this promotion 
+#  $churnTermsUrlWithUtm (String) - URL to the terms and restrictions page applied to this promotion
 subscriptionEndingReminder-churn-terms-plaintext = Limited terms and restrictions apply: { $churnTermsUrlWithUtm }
 
 # Variables:

libs/accounts/email-renderer/src/templates/subscriptionEndingReminder/index.mjml

@@ -17,8 +17,8 @@
     </mj-text>
 
     <mj-text css-class="text-body">
-      <span data-l10n-id="subscriptionEndingReminder-content-line2" data-l10n-args="<%= JSON.stringify({productName, serviceLastActiveDateOnly, accountSettingsUrl, subscriptionSupportUrlWithUtm }) %>">
-        If you’d like to continue using <%- productName %>, you can reactivate your subscription in <a href="<%- accountSettingsUrl %>" class="link-blue" data-l10n-name="subscriptionEndingReminder-account-settings">Account Settings</a> before <strong><%- serviceLastActiveDateOnly %></strong>. If you need assistance, <a href="<%- subscriptionSupportUrlWithUtm %>" class="link-blue" data-l10n-name="subscriptionEndingReminder-contact-support">contact our Support Team</a>.
+      <span data-l10n-id="subscriptionEndingReminder-content-line2-v2" data-l10n-args="<%= JSON.stringify({productName, serviceLastActiveDateOnly, manageSubscriptionUrl, subscriptionSupportUrlWithUtm }) %>">
+        If you’d like to continue using <%- productName %>, you can stay subscribed in <a href="<%- manageSubscriptionUrl %>" class="link-blue" data-l10n-name="subscriptionEndingReminder-subscription-management">Subscription Management</a> before <strong><%- serviceLastActiveDateOnly %></strong>. If you need assistance, <a href="<%- subscriptionSupportUrlWithUtm %>" class="link-blue" data-l10n-name="subscriptionEndingReminder-contact-support">contact our Support Team</a>.
       </span>
     </mj-text>
 

libs/accounts/email-renderer/src/templates/subscriptionEndingReminder/index.stories.ts

@@ -13,7 +13,7 @@ export default {
 const data = {
   productName: '123Done Pro',
   serviceLastActiveDateOnly: 'July 15, 2025',
-  accountSettingsUrl: 'http://localhost:3030/settings',
+  manageSubscriptionUrl: 'http://localhost:3035/en-US/subscriptions/manage',
   subscriptionSupportUrlWithUtm: 'http://localhost:3030/support',
   churnTermsUrlWithUtm: 'http://localhost:3030/support',
   productIconURLNew:

libs/accounts/email-renderer/src/templates/subscriptionEndingReminder/index.ts

@@ -5,7 +5,7 @@
 export type TemplateData = {
   productName: string;
   serviceLastActiveDateOnly: string;
-  accountSettingsUrl: string;
+  manageSubscriptionUrl: string;
   subscriptionSupportUrlWithUtm: string;
   churnTermsUrlWithUtm: string;
   productIconURLNew: string;
@@ -15,7 +15,7 @@ export type TemplateData = {
 };
 
 export const template = 'subscriptionEndingReminder';
-export const version = 1;
+export const version = 2;
 export const layout = 'subscription';
 export const includes = {
   subject: {

libs/accounts/email-renderer/src/templates/subscriptionEndingReminder/index.txt

@@ -4,7 +4,7 @@ subscriptionEndingReminder-title = "Your <%- productName %> subscription will ex
 
 subscriptionEndingReminder-content-line1-plaintext = "Your access to <%- productName %> will end on <%- serviceLastActiveDateOnly %>."
 
-subscriptionEndingReminder-content-line2-plaintext = "If you’d like to continue using <%- productName %>, you can reactivate your subscription in Account Settings before <%- serviceLastActiveDateOnly %>. If you need assistance, contact our Support Team."
+subscriptionEndingReminder-content-line2-plaintext-v2 = "If you’d like to continue using <%- productName %>, you can stay subscribed in Subscription Management before <%- serviceLastActiveDateOnly %>. If you need assistance, contact our Support Team."
 
 subscriptionEndingReminder-content-closing = "Thanks for being a valued subscriber!"
 

packages/fxa-auth-server/lib/senders/emails/templates/_versions.json

@@ -1,7 +1,7 @@
 {
   "subscriptionReactivation": 2,
   "subscriptionRenewalReminder": 4,
-  "subscriptionEndingReminder": 1,
+  "subscriptionEndingReminder": 2,
   "subscriptionUpgrade": 7,
   "subscriptionDowngrade": 2,
   "subscriptionPaymentExpired": 4,

packages/fxa-auth-server/lib/senders/emails/templates/subscriptionEndingReminder/en.ftl

@@ -7,17 +7,17 @@ subscriptionEndingReminder-title = Your { $productName } subscription will expir
 #   $productName (String) - The name of the subscribed product, e.g. Mozilla VPN
 #   $serviceLastActiveDateOnly (String) - The date of last active service, e.g. 01/20/2016
 subscriptionEndingReminder-content-line1 = Your access to { $productName } will end on <strong>{ $serviceLastActiveDateOnly }</strong>.
-subscriptionEndingReminder-content-line2 = If you’d like to continue using { $productName }, you can reactivate your subscription in <a data-l10n-name="subscriptionEndingReminder-account-settings">Account Settings</a> before <strong>{ $serviceLastActiveDateOnly }</strong>. If you need assistance, <a data-l10n-name="subscriptionEndingReminder-contact-support">contact our Support Team</a>.  
+subscriptionEndingReminder-content-line2-v2 = If you’d like to continue using { $productName }, you can stay subscribed in <a data-l10n-name="subscriptionEndingReminder-subscription-management">Subscription Management</a> before <strong>{ $serviceLastActiveDateOnly }</strong>. If you need assistance, <a data-l10n-name="subscriptionEndingReminder-contact-support">contact our Support Team</a>.
 subscriptionEndingReminder-content-line1-plaintext = Your access to { $productName } will end on { $serviceLastActiveDateOnly }.
-subscriptionEndingReminder-content-line2-plaintext = If you’d like to continue using { $productName }, you can reactivate your subscription in Account Settings before { $serviceLastActiveDateOnly }. If you need assistance, contact our Support Team.  
+subscriptionEndingReminder-content-line2-plaintext-v2 = If you’d like to continue using { $productName }, you can stay subscribed in Subscription Management before { $serviceLastActiveDateOnly }. If you need assistance, contact our Support Team.
 
 subscriptionEndingReminder-content-closing = Thanks for being a valued subscriber!
 
 subscriptionEndingReminder-churn-title = Want to keep access?
 subscriptionEndingReminder-churn-terms = <a data-l10n-name="subscriptionEndingReminder-churn-terms">Limited terms and restrictions apply</a>
 
 # Variables:
-#  $churnTermsUrlWithUtm (String) - URL to the terms and restrictions page applied to this promotion 
+#  $churnTermsUrlWithUtm (String) - URL to the terms and restrictions page applied to this promotion
 subscriptionEndingReminder-churn-terms-plaintext = Limited terms and restrictions apply: { $churnTermsUrlWithUtm }
 
 # Variables:

packages/fxa-auth-server/lib/senders/emails/templates/subscriptionEndingReminder/index.mjml

@@ -17,8 +17,8 @@
     </mj-text>
 
     <mj-text css-class="text-body">
-      <span data-l10n-id="subscriptionEndingReminder-content-line2" data-l10n-args="<%= JSON.stringify({productName, serviceLastActiveDateOnly, accountSettingsUrl, subscriptionSupportUrlWithUtm }) %>">
-        If you’d like to continue using <%- productName %>, you can reactivate your subscription in <a href="<%- accountSettingsUrl %>" class="link-blue" data-l10n-name="subscriptionEndingReminder-account-settings">Account Settings</a> before <strong><%- serviceLastActiveDateOnly %></strong>. If you need assistance, <a href="<%- subscriptionSupportUrlWithUtm %>" class="link-blue" data-l10n-name="subscriptionEndingReminder-contact-support">contact our Support Team</a>.
+      <span data-l10n-id="subscriptionEndingReminder-content-line2-v2" data-l10n-args="<%= JSON.stringify({productName, serviceLastActiveDateOnly, manageSubscriptionUrl, subscriptionSupportUrlWithUtm }) %>">
+        If you’d like to continue using <%- productName %>, you can stay subscribed in <a href="<%- manageSubscriptionUrl %>" class="link-blue" data-l10n-name="subscriptionEndingReminder-subscription-management">Subscription Management</a> before <strong><%- serviceLastActiveDateOnly %></strong>. If you need assistance, <a href="<%- subscriptionSupportUrlWithUtm %>" class="link-blue" data-l10n-name="subscriptionEndingReminder-contact-support">contact our Support Team</a>.
       </span>
     </mj-text>
 

packages/fxa-auth-server/lib/senders/emails/templates/subscriptionEndingReminder/index.stories.ts

@@ -15,7 +15,7 @@ const createStory = subplatStoryWithProps(
   {
     productName: '123Done Pro',
     serviceLastActiveDateOnly: 'July 15, 2025',
-    accountSettingsUrl: 'http://localhost:3030/settings',
+    manageSubscriptionUrl: 'http://localhost:3035/en-US/subscriptions/manage',
     subscriptionSupportUrlWithUtm: 'http://localhost:3030/support',
     churnTermsUrlWithUtm: 'http://localhost:3030/support',
     productIconURLNew:

packages/fxa-auth-server/lib/senders/emails/templates/subscriptionEndingReminder/index.txt

@@ -4,7 +4,7 @@ subscriptionEndingReminder-title = "Your <%- productName %> subscription will ex
 
 subscriptionEndingReminder-content-line1-plaintext = "Your access to <%- productName %> will end on <%- serviceLastActiveDateOnly %>."
 
-subscriptionEndingReminder-content-line2-plaintext = "If you’d like to continue using <%- productName %>, you can reactivate your subscription in Account Settings before <%- serviceLastActiveDateOnly %>. If you need assistance, contact our Support Team."
+subscriptionEndingReminder-content-line2-plaintext-v2 = "If you’d like to continue using <%- productName %>, you can stay subscribed in Subscription Management before <%- serviceLastActiveDateOnly %>. If you need assistance, contact our Support Team."
 
 subscriptionEndingReminder-content-closing = "Thanks for being a valued subscriber!"