fix(Plaid): replace with placeholder when plaid is enabled

app/partials/sfox/link.pug

@@ -44,6 +44,7 @@
         scrolling = 'no'
         id='plaid'
       )
+      button.btn.button-primary.full(ng-if="state.plaid.enabled" ng-disabled="state.plaid.enabled") Sign In To Your Bank Account
       .mvvl(ng-if="!inMobileBuy")
         span.or-horizontal.flex-justify(translate="OR")
       button.btn.button-primary-inverse.full(translate="Manually Enter Account & Routing Numbers" ng-hide="state.enableBankAccountForm" ng-click="state.enableBankAccountForm = true")

helperApp/plaid/plaid.controller.js

@@ -16,15 +16,18 @@ function PlaidController ($scope, $routeParams) {
     key: $routeParams.apiKey,
     onLoad: function () {},
     onExit: function () {
+      $scope.hideButton = false; $scope.$root.$apply();
       window.parent.postMessage({from: 'plaid', to: 'exchange', command: 'disablePlaid'}, parentUrl);
     },
     onSuccess: function (public_token, metadata) {
+      $scope.hideButton = false; $scope.$root.$apply();
       window.parent.postMessage({from: 'plaid', to: 'exchange', command: 'getBankAccounts', msg: public_token}, parentUrl);
     }
   });
 
   $scope.enablePlaid = () => {
     window.parent.postMessage({from: 'plaid', to: 'exchange', command: 'enablePlaid'}, parentUrl);
+    $scope.hideButton = true;
     linkHandler.open();
   };
 }

helperApp/plaid/plaid.scss

@@ -10,3 +10,7 @@
 body {
   margin: 0px;
 }
+
+.ng-hide {
+  display: none;
+}

helperApp/plaid/routes.config.js

@@ -7,7 +7,7 @@ function RoutesConfig ($routeProvider) {
     })
     .when('/key/:apiKey/env/:env', {
       controller: 'PlaidController',
-      template: '<button ng-click="enablePlaid()" class="btn button-primary full">Sign In To Your Bank Account</button>'
+      template: '<button ng-if="!hideButton" ng-click="enablePlaid()" class="btn button-primary full">Sign In To Your Bank Account</button>'
     })
     .otherwise({
       redirectTo: '/'