Merge pull request #4963 from gabrielbazan7/feat/feedback

Feedback feature

src/js/controllers/feedback/rateAppStore.js

@@ -0,0 +1,34 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('rateAppStoreController', function($scope, $state, $stateParams, externalLinkService, configService, gettextCatalog, platformInfo) {
+  $scope.score = parseInt($stateParams.score);
+  var isAndroid = platformInfo.isAndroid;
+  var isIOS = platformInfo.isIOS;
+  var isWP = platformInfo.isWP;
+  var config = configService.getSync();
+
+  $scope.skip = function() {
+    $state.go('feedback.thanks', {
+      score: $scope.score,
+      skipped: true
+    });
+  };
+
+  $scope.sendFeedback = function() {
+    $state.go('feedback.sendFeedback', {
+      score: $scope.score
+    });
+  };
+
+  $scope.goAppStore = function() {
+    var url;
+    if (isAndroid) url = config.rateApp.android;
+    if (isIOS) url = config.rateApp.ios;
+    // if (isWP) url = config.rateApp.ios; TODO
+    var title = gettextCatalog.getString('Rate the app');
+    var message = gettextCatalog.getString('You must go to the official website of the app to rate it');
+    var okText = gettextCatalog.getString('Go');
+    var cancelText = gettextCatalog.getString('Cancel');
+    externalLinkService.open(url, true, title, message, okText, cancelText);
+  };
+});

src/js/controllers/feedback/rateCard.js

@@ -0,0 +1,61 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('rateCardController', function($scope, $state, $timeout, gettextCatalog, platformInfo, storageService) {
+
+  $scope.isCordova = platformInfo.isCordova;
+
+  $scope.goFeedbackFlow = function() {
+    if ($scope.isModal) {
+      $scope.rateModal.hide();
+      $scope.rateModal.remove();
+    }
+    if ($scope.isCordova && $scope.score == 5) {
+      $state.go('feedback.rateAppStore', {
+        score: $scope.score
+      });
+    } else {
+      $state.go('feedback.sendFeedback', {
+        score: $scope.score
+      });
+    }
+  };
+
+  $scope.setScore = function(score) {
+    $scope.score = score;
+    switch ($scope.score) {
+      case 1:
+        $scope.button_title = gettextCatalog.getString("I think this app is terrible");
+        break;
+      case 2:
+        $scope.button_title = gettextCatalog.getString("I don't like it");
+        break;
+      case 3:
+        $scope.button_title = gettextCatalog.getString("Meh - it's alright");
+        break;
+      case 4:
+        $scope.button_title = gettextCatalog.getString("I like the app");
+        break;
+      case 5:
+        $scope.button_title = gettextCatalog.getString("This app is fantastic");
+        break;
+    }
+    $timeout(function() {
+      $scope.$apply();
+    });
+  };
+
+  $scope.hideCard = function() {
+    if ($scope.isModal) {
+      $scope.rateModal.hide();
+      $scope.rateModal.remove();
+    } else {
+      storageService.setRateCardFlag('true', function() {
+        $scope.hideRateCard.value = true;
+      });
+    }
+    $timeout(function() {
+      $scope.$apply();
+    })
+  }
+
+});

src/js/controllers/feedback/sendFeedback.js

@@ -0,0 +1,52 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('sendFeedbackController', function($scope, $state, $log, $stateParams, gettextCatalog, popupService, configService, lodash, feedbackService, ongoingProcess) {
+  $scope.score = parseInt($stateParams.score);
+  switch ($scope.score) {
+    case 1:
+      $scope.reaction = gettextCatalog.getString("Ouch!");
+      $scope.comment = gettextCatalog.getString("There's obviously something we're doing wrong.");
+      break;
+    case 2:
+      $scope.reaction = gettextCatalog.getString("Oh no!");
+      $scope.comment = gettextCatalog.getString("There's obviously something we're doing wrong.");
+      break;
+    case 3:
+      $scope.reaction = gettextCatalog.getString("Thanks!");
+      $scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay wallet.");
+      break;
+    case 4:
+      $scope.reaction = gettextCatalog.getString("Thanks!");
+      $scope.comment = gettextCatalog.getString("That's exciting to hear. We'd love to earn that fifth star from you.");
+      break;
+    case 5:
+      $scope.reaction = gettextCatalog.getString("Feedback!");
+      $scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay wallet.");
+      break;
+  }
+
+  $scope.sendFeedback = function(feedback, skip) {
+
+    var config = configService.getSync();
+
+    var dataSrc = {
+      "Email": lodash.values(config.emailFor)[0] || ' ',
+      "Feedback": skip ? ' ' : feedback,
+      "Score": $stateParams.score
+    };
+
+    ongoingProcess.set('sendingFeedback', true);
+    feedbackService.send(dataSrc, function(err) {
+      ongoingProcess.set('sendingFeedback', false);
+      if (err) {
+        popupService.showAlert(gettextCatalog.getString('Error'), gettextCatalog.getString('Could not send feedback'));
+        return;
+      }
+      $state.go('feedback.thanks', {
+        score: $stateParams.score,
+        skipped: skip
+      });
+    });
+  };
+
+});

