Merge pull request #12 from olaoluwa-98/add-more-fields-to-modal

Add access_code, firstname, lastname & channels to paystack modal

Author: iamraphson

dist/paystack.min.js

@@ -4,6 +4,10 @@
             <paystack
                 :amount="amount"
                 :email="email"
+                :firstname="firstname"
+                :lastname="lastname"
+                :accessCode="accessCode"
+                :ref="reference"
                 :paystackkey="paystackkey"
                 :reference="reference"
                 :callback="callback"
@@ -25,12 +29,17 @@ export default {
     data(){
         return{
           paystackkey: "pk_test_xxxxxxxxxxxxxxxxxxxxxxx",
+          firstname: "Foo",
+          lastname: "Bar",
           email: "foobar@example.com",
-          amount: 1000000
+          amount: 1000000,
+          accessCode: "example-access-code",
+          reference: "example-reference",
+          channels: ['card']
         }
     },
     computed: {
-      reference(){
+      genReference(){
         let text = "";
         let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 

examples/commonjs/App.vue

@@ -27,6 +27,14 @@ export default {
             type: String,
             required: true
         },
+        firstname: {
+            type: String,
+            default: ""
+        },
+        lastname: {
+            type: String,
+            default: ""
+        },
         amount: {
             type: Number,
             required: true
@@ -35,6 +43,14 @@ export default {
             type: String,
             required: true
         },
+        channels: {
+            type: Array,
+            default: function() { return ["card","bank"]}
+        },
+        accessCode:{
+            type: String,
+            default: ""
+        },
         callback: {
             type: Function,
             required: true,
@@ -115,7 +131,11 @@ export default {
                 const paystackOptions = {
                     key: this.paystackkey,
                     email: this.email,
+                    firstname: this.firstname,
+                    lastname: this.lastname,
+                    channels: this.channels,
                     amount: this.amount,
+                    access_code: this.accessCode,
                     ref: this.reference,
                     callback: (response) => {
                         this.callback(response)

src/paystack.vue

@@ -5508,11 +5508,6 @@ vm-browserify@0.0.4:
   dependencies:
     indexof "0.0.1"
 
-vue-async-computed@^3.6.1:
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/vue-async-computed/-/vue-async-computed-3.6.1.tgz#6b790e2125347c678d1b82b10a5b03b41d7b86d0"
-  integrity sha512-8FFDTqfdvKrzK5Fr7nNHZgP6sQ2hTUELTrLn25i8VW/g06MztD+FOe1gs0RYVpRkPlcrykf2hbJxNYra1c4OGg==
-
 vue-eslint-parser@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-5.0.0.tgz#00f4e4da94ec974b821a26ff0ed0f7a78402b8a1"