From 0873ccee907d6ffd6833db759322abe83322cecf Mon Sep 17 00:00:00 2001
From: Skylar Ittner <skylar@netsyms.com>
Date: Wed, 22 Sep 2021 00:34:54 -0600
Subject: [PATCH] Show warning on Drop and Send page if user doesn't have a
 linked card

---
 www/assets/js/account.js   | 28 +++++++++++++++++++++++++++-
 www/pages/dropandsend.html |  7 ++++++-
 www/routes.js              |  9 +++++++++
 3 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/www/assets/js/account.js b/www/assets/js/account.js
index e2763cb..0b09365 100644
--- a/www/assets/js/account.js
+++ b/www/assets/js/account.js
@@ -39,6 +39,29 @@ function checkAccountStatus(callback) {
     }
 }
 
+function checkIfAccountGoodWithPaymentMethod(successcb, errorcb) {
+    if (!inStorage("phonenumber") || !inStorage("accountkey")) {
+        successcb(false);
+        return;
+    }
+    apirequest(SETTINGS.apis.getaccountinfo, {
+        phone: getStorage("phonenumber"),
+        accountkey: getStorage("accountkey")
+    }, function (success) {
+        if (success.status == "OK") {
+            if (success.payments_setup === false) {
+                successcb(false);
+            } else {
+                successcb(true);
+            }
+        } else {
+            errorcb(success.msg);
+        }
+    }, function (error) {
+        errorcb("Couldn't get your account info. Try again later.");
+    }, "GET");
+}
+
 function openAccountVerify(verifymsg) {
     app.dialog.prompt(verifymsg, "Verify Your Account", function (val) {
         verifyCode(val);
@@ -253,7 +276,10 @@ function initAccountPage() {
     });
 }
 
-function openCheckoutWindowToSaveCard() {
+function openCheckoutWindowToSaveCard(onaccountpage) {
+    if (typeof onaccountpage == "undefined") {
+        onaccountpage = true;
+    }
     openBrowser(SETTINGS.apis.redirecttopaymentsetup
             + "?phone=" + getStorage("phonenumber")
             + "&accountkey=" + getStorage("accountkey"),
diff --git a/www/pages/dropandsend.html b/www/pages/dropandsend.html
index 8781cc1..be794b5 100644
--- a/www/pages/dropandsend.html
+++ b/www/pages/dropandsend.html
@@ -23,12 +23,17 @@
             <div class="col-100 medium-60 large-50 xlarge-40">
                 <div class="list transparent no-hairlines no-margin-top-sm tablet-inset elevation-tablet media-list">
                     <ul>
-                        <li class="padding">
+                        <li class="padding text-align-center">
                             Use one of our Drop and Send package drop boxes for easier shipping,
                             and say goodbye to standing in line at the post office.  Use your choice of
                             USPS, UPS, or FedEx (or let us pick the cheapest), purchase shipping
                             insurance, and more!
                         </li>
+                        <li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;">
+                            <i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br>
+                            You need an account with a linked credit card to send packages with Drop and Send. <span class="taptext">Tap</span><span class="clicktext">Click</span> the button to update your account.
+                            <a class="button hapticbtn button-fill margin" href="/account"><i class="fas fa-user-circle"></i> My Account</a>
+                        </li>
                         <li>
                             <div class="item-content item-link hapticbtn popup-open" data-popup="#dasHowItWorksPopup">
                                 <div class="item-inner">
diff --git a/www/routes.js b/www/routes.js
index a3eb448..26b3e8b 100644
--- a/www/routes.js
+++ b/www/routes.js
@@ -132,6 +132,15 @@ var routes = [
         name: 'dropandsend',
         templateUrl: './pages/dropandsend.html',
         on: {
+            pageBeforeIn: function () {
+               checkIfAccountGoodWithPaymentMethod(function (ok) {
+                   if (!ok) {
+                       $("#addPaymentMethodNag").css("display", "");
+                   }
+               }, function (error) {
+                   $("#addPaymentMethodNag").css("display", "");
+               });
+            },
             pageAfterOut: function () {
                 dropboxMap = null;
             }