We now update the whitelists model when the payment method is added so we know it's been refreshed in the UI.

Author: Myztiq

client/directives/modals/settingsModal/forms/billingForm/changePaymentForm/changePaymentFormController.js

@@ -6,11 +6,13 @@ require('app')
 function ChangePaymentFormController(
   $rootScope,
   currentOrg,
+  errs,
   fetchPaymentMethod,
+  fetchPlan,
+  fetchWhitelists,
   loading,
   savePaymentMethod,
-  stripe,
-  fetchPlan
+  stripe
 ) {
   var CPFC = this;
   CPFC.currentOrg = currentOrg;
@@ -44,6 +46,9 @@ function ChangePaymentFormController(
         .then(function (res) {
           return savePaymentMethod(res.id);
         })
+        .then(function () {
+          return fetchWhitelists();
+        })
         .then(function () {
           // Not doing an angular timeout because we don't care about the digest.
           // We want to wait for this form to no longer be visible before we clear it and cause error outlines to show.
@@ -60,6 +65,9 @@ function ChangePaymentFormController(
           } else {
             CPFC.error = messageConversion[err.type];
           }
+          if (!CPFC.error) {
+            errs.handler(err);
+          }
         })
         .finally(function () {
           loading('savePayment', false);