react-nomba-checkout-sdk 1.0.0 → 1.0.3

package/README.md

@@ -0,0 +1,85 @@
+# React Nomba Checkout SDK
+
+The `react-nomba-checkout-sdk` is a lightweight JavaScript library designed to simplify payment processing and checkout experiences in your react web applications.
+
+## 🚀 Getting Started
+
+To install the SDK, use npm or yarn:
+
+```bash
+npm install react-nomba-checkout-sdk
+# or
+yarn add react-nomba-checkout-sdk
+
+## Usage
+
+Here’s how to integrate the SDK into your project:
+
+```
+
+## 📖 Usage
+
+```bash
+import { useState } from 'react';
+import {
+  useNombaCheckout,
+  InitializeNombaCheckout,
+} from 'react-nomba-checkout-sdk';
+import './App.css';
+
+//initialize nomba checkout
+InitializeNombaCheckout();
+
+function App() {
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleCheckout = async () => {
+    setIsLoading(true);
+
+    const res = await useNombaCheckout({
+      accountId: 'accountid',
+      clientId: 'clientid',
+      clientSecret: 'clientsecret',
+      order: {
+        callbackUrl: 'samplecallbackurl',
+        customerEmail: 'abcde@gmail.com',
+        amount: '10000.00',
+        currency: 'NGN',
+        splitRequest: {
+          splitType: 'PERCENTAGE',
+          splitList: [
+            {
+              accountId: 'sample accountid',
+              value: '65.45',
+            },
+          ],
+        },
+      },
+      tokenizeCard: 'true',
+      onSuccess: (orderReference) => {
+        //handle success
+        setIsLoading(false);
+        console.log({ orderReference });
+      },
+      onFailure: (err) => {
+        //handle failure
+        setIsLoading(false);
+        console.log(err);
+      },
+    });
+  };
+  return (
+    <>
+      <h1>Vite pay checkout</h1>
+
+      <button onClick={handleCheckout}>
+        {isLoading ? 'Please wait...' : 'Pay with Nomba checkout'}
+      </button>
+    </>
+  );
+}
+
+export default App;
+
+
+```

package/dist/apis/handleNombaApiCall.d.ts

@@ -0,0 +1,3 @@
+export declare const handleNombaApiCall: (url: string, method: string, body?: {} | null, customHeaders?: {
+    [key: string]: string;
+}, environment?: string) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/apis/handleVendorApiCall.d.ts

@@ -0,0 +1,3 @@
+export declare const handleVendorApiCall: (url: string, method: string, body?: {} | null, customHeaders?: {
+    [key: string]: string;
+}, environment?: string) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/apis/useGenerateToken.d.ts

@@ -0,0 +1,8 @@
+interface GenerateTokenPayload {
+    clientId: string;
+    clientSecret: string;
+    accountId: string;
+    environment?: string;
+}
+export declare const useGenerateToken: (payload: GenerateTokenPayload) => Promise<any>;
+export {};

package/dist/apis/useNombaCheckout.d.ts

@@ -0,0 +1,30 @@
+interface CheckoutPayload {
+    order: {
+        orderReference: string;
+        customerId: string;
+        callbackUrl: string;
+        customerEmail: string;
+        amount: string;
+        currency: string;
+        accountId: string;
+        splitRequest?: {
+            splitType: string;
+            splitList: [
+                {
+                    accountId: string;
+                    value: number;
+                }
+            ];
+        };
+    };
+    tokenizeCard: boolean;
+    clientId: string;
+    clientSecret: string;
+    accountId: string;
+    environment?: string;
+    onSuccess: (orderReference: string) => void;
+    onFailure: (e: any) => void;
+    onClose: () => {};
+}
+export declare const useNombaCheckout: (payload: CheckoutPayload) => Promise<any>;
+export {};

package/dist/components/NombaCheckoutModal.d.ts

@@ -1,16 +1,19 @@
-import React, { Component } from "react";
-import "../styles.css";
-interface NombaCheckoutModalProps {
-    orderId: string;
-    onClose: () => void;
-}
+import React, { Component } from 'react';
+import '../styles.css';
 interface NombaCheckoutModalState {
+    orderId: string;
     isLoading: boolean;
+    isOpen: boolean;
+    onClose: () => void;
+    environment: string;
 }
-declare class NombaCheckoutModal extends Component<NombaCheckoutModalProps, NombaCheckoutModalState> {
-    constructor(props: NombaCheckoutModalProps);
+declare class NombaCheckoutModal extends Component<{}, NombaCheckoutModalState> {
+    constructor(props: {});
+    handleOpen: (orderId: string) => void;
     handleClose: () => void;
     handleIframeLoad: () => void;
-    render(): React.JSX.Element;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element | null;
 }
 export { NombaCheckoutModal };

package/dist/eventBus.d.ts

@@ -0,0 +1,8 @@
+declare class EventBus {
+    private events;
+    on(event: string, listener: (data: any) => void): void;
+    emit(event: string, data: any): void;
+    off(event: string, listener: (data: any) => void): void;
+}
+declare const eventBus: EventBus;
+export default eventBus;

package/dist/helpers/InitializeNombaCheckout.d.ts

@@ -0,0 +1 @@
+export declare const InitializeNombaCheckout: () => void;

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-import { NombaCheckoutButton } from "./components/NombaCheckoutButton";
-import { NombaCheckoutModal } from "./components/NombaCheckoutModal";
 import { useGetOrder } from "./apis/useGetOrder";
 import { useCardCheckout } from "./apis/useCardCheckout";
 import { useCardCheckoutOtp } from "./apis/useCardCheckoutOtp";
@@ -8,4 +6,7 @@ import { useVerifyOrderStatus } from "./apis/useVerifyOrderStatus";
 import { useResendOtp } from "./apis/useResendOtp";
 import { useFetchUssdBanks } from "./apis/useFetchUssdBanks";
 import { useGetUssdCode } from "./apis/useGetUssdCode";
-export { NombaCheckoutButton, NombaCheckoutModal, useGetOrder, useCardCheckout, useCardCheckoutOtp, useResendOtp, useGenerateQrCode, useVerifyOrderStatus, useFetchUssdBanks, useGetUssdCode, };
+import { useGenerateToken } from "./apis/useGenerateToken";
+import { useNombaCheckout } from "./apis/useNombaCheckout";
+import { InitializeNombaCheckout } from "./helpers/InitializeNombaCheckout";
+export { useGetOrder, useCardCheckout, useCardCheckoutOtp, useResendOtp, useGenerateQrCode, useVerifyOrderStatus, useFetchUssdBanks, useGetUssdCode, useGenerateToken, useNombaCheckout, InitializeNombaCheckout };