Merge pull request #98 from iamraphson/feature/paystack-connect

Implement connect into React Paystack
iamraphson · Apr 25, 2024 · 196b0a6 · 196b0a6
2 parents 0201be2 + 47955d6
commit 196b0a6
Show file tree

Hide file tree

Showing 11 changed files with 560 additions and 317 deletions.
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/dist/types.d.ts b/dist/types.d.ts
@@ -13,6 +13,10 @@ interface PaystackMetadata {
 interface PaystackMetadata {
     [key: string]: any;
 }
+interface PaystackConnectSplit {
+    account_id: string;
+    share: number;
+}
 export type callback = (response?: any) => void;
 export interface PaystackProps {
     publicKey: string;
@@ -34,6 +38,8 @@ export interface PaystackProps {
     'data-custom-button'?: string;
     split_code?: string;
     split?: Record<string, any>;
+    connect_split?: PaystackConnectSplit[];
+    connect_account?: string;
 }
 export type InitializePayment = (options: {
     onSuccess?: callback;

diff --git a/example/src/App.js b/example/src/App.js
@@ -52,18 +52,18 @@ const PaystackHookExample = () => {
 };
 
 const PaystackHookSplitParameterExample = () => {
-    const initializePayment = usePaystackPayment(config);
-    return (
-        <div>
-            <button
-                onClick={() => {
-                    initializePayment({config: {currency: 'NGN'}, onSuccess, onClose});
-                }}
-            >
-                Paystack Hooks with split parameter Implementation
-            </button>
-        </div>
-    );
+  const initializePayment = usePaystackPayment(config);
+  return (
+    <div>
+      <button
+        onClick={() => {
+          initializePayment({config: {currency: 'NGN'}, onSuccess, onClose});
+        }}
+      >
+        Paystack Hooks with split parameter Implementation
+      </button>
+    </div>
+  );
 };
 
 function App() {