Use validateToken and validatePhone

Author: ibrahimlawal

.gitignore

@@ -64,7 +64,7 @@ function startPaystack(access_code){
         $("#otp-message").html(response.message);
         $("#otp-form").submit(function(e){
             startProcessing(e);
-            PAYSTACK.card.validate({
+            PAYSTACK.card.validateToken({
                 token: fetchValueWhileClearingField('otp')
             }).then(handleResponse, handleError);
         });
@@ -80,12 +80,12 @@ function startPaystack(access_code){
         });
     }
 
-    function startEnrollAuth(response){
-        $("#enroll-form").show();
-        $("#enroll-message").html(response.message);
-        $("#enroll-form").submit(function(e){
+    function startPhoneAuth(response){
+        $("#phone-form").show();
+        $("#phone-message").html(response.message);
+        $("#phone-form").submit(function(e){
             startProcessing(e);
-            PAYSTACK.card.enroll({
+            PAYSTACK.card.validatePhone({
                 phone: fetchValueWhileClearingField('phone')
             }).then(handleResponse, handleError);
         });
@@ -119,7 +119,7 @@ function startPaystack(access_code){
                         startPinAuth(response);
                         break;
                     case 'phone':
-                        startEnrollAuth(response);
+                        startPhoneAuth(response);
                         break;
                     case 'otp':
                         startOtpAuth(response);

.htaccess

@@ -48,8 +48,8 @@
     <button type="submit" data-paystack="submit">Continue</button>
 </form>
 
-<form id="enroll-form" style="display:none">
-    <div id="enroll-message"></div>
+<form id="phone-form" style="display:none">
+    <div id="phone-message"></div>
     <input type="text" id="phone" data-paystack="phone" placeholder="phone">
     <button type="submit" data-paystack="submit">Continue</button>
 </form>