Feat: Add support for dynamic split

GeekyADAMS · Sep 28, 2020 · 6a29144 · 6a29144
1 parent bf40ef6
commit 6a29144
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -112,7 +112,7 @@ new Vue({
 ```
 [Usage Example via CDN](examples/index.html)
 
-Please checkout [Paystack Documentation](https://developers.paystack.co/docs/paystack-inline) for other available options you can add to the 
+Please checkout [Paystack Documentation](https://paystack.com/docs/payments/accept-payments#popup) for other available options you can add to the 
 
 ## Deployment
 REMEMBER TO CHANGE THE KEY WHEN DEPLOYING ON A LIVE/PRODUCTION SYSTEM

diff --git a/examples/commonjs/App.vue b/examples/commonjs/App.vue
@@ -8,6 +8,7 @@
                 :lastname="lastname"
                 :accessCode="accessCode"
                 :splitCode="splitCode"
+                :split="split"
                 :paystackkey="paystackkey"
                 :reference="genReference"
                 :callback="callback"
@@ -32,8 +33,9 @@ export default {
           firstname: "Foo",
           lastname: "Bar",
           email: "[email protected]",
-          amount: 2000000,
+          amount: 200000,
           splitCode: "",
+          split: {},
           channels: ['card']
         }
     },

diff --git a/src/paystack.vue b/src/paystack.vue
@@ -85,6 +85,12 @@ export default {
             type: String,
             default: ""
         },
+        split: {
+            type: Object,
+            default: function() {
+                return {};
+            }
+        },
         splitCode: {
             type: String,
             default: ""
@@ -139,6 +145,10 @@ export default {
             }
         },
 
+        isDynamicSplit() {
+            return this.split.constructor === Object && Object.keys(this.split).length > 0;
+        },
+
         payWithPaystack() {
             this.scriptLoaded &&
         this.scriptLoaded.then(() => {
@@ -161,10 +171,11 @@ export default {
                 currency: this.currency,
                 plan: this.plan,
                 quantity: this.quantity,
-                subaccount: this.subaccount,
-                split_code: this.splitCode,
-                transaction_charge: this.transactionCharge,
-                bearer: this.bearer
+                subaccount: this.isDynamicSplit() ? "" : this.subaccount,
+                split: this.isDynamicSplit() ? this.split : {},
+                split_code: this.isDynamicSplit() ? "" : this.splitCode,
+                transaction_charge: this.isDynamicSplit() ? 0 : this.transactionCharge,
+                bearer: this.isDynamicSplit() ? "" : this.bearer
             };
 
             if (this.embed) {