src/js/controllers/feedback/thanks.js

@@ -0,0 +1,76 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('thanksController', function($scope, $stateParams, $timeout, $log, platformInfo, configService, storageService) {
+  $scope.score = parseInt($stateParams.score);
+  $scope.skipped = $stateParams.skipped == 'false' ? false : true;
+  $scope.isCordova = platformInfo.isCordova;
+  var config = configService.getSync();
+
+  $scope.shareFacebook = function() {
+    window.plugins.socialsharing.shareViaFacebook(config.download.url, null, null, null);
+  };
+
+  $scope.shareTwitter = function() {
+    window.plugins.socialsharing.shareVia($scope.shareTwitterVia, config.download.url, null, null, null, null, null);
+  };
+
+  $scope.shareGooglePlus = function() {
+    window.plugins.socialsharing.shareVia($scope.shareGooglePlusVia, config.download.url, null, null, null);
+  };
+
+  $scope.shareEmail = function() {
+    window.plugins.socialsharing.shareViaEmail(config.download.url, null, null, null);
+  };
+
+  $scope.shareWhatsapp = function() {
+    window.plugins.socialsharing.shareViaWhatsApp(config.download.url, null, null, null);
+  };
+
+  $scope.shareMessage = function() {
+    window.plugins.socialsharing.shareViaSMS(config.download.url, null, null, null);
+  };
+
+  $scope.$on("$ionicView.beforeEnter", function(event, data) {
+    storageService.setRateCardFlag('true', function() {});
+    if (!$scope.isCordova) return;
+
+    window.plugins.socialsharing.available(function(isAvailable) {
+      // the boolean is only false on iOS < 6
+      $scope.socialsharing = isAvailable;
+      if (isAvailable) {
+        window.plugins.socialsharing.canShareVia('com.apple.social.facebook', 'msg', null, null, null, function(e) {
+          $scope.facebook = true;
+        }, function(e) {
+          $log.debug('facebook error: ' + e);
+          $scope.facebook = false;
+        });
+        window.plugins.socialsharing.canShareVia('com.twitter.android', 'msg', null, null, null, function(e) {
+          $scope.shareTwitterVia = 'com.twitter.android';
+          $scope.twitter = true;
+        }, function(e) {
+          $log.debug('twitter error: ' + e);
+          $scope.twitter = false;
+        });
+        window.plugins.socialsharing.canShareVia('com.google.android.apps.plus', 'msg', null, null, null, function(e) {
+          $scope.shareGooglePlusVia = 'com.google.android.apps.plus';
+          $scope.googleplus = true;
+        }, function(e) {
+          $log.debug('googlePlus error: ' + e);
+          $scope.googleplus = false;
+        });
+        window.plugins.socialsharing.canShareViaEmail(function(e) {
+          $scope.email = true;
+        }, function(e) {
+          $log.debug('email error: ' + e);
+          $scope.email = false;
+        });
+        window.plugins.socialsharing.canShareVia('whatsapp', 'msg', null, null, null, function(e) {
+          $scope.whatsapp = true;
+        }, function(e) {
+          $log.debug('whatsapp error: ' + e);
+          $scope.whatsapp = false;
+        });
+      }
+    }, 100);
+  });
+});

src/js/controllers/onboarding/welcomeController.js

@@ -1,6 +1,6 @@
 'use strict';
 
