Merge pull request #3799 from overleaf/tm-past-due-invoice-warning

Show warning if users Recurly account has past due invoices.

GitOrigin-RevId: 8c501e7e561b201a3a184923c0681d67049464a9

services/web/app/views/subscriptions/dashboard/_personal_subscription_recurly.pug

@@ -5,6 +5,10 @@ script(type="text/javascript", nonce=scriptNonce).
 
 div(ng-controller="RecurlySubscriptionController")
 	div(ng-show="!showCancellation")
+		if (personalSubscription.recurly.account.has_past_due_invoice && personalSubscription.recurly.account.has_past_due_invoice._ == 'true')
+			.alert.alert-danger #{translate("account_has_past_due_invoice_change_plan_warning")} 
+				|  
+				a(href=personalSubscription.recurly.accountManagementLink, target="_blank") #{translate("view_your_invoices")}.
 		case personalSubscription.recurly.state
 			when "active"
 				p !{translate("currently_subscribed_to_plan", {planName: personalSubscription.plan.name}, ['strong'])}

services/web/frontend/js/main/subscription-dashboard.js

@@ -174,6 +174,12 @@ App.controller('GroupMembershipController', function($scope, $modal) {
 App.controller('RecurlySubscriptionController', function($scope) {
   const recurlyIsSetup = ensureRecurlyIsSetup()
   $scope.showChangePlanButton = recurlyIsSetup && !window.subscription.groupPlan
+  if (
+    window.subscription.recurly.account.has_past_due_invoice &&
+    window.subscription.recurly.account.has_past_due_invoice._ === 'true'
+  ) {
+    $scope.showChangePlanButton = false
+  }
   $scope.recurlyLoadError = !recurlyIsSetup
 
   $scope.switchToDefaultView = () => {

services/web/locales/en.json

@@ -1010,6 +1010,7 @@
   "update_your_billing_details": "Update Your Billing Details",
   "subscription_canceled_and_terminate_on_x": " Your subscription has been canceled and will terminate on <0>__terminateDate__</0>. No further payments will be taken.",
   "your_subscription_has_expired": "Your subscription has expired.",
+  "account_has_past_due_invoice_change_plan_warning": "Your account currently has a past due invoice. You will not be able to change your plan until this is resolved.",
   "create_new_subscription": "Create New Subscription",
   "problem_with_subscription_contact_us": "There is a problem with your subscription. Please contact us for more information.",
   "manage_group": "Manage Group",