-angular.module('copayApp.controllers').controller('welcomeController', function($scope, $state, $timeout, $ionicConfig, $log, profileService, startupService) {
+angular.module('copayApp.controllers').controller('welcomeController', function($scope, $state, $timeout, $ionicConfig, $log, profileService, startupService, storageService) {
 
   $ionicConfig.views.swipeBackEnabled(false);
 
@@ -19,7 +19,13 @@ angular.module('copayApp.controllers').controller('welcomeController', function(
     $log.debug('Creating profile');
     profileService.createProfile(function(err) {
       if (err) $log.warn(err);
+      setProfileCreationTime();
     });
   };
 
+  function setProfileCreationTime() {
+    var now = moment().unix() * 1000 + 24 * 60 * 60 * 1000;
+    storageService.setProfileCreationTime(now, function() {});
+  };
+
 });

src/js/controllers/tab-home.js

@@ -13,27 +13,100 @@ angular.module('copayApp.controllers').controller('tabHomeController',
     $scope.isCordova = platformInfo.isCordova;
     $scope.isAndroid = platformInfo.isAndroid;
     $scope.isNW = platformInfo.isNW;
+    $scope.hideRateCard = {};
 
     $scope.$on("$ionicView.afterEnter", function() {
       startupService.ready();
     });
 
-    if (!$scope.homeTip) {
-      storageService.getHomeTipAccepted(function(error, value) {
-        $scope.homeTip = (value == 'accepted') ? false : true;
-      });
-    }
+    $scope.$on("$ionicView.beforeEnter", function(event, data) {
+      if (!$scope.homeTip) {
+        storageService.getHomeTipAccepted(function(error, value) {
+          $scope.homeTip = (value == 'accepted') ? false : true;
+        });
+      }
 
-    if ($scope.isNW) {
-      latestReleaseService.checkLatestRelease(function(err, newRelease) {
-        if (err) {
-          $log.warn(err);
-          return;
-        }
+      if ($scope.isNW) {
+        latestReleaseService.checkLatestRelease(function(err, newRelease) {
+          if (err) {
+            $log.warn(err);
+            return;
+          }
 
-        if (newRelease) $scope.newRelease = true;
+          if (newRelease) $scope.newRelease = true;
+        });
+      }
+
+      storageService.getProfileCreationTime(function(error, time) {
+        var now = moment().unix() * 1000;
+        storageService.getRateCardFlag(function(error, value) {
+          $scope.hideRateCard.value = (value == 'true' || (time - now) > 0) ? true : false;
+        });
       });
-    }
+
+    });
+
+    $scope.$on("$ionicView.enter", function(event, data) {
+      updateAllWallets();
+
+      addressbookService.list(function(err, ab) {
+        if (err) $log.error(err);
+        $scope.addressbook = ab || {};
+      });
+
+      listeners = [
+        $rootScope.$on('bwsEvent', function(e, walletId, type, n) {
+          var wallet = profileService.getWallet(walletId);
+          updateWallet(wallet);
+          if ($scope.recentTransactionsEnabled) getNotifications();
+        }),
+        $rootScope.$on('Local/TxAction', function(e, walletId) {
+          $log.debug('Got action for wallet ' + walletId);
+          var wallet = profileService.getWallet(walletId);
+          updateWallet(wallet);
+          if ($scope.recentTransactionsEnabled) getNotifications();
+        })
+      ];
+
+      configService.whenAvailable(function() {
+        nextStep(function() {
+          var config = configService.getSync();
+          var isWindowsPhoneApp = platformInfo.isWP && platformInfo.isCordova;
+
+          $scope.glideraEnabled = config.glidera.enabled && !isWindowsPhoneApp;
+          $scope.coinbaseEnabled = config.coinbase.enabled && !isWindowsPhoneApp;
+          $scope.amazonEnabled = config.amazon.enabled;
+          $scope.bitpayCardEnabled = config.bitpayCard.enabled;
+
+          var buyAndSellEnabled = !$scope.externalServices.BuyAndSell && ($scope.glideraEnabled || $scope.coinbaseEnabled);
+          var amazonEnabled = !$scope.externalServices.AmazonGiftCards && $scope.amazonEnabled;
+          var bitpayCardEnabled = !$scope.externalServices.BitpayCard && $scope.bitpayCardEnabled;
+
+          $scope.nextStepEnabled = buyAndSellEnabled || amazonEnabled || bitpayCardEnabled;
+          $scope.recentTransactionsEnabled = config.recentTransactions.enabled;
+
+          if ($scope.recentTransactionsEnabled) getNotifications();
+
+          if ($scope.bitpayCardEnabled) bitpayCardCache();
+          $timeout(function() {
+            $ionicScrollDelegate.resize();
+            $scope.$apply();
+          }, 10);
+        });
+      });
+    });
+
+    $scope.$on("$ionicView.leave", function(event, data) {
+      lodash.each(listeners, function(x) {
+        x();
+      });
+    });
+
+    $scope.$on("$ionicView.leave", function(event, data) {
+      lodash.each(listeners, function(x) {
+        x();
+      });
+    });
 
     $scope.openExternalLink = function(url, optIn, title, message, okText, cancelText) {
       externalLinkService.open(url, optIn, title, message, okText, cancelText);
@@ -197,61 +270,4 @@ angular.module('copayApp.controllers').controller('tabHomeController',
       }, 300);
       updateAllWallets();
     };
-
-    $scope.$on("$ionicView.beforeEnter", function(event, data) {
-      updateAllWallets();
-
-      addressbookService.list(function(err, ab) {
-        if (err) $log.error(err);
-        $scope.addressbook = ab || {};
-      });
-
-      listeners = [
-        $rootScope.$on('bwsEvent', function(e, walletId, type, n) {
-          var wallet = profileService.getWallet(walletId);
-          updateWallet(wallet);
-          if ($scope.recentTransactionsEnabled) getNotifications();
-        }),
-        $rootScope.$on('Local/TxAction', function(e, walletId) {
-          $log.debug('Got action for wallet ' + walletId);
-          var wallet = profileService.getWallet(walletId);
-          updateWallet(wallet);
-          if ($scope.recentTransactionsEnabled) getNotifications();
-        })
-      ];
-
-      configService.whenAvailable(function() {
-        nextStep(function() {
-          var config = configService.getSync();
-          var isWindowsPhoneApp = platformInfo.isWP && platformInfo.isCordova;
-
-          $scope.glideraEnabled = config.glidera.enabled && !isWindowsPhoneApp;
-          $scope.coinbaseEnabled = config.coinbase.enabled && !isWindowsPhoneApp;
-          $scope.amazonEnabled = config.amazon.enabled;
-          $scope.bitpayCardEnabled = config.bitpayCard.enabled;
-
-          var buyAndSellEnabled = !$scope.externalServices.BuyAndSell && ($scope.glideraEnabled || $scope.coinbaseEnabled);
-          var amazonEnabled = !$scope.externalServices.AmazonGiftCards && $scope.amazonEnabled;
-          var bitpayCardEnabled = !$scope.externalServices.BitpayCard && $scope.bitpayCardEnabled;
-
-          $scope.nextStepEnabled = buyAndSellEnabled || amazonEnabled || bitpayCardEnabled;
-          $scope.recentTransactionsEnabled = config.recentTransactions.enabled;
-
-          if ($scope.recentTransactionsEnabled) getNotifications();
-
-          if ($scope.bitpayCardEnabled) bitpayCardCache();
-          $timeout(function() {
-            $ionicScrollDelegate.resize();
-            $scope.$apply();
-          }, 10);
-        });
-      });
-    });
-
-    $scope.$on("$ionicView.leave", function(event, data) {
-      lodash.each(listeners, function(x) {
-        x();
-      });
-    });
-
   });

src/js/controllers/tab-settings.js

@@ -1,6 +1,6 @@
 'use strict';
 
-angular.module('copayApp.controllers').controller('tabSettingsController', function($scope, $window, uxLanguage, platformInfo, profileService, feeService, configService, externalLinkService) {
+angular.module('copayApp.controllers').controller('tabSettingsController', function($scope, $window, $ionicModal, uxLanguage, platformInfo, profileService, feeService, configService, externalLinkService) {
 
   var updateConfig = function() {
 
@@ -32,4 +32,15 @@ angular.module('copayApp.controllers').controller('tabSettingsController', funct
     updateConfig();
   });
 
+  $scope.openRateModal = function() {
+    $scope.isModal = true;
+    $ionicModal.fromTemplateUrl('views/feedback/rateCard.html', {
+      scope: $scope,
+      backdropClickToClose: false,
+      hardwareBackButtonClose: false
+    }).then(function(modal) {
+      $scope.rateModal = modal;
+      $scope.rateModal.show();
+    });
+  }
 });

src/js/routes.js

@@ -720,13 +720,50 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
         },
       })
 
-
     /*
      *
-     * Buy or Sell Bitcoin
+     * Feedback
      *
      */
 
+    .state('feedback', {
+        url: '/feedback',
+        abstract: true,
+        template: '<ion-nav-view name="feedback"></ion-nav-view>'
+      })
+      .state('feedback.sendFeedback', {
+        url: '/sendFeedback/:score',
+        views: {
+          'feedback': {
+            controller: 'sendFeedbackController',
+            templateUrl: 'views/feedback/sendFeedback.html'
+          }
+        }
+      })
+      .state('feedback.thanks', {
+        url: '/thanks/:score/:skipped',
+        views: {
+          'feedback': {
+            controller: 'thanksController',
+            templateUrl: 'views/feedback/thanks.html'
+          }
+        }
+      })
+      .state('feedback.rateAppStore', {
+        url: '/rateAppStore/:score',
+        views: {
+          'feedback': {
+            controller: 'rateAppStoreController',
+            templateUrl: 'views/feedback/rateAppStore.html'
+          }
+        }
+      })
+      /*
+       *
+       * Buy or Sell Bitcoin
+       *
+       */
+
     .state('tabs.buyandsell', {
       url: '/buyandsell',
       views: {

src/js/services/configService.js

@@ -15,6 +15,16 @@ angular.module('copayApp.services').factory('configService', function(storageSer
       url: 'https://bws.bitpay.com/bws/api',
     },
 
+    download: {
+      url: 'https://bitpay.com/wallet',
+    },
+
+    rateApp: {
+      ios: 'https://itunes.apple.com/app/bitpay-secure-bitcoin-wallet/id1149581638',
+      android: 'https://play.google.com/store/apps/details?id=com.bitpay.wallet',
+      wp: ''
+    },
+
     // wallet default config
     wallet: {
       requiredCopayers: 2,

src/js/services/feedbackService.js

@@ -0,0 +1,28 @@
+'use strict';
+angular.module('copayApp.services').factory('feedbackService', function($http, $log, $httpParamSerializer, configService) {
+  var root = {};
+  var URL = "https://script.google.com/macros/s/AKfycbybtvNSQKUfgzgXcj3jYLlvCKrcBoktjiJ1V8_cwd2yVkpUBGe3/exec";
+
+  root.send = function(dataSrc, cb) {
+    $http(_post(dataSrc)).then(function() {
+      $log.info("SUCCESS: Feedback sent");
+      return cb();
+    }, function(err) {
+      $log.info("ERROR: Feedback sent anyway.");
+      return cb(err);
+    });
+  };
+
+  var _post = function(dataSrc) {
+    return {
+      method: 'POST',
+      url: URL,
+      headers: {
+        'content-type': 'application/x-www-form-urlencoded; charset=UTF-8'
+      },
+      data: $httpParamSerializer(dataSrc)
+    };
+  };
+
+  return root;
+});

src/js/services/onGoingProcess.js

@@ -33,6 +33,7 @@ angular.module('copayApp.services').factory('ongoingProcess', function($log, $ti
     'validatingWallet': gettext('Validating wallet integrity...'),
     'validatingWords': gettext('Validating recovery phrase...'),
     'loadingTxInfo': gettext('Loading transaction info...'),
+    'sendingFeedback': gettext('Sending feedback...'),
   };
 
   root.clear = function() {
@@ -64,7 +65,7 @@ angular.module('copayApp.services').factory('ongoingProcess', function($log, $ti
 
     var showName = $filter('translate')(processNames[name] || name);
 
-    if(customHandler) {
+    if (customHandler) {
       customHandler(processName, showName, isOn);
     } else if (root.onGoingProcessName) {
       if (isCordova) {

src/js/services/storageService.js

@@ -138,6 +138,14 @@ angular.module('copayApp.services')
       storage.remove('profile', cb);
     };
 
+    root.setProfileCreationTime = function(time, cb) {
+      storage.set('profileCreationTime', time, cb);
+    };
+
+    root.getProfileCreationTime = function(cb) {
+      storage.get('profileCreationTime', cb);
+    };
+
     root.storeFocusedWalletId = function(id, cb) {
       storage.set('focusedWalletId', id || '', cb);
     };
@@ -203,6 +211,14 @@ angular.module('copayApp.services')
       storage.set('homeTip', val, cb);
     };
 
+    root.getRateCardFlag = function(cb) {
+      storage.get('rateCardFlag', cb);
+    };
+
+    root.setRateCardFlag = function(val, cb) {
+      storage.set('rateCardFlag', val, cb);
+    };
+
     root.setHideBalanceFlag = function(walletId, val, cb) {
       storage.set('hideBalance-' + walletId, val, cb);
     };

src/sass/views/feedback/rateAppStore.scss

@@ -0,0 +1,27 @@
+#rate-app-store {
+  background-color: #ffffff;
+  .skip {
+    margin: 10px;
+    color: #667;
+  }
+  .title {
+    font-size: 20px;
+    font-weight: bold;
+    color: $dark-gray;
+    margin: 40px 10px;
+    text-align: center;
+  }
+  .subtitle {
+    padding: 10px 30px 20px 40px;
+  }
+  .buttons {
+    bottom: 0;
+    width: 100%;
+    position: absolute;
+    background-color: $subtle-gray;
+    .button {
+      margin-top: 40px;
+      margin-bottom: 30px;
+    }
+  }
+}

src/sass/views/feedback/rateCard.scss

@@ -0,0 +1,22 @@
+#rate-card {
+  .stars {
+    display: flex;
+    border-bottom: none;
+    .button {
+      background-color: #fff;
+      outline: none;
+      border: none;
+      height:10px;
+      width:10px;
+    }
+    .gold {
+      color: #ffd700;
+    }
+    .subtle-gray {
+      color: $subtle-gray;
+    }
+  }
+  .feedback-flow-button {
+    padding: 20px;
+  }
+}

src/sass/views/feedback/sendFeedBack.scss

@@ -0,0 +1,39 @@
+#send-feedback {
+  background-color: #ffffff;
+  .skip {
+    margin: 20px 20px 10px;
+    color: #667;
+    text-decoration: none;
+  }
+  .title {
+    padding: 20px;
+    font-size: 20px;
+    font-weight: bold;
+    color: $dark-gray;
+  }
+  .star {
+    a {
+      font-size: 25px;
+      padding: 20px;
+      .gold {
+        color: #ffd700;
+      }
+      .subtle-gray {
+        color: $subtle-gray;
+      }
+    }
+  }
+  .comment {
+    padding: 20px;
+    font-size: 1rem;
+    line-height: 1.5em;
+    font-weight: 300;
+    color: $dark-gray;
+  }
+  textarea {
+    padding: 20px;
+    border-top: 1px solid $subtle-gray;
+    padding: 20px;
+    width: 100%;
+  }
+}

src/sass/views/feedback/thanks.scss

@@ -0,0 +1,44 @@
+#thanks-feedback {
+  background-color: #ffffff;
+  .item-heading {
+    border-style: none;
+    margin-top: 10px;
+    a {
+      color: $dark-gray;
+    }
+    i {
+      font-size: 40px;
+    }
+  }
+  .title {
+    font-size: 20px;
+    font-weight: bold;
+    color: $dark-gray;
+    margin: 20px 10px;
+    text-align: center;
+  }
+  .subtitle {
+    padding: 10px 30px 20px 40px;
+    .image {
+      text-align: center;
+      padding: 30px;
+    }
+  }
+  .share-buttons {
+    bottom: 0;
+    width: 100%;
+    position: absolute;
+    background-color: $subtle-gray;
+    .row {
+      margin: 20px 0px 20px;
+      span {
+        margin-top: 15px;
+        display: block;
+      }
+      div {
+        text-align: center;
+        width: 100%;
+      }
+    }
+  }
+}

src/sass/views/tab-home.scss

@@ -116,6 +116,6 @@
     font-size: 20px;
     margin-left: 10px;
     position: absolute;
-  }
+    }
   }
 }

src/sass/views/views.scss

@@ -17,6 +17,10 @@
 @import "wallet-backup-phrase";
 @import "zero-state";
 @import "onboarding/onboarding";
+@import "feedback/rateCard";
+@import "feedback/sendFeedback";
+@import "feedback/thanks";
+@import "feedback/rateAppStore";
 @import "includes/actionSheet";
 @import "export";
 @import "import";

www/views/feedback/rateAppStore.html

@@ -0,0 +1,27 @@
+<ion-view id="rate-app-store">
+  <ion-content scroll="false">
+    <a class="right skip" ng-click="skip()">Skip</a>
+    <div class="title">
+      <span translate>Thank you!</span>
+      <div>
+        <i class="icon zero-state-icon">
+          <img src="img/address-book-add.svg"/>
+        </i>
+      </div>
+    </div>
+    <div class="subtitle">
+        <span translate>5-star ratings help us get BitPay Wallet into more hands, and more users means more resoucers can be committed to the app!</span>
+    </div>
+    <div class="subtitle">
+      <span class="text-bold" translate>Would you be willing to rate BitPay Wallet in the app store?</span>
+    </div>
+    <div class="buttons">
+      <button type="submit" class="button button-standard button-primary" ng-click="goAppStore()">
+        <span translate>Rate on the app store</span>
+      </button>
+      <button type="submit" class="button button-standard button-primary button-clear" ng-click="sendFeedback()">
+        <span translate>Send us feedback instead</span>
+      </button>
+    </div>
+  </ion-content>
+</ion-view>

www/views/feedback/rateCard.html

@@ -0,0 +1,18 @@
+<div id="rate-card" ng-class="{'popup-modal': isModal}" ng-controller="rateCardController">
+  <div class="item item-icon-right item-heading">
+    <span translate>How do you like BitPay Wallet?</span>
+    <a ng-click="hideCard()" ><i class="icon ion-ios-close-empty close-home-tip"></i></a>
+  </div>
+  <div class="stars item item-sub">
+    <button class="button icon ion-android-star" ng-click="setScore(1)" ng-class="{'gold': 1 <= score, 'subtle-gray': 1 > score}"></button>
+    <button class="button icon ion-android-star" ng-click="setScore(2)" ng-class="{'gold': 2 <= score, 'subtle-gray': 2 > score}"></button>
+    <button class="button icon ion-android-star" ng-click="setScore(3)" ng-class="{'gold': 3 <= score, 'subtle-gray': 3 > score}"></button>
+    <button class="button icon ion-android-star" ng-click="setScore(4)" ng-class="{'gold': 4 <= score, 'subtle-gray': 4 > score}"></button>
+    <button class="button icon ion-android-star" ng-click="setScore(5)" ng-class="{'gold': 5 ==  score, 'subtle-gray': 5 > score}"></button>
+  </div>
+  <div class="feedback-flow-button" ng-if="button_title">
+    <button type="submit" class="button button-standard button-primary" ng-click="goFeedbackFlow()">
+      <span>{{button_title}}</span>
+    </button>
+  </div>
+</div>

www/views/feedback/sendFeedback.html

@@ -0,0 +1,26 @@
+<ion-view id="send-feedback">
+  <a class="right skip" ng-click="sendFeedback(null,true)" href translate>Skip</a>
+  <ion-content class="has-header" scroll="false">
+    <div class="title">
+      <span>{{reaction}}</span>
+    </div>
+    <div class="star">
+      <a><i ng-class="{'gold': 1 <= score, 'subtle-gray': 1 > score}" class="icon ion-android-star"></i></a>
+      <a><i ng-class="{'gold': 2 <= score, 'subtle-gray': 2 > score}" class="icon ion-android-star"></i></a>
+      <a><i ng-class="{'gold': 3 <= score, 'subtle-gray': 3 > score}" class="icon ion-android-star"></i></a>
+      <a><i ng-class="{'gold': 4 <= score, 'subtle-gray': 4 > score}" class="icon ion-android-star"></i></a>
+      <a><i ng-class="{'gold': 5 == score, 'subtle-gray': 5 > score}" class="icon ion-android-star"></i></a>
+    </div>
+    <div class="comment">
+      <span translate>{{comment}}</span>
+    </div>
+    <div>
+      <textarea ng-model="feedback" placeholder="Is there anything we could do to improve your experience?" row="40"></textarea>
+    </div>
+    <div class="padding">
+      <button ng-disabled="!feedback" type="submit" class="button button-full button-primary" ng-click="sendFeedback(feedback, false)" translate>
+        Send
+      </button>
+    </div>
+  </ion-content>
+</ion-view>

www/views/feedback/thanks.html

@@ -0,0 +1,79 @@
+<ion-view id="thanks-feedback">
+  <ion-content scroll="false">
+    <div class="item item-icon-right item-heading">
+      <a ui-sref="tabs.home()"><i class="icon ion-ios-close-empty close-home-tip"></i></a>
+    </div>
+    <div ng-show="skipped && isCordova">
+      <div class="title" translate>Invite friends to BitPay Wallet!</div>
+      <div>
+        <i class="icon zero-state-icon">
+          <img src="img/address-book-add.svg"/>
+        </i>
+      </div>
+      <div class="text-center">
+        <span translate>Share the love by inviting your friends.</span>
+      </div>
+    </div>
+    <div ng-show="!skipped || !isCordova">
+      <div class="title" translate>Thank you!</div>
+      <div class="subtitle">
+        <span translate>A member of the team will review your feedback as soon as possible.</span>
+      </div>
+      <div class="subtitle" ng-if="score <= 3 || !isCordova">
+        <span translate>If you have additional feedback, please let us know by tapping the "Send feedback" option in the Settings tab.</span>
+        <div class="image">
+          <i class="icon zero-state-icon">
+            <img src="img/address-book-add.svg"/>
+          </i>
+        </div>
+      </div>
+      <div class="text-center" ng-if="score > 3 && isCordova">
+        <span translate>Share the love by inviting your friends.</span>
+      </div>
+    </div>
+    <div class="share-buttons" ng-if="isCordova && score > 3">
+      <div class="ng-hide" ng-show="socialsharing" ng-if="score >= 4">
+        <div class="row">
+          <div class="ng-hide" ng-show="facebook" ng-click="shareFacebook()">
+            <i class="icon zero-state-icon">
+              <img src="img/address-book-add.svg"/>
+            </i>
+            <span>Facebook</span>
+          </div>
+          <div class="ng-hide" ng-show="twitter" ng-click="shareTwitter()">
+            <i class="icon zero-state-icon">
+              <img src="img/address-book-add.svg"/>
+            </i>
+            <span>Twitter</span>
+          </div>
+          <div class="ng-hide" ng-show="googleplus" ng-click="shareGooglePlus()">
+            <i class="icon zero-state-icon">
+              <img src="img/address-book-add.svg"/>
+            </i>
+            <span>Google+</span>
+          </div>
+        </div>
+        <div class="row">
+          <div class="ng-hide" ng-show="email" ng-click="shareEmail()">
+            <i class="icon zero-state-icon">
+              <img src="img/address-book-add.svg"/>
+            </i>
+            <span>Email</span>
+          </div>
+          <div class="ng-hide" ng-show="whatsapp" ng-click="shareWhatsapp()">
+            <i class="icon zero-state-icon">
+              <img src="img/address-book-add.svg"/>
+            </i>
+            <span>Whatsapp</span>
+          </div>
+          <div ng-click="shareMessage()">
+            <i class="icon zero-state-icon">
+              <img src="img/address-book-add.svg"/>
+            </i>
+            <span>Message</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </ion-content>
+</ion-view>

www/views/tab-home.html

@@ -10,9 +10,12 @@
      spinner="ios-small"
      on-refresh="onRefresh()">
    </ion-refresher>
-    <div class="release" ng-show="newRelease" ng-click="openExternalLink('https://github.com/bitpay/copay/releases/latest', true, 'Update Available', 'An update to this app is available. For your security, please update to the latest version.', 'View Update', 'Go Back')">
+    <div class="release ng-hide" ng-show="newRelease" ng-click="openExternalLink('https://github.com/bitpay/copay/releases/latest', true, 'Update Available', 'An update to this app is available. For your security, please update to the latest version.', 'View Update', 'Go Back')">
       <span translate>An update to this app is available</span><span><i class="icon bp-arrow-right"></i></span>
     </div>
+    <div class="list card ng-hide" ng-show="!hideRateCard.value">
+      <span ng-include="'views/feedback/rateCard.html'"></span>
+    </div>
     <div class="list card homeTip" ng-if="homeTip">
       <div class="item item-icon-right item-heading">
         <a ng-click="hideHomeTip()"><i class="icon ion-ios-close-empty close-home-tip"></i></a>

www/views/tab-settings.html

@@ -29,7 +29,7 @@
           <img src="img/icon-link.svg" class="bg just-a-hint"/>
         </i>
       </a>
-      <a class="ng-hide item item-icon-left item-icon-right" ng-hide="true">
+      <a class="item item-icon-left item-icon-right" ng-click="openRateModal()">
         <i class="icon big-icon-svg">
           <img src="img/icon-send-feedback.svg" class="bg"/>
         </i>